/* ==========================================================================
   AYDINLATMA METNI  —  /aydinlatma

   Davetiyenin gorsel dili: krem zemin, Cormorant baslik, Jost govde.
   Ama bu bir OKUMA sayfasidir; davetiye gibi dekoratif degil, SAKIN ve
   OKUNAKLI olmasi onceliklidir:
     - govde yazisi 15.5px, satir araligi 1.72, koyu kahve
     - italik yok, ince font yok  (22 Agustos kurali: "babam okuyamadi")
     - satir uzunlugu 34em ile sinirli — goz satir kaybetmesin
   Mobil oncelikli: once 390px, sonra masaustu.
   ========================================================================== */

:root{
  --ivory:        #FAF7F0;
  --paper:        #FFFCF7;
  --champagne-ink:#8A6C32;
  --champagne-koyu:#6E5526;
  --hat:          rgba(150,120,66,.34);
  --hat-soft:     rgba(150,120,66,.18);

  --ink:          #2F261C;
  --ink-2:        #3F3328;
  --ink-3:        #54453A;

  --serif: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --sans:  'Jost', 'Helvetica Neue', Arial, sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }

html,body{
  margin:0; padding:0;
  min-height:100%;
  background:var(--ivory);
  color:var(--ink);
  font-family:var(--sans);
  color-scheme:only light;                 /* Android Chrome karartmasini engeller */
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
  font-variant-numeric:lining-nums;
  font-feature-settings:"lnum" 1;
}

/* --------------------------------------------------------------- zemin --- */

.kagit{
  position:relative;
  min-height:100dvh;
  background:
    radial-gradient(118% 52% at 50% 0%, #FFFFFF 0%, #FCFAF5 44%, var(--ivory) 100%);
  overflow-x:hidden;
}

/* Tek kose motifi, cok silik — davetiyeyle ayni kagit oldugu anlasilsin
   ama yazinin okunurlugunu dusurmesin. */
.motif{
  position:absolute; width:46vw; max-width:200px; aspect-ratio:262/282;
  background:url('/assets/kagit/motif-kose.png') center/contain no-repeat;
  opacity:.07;
  pointer-events:none;
}
.motif--ust{ top:0; left:0; }

.sayfa{
  position:relative; z-index:1;
  width:100%;
  max-width:640px;
  margin:0 auto;
  padding:38px 22px 54px;
}

/* -------------------------------------------------------------- baslik --- */

.bas{ text-align:center; }

.bas__monogram{
  margin:0;
  font-size:15px;
  letter-spacing:.22em;
}

.bas__baslik{
  margin:14px 0 0;
  font-family:var(--serif);
  font-weight:500;
  font-size:34px;
  line-height:1.16;
  letter-spacing:.012em;
  color:var(--ink);
}

.bas__alt{
  margin:8px 0 0;
  font-size:13px;
  font-weight:400;
  letter-spacing:.06em;
  color:var(--champagne-koyu);
}

/* -------------------------------------------------------------- govde --- */

.giris,
.blok p,
.blok li{
  font-size:15.5px;
  line-height:1.72;
  color:var(--ink-2);
  max-width:34em;
}

.giris{
  margin:0 0 14px;
}

/* "Burada onay istenmiyor" satiri — metnin en cok yanlis anlasilan yeri,
   bu yuzden kagit uzerinde ayri bir kutuda durur. */
.giris--vurgu{
  margin:18px 0 0;
  padding:14px 16px;
  background:var(--paper);
  border:1px solid var(--hat-soft);
  border-radius:2px;
  color:var(--ink);
}

strong{ font-weight:500; color:var(--ink); }

/* --------------------------------------------------------------- blok --- */

.blok{
  margin:30px 0 0;
  padding:26px 0 0;
  border-top:1px solid var(--hat-soft);
}

.blok__baslik{
  margin:0 0 12px;
  font-family:var(--serif);
  font-weight:600;
  font-size:21px;
  line-height:1.3;
  letter-spacing:.01em;
  color:var(--champagne-koyu);
}

.blok p{ margin:0 0 12px; }
.blok p:last-child{ margin-bottom:0; }

.blok__ara{
  margin:18px 0 6px !important;
  font-weight:500;
  color:var(--ink);
}
.blok__ara:first-of-type{ margin-top:0 !important; }

.liste{
  margin:0 0 12px;
  padding:0 0 0 20px;
}
.liste li{ margin:0 0 7px; }
.liste li:last-child{ margin-bottom:0; }
.liste li::marker{ color:var(--champagne-ink); }

.not{
  margin:14px 0 0 !important;
  padding:12px 14px;
  background:rgba(193,162,100,.07);
  border-left:2px solid var(--hat);
  border-radius:0 2px 2px 0;
  color:var(--ink-2);
}

.iletisim{
  margin:14px 0 0 !important;
  padding:14px 16px;
  background:var(--paper);
  border:1px solid var(--hat-soft);
  border-radius:2px;
}

/* ---------------------------------------------------------- baglantilar --- */

.baglanti{
  color:var(--champagne-koyu);
  font-weight:500;
  text-decoration:none;
  border-bottom:1px solid var(--hat);
  padding-bottom:1px;
  word-break:break-word;
}
.baglanti:hover{ border-bottom-color:var(--champagne-ink); }

/* ---------------------------------------------------------------- dip --- */

.dip{
  margin:34px 0 0;
  text-align:center;
}
.dip .o-ayrac{ margin:0 auto 18px; }

.dip__tarih{
  margin:0;
  font-size:12.5px;
  letter-spacing:.05em;
  color:var(--ink-3);
}

.dip__geri{ margin:14px 0 0; font-size:14px; }

/* ----------------------------------------------------------- masaustu --- */

@media (min-width:720px){
  .sayfa{ padding:56px 32px 72px; }
  .bas__baslik{ font-size:40px; }
  .motif{ max-width:240px; }
}