/* Yazı tipleri kendi sunucumuzdan */
@font-face{font-family:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/young-serif-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/young-serif-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Outfit";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Outfit";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Outfit";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Outfit";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* didimyazlik.tr — Ege mavisi, güneş sarısı, serin beyaz */
:root {
  --zemin: #F4F8FB; --yuzey: #FFFFFF; --metin: #0B2233; --soluk: #4E6475; --cizgi: #D5E1EA;
  --vurgu: #0E6BA8; --vurgu-koyu: #0A4F7D; --vurgu-metin: #FFFFFF; --vurgu-acik: #FFD36B; --ikincil: #DCEAF3;
  --koyu: #0B2233; --koyu-metin: #B9CAD6; --koyu-baslik: #FFFFFF;
  --f-baslik: "Young Serif", Georgia, serif; --f-govde: "Outfit", system-ui, sans-serif; --f-etiket: "Outfit", system-ui, sans-serif;
  --baslik-kalinlik: 400; --kose: 14px;
}
.k-marka { font-size: 1.55rem; }
.k-marka b { font-weight: 400; color: var(--vurgu); }
.k-marka--alt b { color: var(--vurgu-acik); }
.k-dugme { border-radius: 999px; }
.y-acilis { padding: clamp(40px, 7vw, 96px) 0 clamp(40px, 6vw, 72px); background: linear-gradient(180deg, #E4F0F7 0%, var(--zemin) 100%); }
.y-acilis__ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.y-acilis h1 { font-size: clamp(2.4rem, 5vw, 4.2rem); line-height: 1.04; }
.y-acilis__giris { font-size: 1.15rem; color: var(--soluk); max-width: 46ch; margin-bottom: 26px; }
.y-takvim { background: var(--yuzey); border-radius: 22px; padding: clamp(20px, 3vw, 32px); box-shadow: 0 24px 48px -30px rgba(11, 34, 51, .45); }
.y-takvim__etiket { display: block; font: 400 clamp(2.4rem, 4vw, 3.2rem)/1 var(--f-baslik); color: var(--metin); margin-bottom: 14px; }
.y-takvim__etiket output { color: var(--vurgu); }
.y-takvim input[type=range] { width: 100%; accent-color: var(--vurgu); margin: 0 0 18px; }
.y-haftalar { display: grid; grid-template-columns: repeat(13, 1fr); gap: 5px; margin-bottom: 18px; }
.y-haftalar span { aspect-ratio: 1; border-radius: 4px; background: var(--ikincil); transition: background-color .15s; }
.y-haftalar span.dolu { background: var(--vurgu-acik); }
.y-takvim__sonuc { margin: 0; color: var(--soluk); }
.y-takvim__sonuc strong { color: var(--metin); font-size: 1.15rem; }
.y-sorular { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.y-sorular div { background: var(--yuzey); border-radius: var(--kose); padding: 22px; border-top: 4px solid var(--vurgu-acik); }
.y-sorular h3 { font-size: 1.2rem; }
.y-sorular p { margin: 0; color: var(--soluk); font-size: .95rem; }
@media (max-width: 980px) { .y-acilis__ic { grid-template-columns: 1fr; } .y-sorular { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .y-sorular { grid-template-columns: 1fr; } }