/* Yol haritasi (interaktif karar agaci) sayfalarinin ortak stili.
   Daha once uc sayfanin icine ayri ayri kopyalanmisti. Tek kaynak burasi. */
a{color:var(--seal-text);}
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible{
    outline:2px solid var(--seal);
    outline-offset:3px;
  }
/* Dar govde kolonu yalnizca hero ve main icin. Ust bant, iletisim seridi ve
   alt bant site.css'teki 1080'i kullanir — makale sablonuyla ayni mantik:
   genis cerceve, dar icerik. */
body > .wrap, main .wrap{ max-width:820px; margin:0 auto; padding:0 24px; }
.header-cta{font-family:'Bricolage Grotesque',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;text-decoration:none;color:var(--paper);background:var(--dark);padding:9px 18px;border-radius:var(--radius);white-space:nowrap;flex-shrink:0;transition:background 0.2s ease;}
.hero{ padding:52px 0 8px; }
h1{
    font-family:'Bricolage Grotesque', Georgia, serif;
    font-weight:600;
    font-size:40px;
    line-height:1.12;
    margin:0 0 16px;
    color:var(--ink);
  }
@media (max-width:560px){ h1{ font-size:31px; }}
.lede{ font-size:19px; color:var(--text-soft); margin:0 0 8px; max-width:60ch; }
main{ padding:20px 0 60px; }

@media (max-width:560px){ .tool{ padding:22px 18px; }}
.step-label{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px; letter-spacing:1.2px; text-transform:uppercase;
    color:var(--text-soft); margin:0 0 14px;
  }

.trail:empty{ display:none; }

.trail button:hover{ color:var(--ink); border-color:var(--brass); }

.q{
    font-family:'Bricolage Grotesque', Georgia, serif;
    font-weight:600; font-size:26px; line-height:1.22;
    color:var(--ink); margin:0 0 8px;
  }
@media (max-width:560px){ .q{ font-size:22px; }}

.q-hint:empty{ display:none; margin:0 0 6px; }

.opt{
    display:block; width:100%; text-align:left;
    background:var(--paper);
    border:1px solid var(--brass);
    border-left:3px solid var(--brass);
    border-radius:var(--radius);
    padding:15px 17px;
    cursor:pointer;
    font-family:'IBM Plex Sans', Georgia, serif;
    color:var(--text);
    transition:border-color .15s, background .15s, transform .12s;
  }

.opt:active{ transform:translateY(1px); }

.opt .od{ display:block; font-size:14.5px; color:var(--text-soft); margin-top:4px; line-height:1.5; }

.btn-ghost{
    font-family:'IBM Plex Mono', monospace; font-size:12.5px; letter-spacing:0.5px;
    background:transparent; color:var(--text-soft);
    border:1px solid var(--line); border-radius:var(--radius);
    padding:9px 15px; cursor:pointer; transition:color .15s, border-color .15s;
  }
.btn-ghost:hover{ color:var(--ink); border-color:var(--brass); }
.res-law{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px; letter-spacing:1.2px; text-transform:uppercase;
    color:var(--seal); margin:0 0 10px;
  }

@media (max-width:560px){ .res-title{ font-size:24px; }}
.res-lede{ font-size:17px; color:var(--text-soft); margin:0 0 22px; }

.deadline .dl-label{
    display:block;
    font-family:'IBM Plex Mono', monospace;
    font-size:11px; letter-spacing:1.2px; text-transform:uppercase;
    opacity:0.7; margin-bottom:7px;
  }


.steps{ margin:0; padding:0; list-style:none; counter-reset:s; }

.steps li::before{
    content:counter(s);
    position:absolute; left:0; top:1px;
    width:24px; height:24px; border-radius:50%;
    background:var(--parchment); border:1px solid var(--brass);
    color:var(--ink);
    font-family:'IBM Plex Mono', monospace; font-size:12px;
    display:flex; align-items:center; justify-content:center;
  }

.warn{
    background:rgba(181,86,58,0.06);
    border:1px solid rgba(181,86,58,0.25);
    border-radius:var(--radius);
    padding:15px 17px; margin:22px 0 0;
    font-size:15px;
  }

.res-links{ margin-top:26px; padding-top:20px; border-top:1px solid var(--line); }

.res-links li{ padding:9px 0; border-bottom:1px dashed var(--line); display:flex; gap:11px; align-items:baseline; }

.tag{
    flex-shrink:0;
    font-family:'IBM Plex Mono', monospace;
    font-size:10px; letter-spacing:0.7px; text-transform:uppercase;
    padding:2px 7px; border-radius:2px;
    border:1px solid var(--line); color:var(--text-soft);
    background:var(--parchment);
  }

.tag.arac{ color:var(--seal); border-color:rgba(181,86,58,0.35); background:rgba(181,86,58,0.05); }

.res-links a:hover{ text-decoration:underline; }

.res-cta{
    margin-top:26px; padding:20px 22px;
    background:var(--parchment); border:1px solid var(--line);
    border-radius:var(--radius);
    font-size:16px;
  }

.res-cta a{ font-weight:600; }


.explain ul{ margin:0 0 14px; padding-left:20px; }

.xlinks{ margin-top:34px; padding-top:24px; border-top:1px solid var(--line); }



.disclaimer{
    font-size:14px; color:var(--text-soft); font-style:italic;
    margin-top:34px; padding-top:18px; border-top:1px solid var(--line);
  }
@media (max-width:1119px){
    nav.top{
      position:absolute;
      top:100%; left:0; right:0;
      display:none;
      flex-direction:column;
      gap:0;
      background:var(--parchment);
      border-bottom:1px solid var(--line);
      padding:6px 32px 14px;
      box-shadow:0 10px 24px rgba(24,28,26,0.08);
    }
}
@media print{
    header.site, footer, .trail, .nav-row, .explain, .xlinks, .hero .kicker{ display:none !important; }
    body{ background:#fff; font-size:12pt; }

    .deadline strong{ color:#000; }
    a{ color:#000; }}