/* romencekurslari.com — tokens */
:root{
  --ink:#141A26;--ink-2:#3A4356;--mute:#6B7486;--rule:#D9DEE6;--rule-2:#E9EDF2;
  --paper:#F4F6F9;--card:#FFFFFF;--tint:#EEF1F6;
  --ox:#7A1F2E;--ox-2:#F3E6E8;--yel:#F2C230;
  --ok:#1F7A3E;
  --display:"Bricolage Grotesque",system-ui,sans-serif;
  --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --max:1200px;--r:6px;
}
@media (prefers-color-scheme:dark){
  :root{--ink:#EEF1F6;--ink-2:#C3CAD6;--mute:#8B94A6;--rule:#2A3242;--rule-2:#1F2634;
  --paper:#0F1420;--card:#151B29;--tint:#1A2131;--ox:#D9707E;--ox-2:#2A1B21;--yel:#E6BC3B;--ok:#5CC48A}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font:16px/1.6 var(--body);color:var(--ink);background:var(--paper)}
a{color:var(--ox);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--yel);outline-offset:3px;border-radius:2px}
img{max-width:100%}
h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0 0 .5em;letter-spacing:-.015em;font-weight:600}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}
h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-top:2.6em}
h3{font-size:1.2rem;margin-top:1.6em;letter-spacing:-.005em}
p,ul,ol{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.muted{color:var(--mute)}
.small{font-size:.9rem}
b,strong{font-weight:600}

/* header */
header.site{background:var(--paper);border-bottom:1px solid var(--rule)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;flex-wrap:wrap}
.logo{font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.logo span{color:var(--ox)}
nav.main a{color:var(--ink-2);text-decoration:none;margin-left:22px;font-size:.92rem}
nav.main a:hover{color:var(--ox)}
@media(max-width:700px){nav.main{width:100%;display:flex;flex-wrap:wrap;gap:6px 0;padding-bottom:12px}nav.main a{margin:0 16px 0 0}}

/* deadline strip */
.deadline{background:var(--ink);color:var(--paper);font-size:.86rem}
@media (prefers-color-scheme:dark){.deadline{background:var(--tint);color:var(--ink)}}
.deadline .wrap{display:flex;align-items:center;gap:14px;min-height:40px;flex-wrap:wrap}
.deadline .dot{width:8px;height:8px;border-radius:50%;background:var(--yel);flex:none}
.deadline .cd{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em}
.deadline a{color:inherit;text-decoration-color:var(--yel);margin-left:auto}
@media(max-width:600px){.deadline a{margin-left:0}}

/* hero */
.hero{padding:56px 0 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
@media(max-width:860px){.hero{grid-template-columns:1fr;padding-top:36px}.hero .glyphs{order:-1;text-align:left}.glyphs small{text-align:left}}
.hero h1{max-width:22ch}
.hero p.lead{font-size:1.12rem;color:var(--ink-2);max-width:60ch;margin-top:1em}
.eyebrow{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);display:block;margin-bottom:14px}
.glyphs{font-family:var(--display);font-weight:700;font-size:clamp(4rem,10vw,8.5rem);line-height:1;letter-spacing:-.03em;color:var(--ox);user-select:none;text-align:right}
.glyphs span{display:inline-block;animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.glyphs span:nth-child(2){animation-delay:.07s}.glyphs span:nth-child(3){animation-delay:.14s}.glyphs span:nth-child(4){animation-delay:.21s}.glyphs span:nth-child(5){animation-delay:.28s}
@keyframes rise{from{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:none}}
.glyphs small{display:block;font-family:var(--mono);font-size:.78rem;color:var(--mute);text-align:right;margin-top:.35em;font-weight:400;letter-spacing:.06em;line-height:1.4}
.updated{display:inline-block;font-family:var(--mono);font-size:.78rem;color:var(--mute);border:1px solid var(--rule);border-radius:999px;padding:3px 10px}

/* notice */
.notice{background:var(--ox-2);border-left:3px solid var(--ox);padding:12px 16px;font-size:.92rem;margin:24px 0;border-radius:0 var(--r) var(--r) 0;color:var(--ink-2)}
.notice strong{color:var(--ink)}

/* tables */
.table-wrap{overflow-x:auto;margin:24px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule)}
table{border-collapse:collapse;width:100%;min-width:720px;font-size:.93rem}
th,td{padding:12px 12px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
th{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mute);font-weight:500;white-space:nowrap}
tr:last-child td{border-bottom:0}
td:first-child{font-weight:600}
td:first-child a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
td:first-child a:hover{color:var(--ox);border-color:var(--ox)}
.yes{color:var(--ok);font-weight:600}
.no{color:var(--mute)}
.na{color:var(--mute);font-style:italic}

#karsilastirma .table-wrap{overflow:visible}
table.cmp{table-layout:fixed;width:100%;min-width:0;font-size:.9rem}
table.cmp th,table.cmp td{padding:14px 12px;white-space:normal;overflow-wrap:break-word;vertical-align:top}
table.cmp td small{display:block;color:var(--mute);font-size:.78rem;font-weight:400;font-style:normal;margin-top:3px;line-height:1.4}
table.cmp td b,table td b{font-family:var(--mono);font-weight:500;font-size:.98em;font-variant-numeric:tabular-nums}
table.cmp tbody tr:hover td{background:var(--tint)}
@media(max-width:760px){#karsilastirma .table-wrap{overflow-x:auto}table.cmp{min-width:760px}}

/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule);margin:24px 0}
.card{background:var(--card);padding:22px 22px 18px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.card h3{margin-top:0;font-size:1.08rem}
.grid>.card:nth-child(5):last-child{grid-column:1/-1}
.grid>.card:nth-child(5):last-child p{max-width:80ch}
.card p{font-size:.95rem;color:var(--ink-2)}
.card p.small a{font-family:var(--mono);font-size:.82rem}

/* buttons */
.btn{display:inline-block;padding:11px 18px;border-radius:var(--r);text-decoration:none;font-weight:600;border:1px solid var(--ink);color:var(--ink);font-size:.95rem}
.btn.primary{background:var(--ox);border-color:var(--ox);color:#fff}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.primary:hover{background:var(--ink);border-color:var(--ink)}

/* facts */
.facts{border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding:4px 0;margin:24px 0}
.facts dl{display:grid;grid-template-columns:max-content 1fr;gap:0 24px;margin:0}
.facts dt,.facts dd{padding:10px 0;border-bottom:1px solid var(--rule-2)}
.facts dt{font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding-top:13px}
.facts dd{margin:0}
@media(max-width:560px){.facts dl{grid-template-columns:1fr}.facts dt{padding-bottom:0;border:0}}

/* faq */
details{border-top:1px solid var(--rule);padding:14px 0}
details:last-of-type{border-bottom:1px solid var(--rule)}
summary{cursor:pointer;font-weight:600;font-family:var(--display);font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);color:var(--mute);flex:none}
details[open] summary::after{content:"–"}
details p{margin:10px 0 2px;color:var(--ink-2);max-width:70ch}

/* article */
article.prose{max-width:760px}
article.prose .lead{font-size:1.12rem;color:var(--ink-2)}
article.prose li{margin-bottom:.4em}
article.prose h2{padding-top:.6em;border-top:1px solid var(--rule)}
blockquote{margin:1em 0;padding:8px 16px;border-left:3px solid var(--ox);color:var(--ink-2)}
.toc{border:1px solid var(--rule);padding:14px 18px;margin:24px 0;font-size:.93rem;background:var(--card)}
.toc strong{font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mute);font-weight:500}
.toc ol{margin:8px 0 0;padding-left:20px;columns:2;column-gap:32px}
@media(max-width:600px){.toc ol{columns:1}}

/* footer */
footer.site{border-top:2px solid var(--ink);margin-top:72px;padding:32px 0 48px;color:var(--mute);font-size:.9rem}
footer.site a{color:var(--ink-2)}
footer.site .cols{display:flex;gap:48px;flex-wrap:wrap;margin-bottom:20px}
footer.site .cols div{min-width:180px}
footer.site .cols strong{display:block;font-family:var(--mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mute);font-weight:500;margin-bottom:8px}
footer.site .cols a{display:block;text-decoration:none;margin:4px 0}
footer.site .cols a:hover{color:var(--ox)}
.disclosure{border-top:1px solid var(--rule);padding-top:16px;margin-top:16px;max-width:80ch}