/* [F2-12 / L02 + İ01, 30 Eyl 2026] /kentsel-donusum-istemiyorum/ — "Emin değilim / istemiyorum".
   Ortak tokenlar ve e-* sınıfları css/marketing/scenario_base.css'te; sayfaya özel sınıflar is-*.
   Tarafsız sayfa: kırmızı/yeşil "iyi-kötü" renkleri yerine nötr lacivert-gri tonlar. */
:root{
  --is-ink:#4A5570; --is-soft:#EEF0F3; --is-hot:#9A6412; --is-hot-soft:#FCF0DA;
}

.is-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,4vw,48px);align-items:center;}
.is-hero__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.is-hero__cta .e-note{flex-basis:100%;}

/* Süreç haritası */
.is-map{margin:0 auto;max-width:420px;width:100%;}
.is-map__list{list-style:none;margin:0;padding:18px 18px 14px;background:#fff;border:1px solid var(--e-border-cool);border-radius:18px;box-shadow:var(--e-shadow);position:relative;}
.is-map__list li{position:relative;display:flex;gap:12px;padding:0 0 14px;}
.is-map__list li:last-child{padding-bottom:0;}
.is-map__list li:not(:last-child)::before{content:"";position:absolute;left:15px;top:30px;bottom:0;width:2px;background:repeating-linear-gradient(180deg,#C9D3DD 0 5px,transparent 5px 9px);}
.is-map__dot{flex:none;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;background:var(--is-soft);color:var(--is-ink);border:2px solid #fff;box-shadow:0 0 0 1.5px #C9D3DD;}
.is-map__list b{display:block;font-size:.95rem;line-height:1.25;}
.is-map__list small{display:block;font-size:.78rem;color:var(--e-muted);}
.is-map__list em{display:flex;gap:6px;align-items:flex-start;font-style:normal;font-size:.78rem;font-weight:700;color:var(--e-good);margin-top:3px;}
.is-map__now .is-map__dot{background:var(--e-primary);color:#fff;box-shadow:0 0 0 4px var(--e-accent);}
.is-map__chip{position:relative;margin:-10px auto 0;max-width:94%;background:var(--e-primary);color:#fff;border-radius:14px;padding:9px 14px;font-size:.84rem;font-weight:700;line-height:1.4;box-shadow:var(--e-shadow);}
.is-map__chip i{color:var(--e-accent);margin-right:6px;}

/* Kart + başlık */
.is-card{background:var(--e-surface);border:1px solid var(--e-border-cool);border-radius:var(--e-radius);box-shadow:0 4px 14px rgba(31,43,71,.05);padding:clamp(18px,3vw,30px);}
.is-h2{font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800;letter-spacing:-.015em;margin:0 0 6px;}
.is-lead{margin:0 0 16px;color:var(--e-muted);max-width:66ch;}
.is-lbl{display:block;font-size:.8rem;font-weight:800;color:var(--e-muted);margin:14px 0 6px;letter-spacing:.02em;}

/* Aşama seçici */
.is-stage{padding:clamp(18px,3vw,30px) 0 clamp(18px,3vw,30px);scroll-margin-top:80px;}
.is-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.is-tabs button{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--e-border-cool);background:#fff;border-radius:999px;padding:9px 16px;font:inherit;font-size:.9rem;font-weight:800;color:var(--e-text);cursor:pointer;transition:border-color .15s,background .15s;}
.is-tabs button:hover{border-color:var(--e-primary);}
.is-tabs button.is-on{background:var(--e-primary);border-color:var(--e-primary);color:#fff;}
.is-tabs button i{font-size:1rem;}
.is-panel[hidden]{display:none;}
.is-panel__grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;}
.is-box{background:var(--is-soft);border-radius:14px;padding:16px 18px;}
.is-box h3{font-size:1rem;font-weight:800;margin:0 0 8px;}
.is-box p{margin:0 0 10px;font-size:.92rem;}
.is-box ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:.9rem;}
.is-box a{color:var(--e-blue);font-weight:700;}
.is-box--rights{background:#E8F1EC;}
.is-box--do{background:var(--e-soft-teal);}
.is-due{display:inline-block;border-radius:12px;padding:6px 12px;font-size:.8rem;font-weight:800;line-height:1.4;background:#fff;color:var(--is-ink);}
.is-due i{margin-right:5px;}
.is-due--hot{background:var(--is-hot-soft);color:var(--is-hot);}
.is-due a{color:inherit;}

/* Son gün hesaplayıcı */
.is-dl{padding:0 0 clamp(28px,4vw,44px);scroll-margin-top:80px;}
.is-dl__card{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch;}
.is-chips{display:flex;flex-wrap:wrap;gap:8px;}
.is-chips button{border:1.5px solid var(--e-border-cool);background:#fff;border-radius:999px;padding:8px 14px;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;color:var(--e-text);}
.is-chips button.is-sel{background:var(--e-primary);border-color:var(--e-primary);color:#fff;}
.is-date{font:inherit;font-size:1rem;font-weight:700;padding:10px 12px;border:1.5px solid var(--e-border-cool);border-radius:12px;background:#fff;color:var(--e-text);}
.is-dl__out{background:linear-gradient(160deg,#fff,var(--e-hero-top));border:1px solid var(--e-border);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;}
.is-dl__k{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--e-muted);}
.is-dl__big{font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:800;letter-spacing:-.02em;color:var(--e-primary);line-height:1.1;}
.is-dl__left{font-weight:800;color:var(--is-hot);}
.is-dl__left.is-past{color:var(--e-bad);}
.is-dl__steps{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:.86rem;color:var(--e-muted);}
.is-dl__steps b{color:var(--e-text);}
.is-dl__warn{margin:auto 0 0;padding-top:10px;border-top:1px dashed var(--e-border);font-size:.78rem;color:var(--e-muted);}

/* Yanlışlar */
.is-myth{padding:clamp(28px,4.5vw,48px) 0;background:var(--e-surface);border-top:1px solid var(--e-border-cool);border-bottom:1px solid var(--e-border-cool);}
.is-myth__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;}
.is-mcard{border:1px solid var(--e-border-cool);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;background:#fff;}
.is-mcard b{font-size:1rem;line-height:1.3;text-decoration:line-through;text-decoration-color:rgba(155,63,55,.45);text-decoration-thickness:2px;}
.is-mcard p{margin:0;font-size:.9rem;}
.is-mcard__no,.is-mcard__yes{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;width:max-content;border-radius:999px;padding:2px 9px;}
.is-mcard__no{background:#F8E3E0;color:var(--e-bad);}
.is-mcard__yes{background:#E3F2E9;color:var(--e-good);margin-top:6px;}

/* Kontrol listesi + sonraki adım */
.is-check{padding:clamp(30px,4.5vw,52px) 0;}
.is-check__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,4vw,44px);align-items:start;}
.is-todo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.is-todo label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--e-border-cool);border-radius:12px;padding:11px 14px;cursor:pointer;font-size:.94rem;}
.is-todo input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--e-primary);}
.is-next{background:var(--e-soft-clay);border:1px solid var(--e-border);border-radius:var(--e-radius);padding:20px;display:flex;flex-direction:column;gap:10px;position:sticky;top:84px;}
.is-next h3{font-size:1.1rem;font-weight:800;margin:0;}
.is-next p{margin:0 0 4px;font-size:.9rem;color:var(--e-muted);}

/* SEO gövde */
.is-seo{padding:clamp(30px,4.5vw,54px) 0;background:var(--e-soft-sage);border-top:1px solid var(--e-border-cool);}
.is-seo h2{font-size:1.28rem;font-weight:800;margin:26px 0 10px;letter-spacing:-.01em;}
.is-seo h2:first-of-type{margin-top:0;}
.is-seo p{margin:0 0 10px;max-width:76ch;}
.is-seo a{color:var(--e-primary);font-weight:700;}
.is-faq{margin-top:8px;display:flex;flex-direction:column;gap:8px;max-width:860px;}
.is-faq details{background:#fff;border:1px solid var(--e-border-cool);border-radius:12px;padding:0 16px;}
.is-faq summary{cursor:pointer;font-weight:800;padding:13px 0;list-style:none;display:flex;justify-content:space-between;gap:10px;}
.is-faq summary::-webkit-details-marker{display:none;}
.is-faq summary::after{content:"+";color:var(--e-primary);font-weight:800;}
.is-faq details[open] summary::after{content:"–";}
.is-faq details p{padding:0 0 14px;margin:0;color:var(--e-muted);}
.is-src{font-size:.82rem;color:var(--e-muted);margin-top:18px;}

@media (max-width:1000px){
  .is-panel__grid{grid-template-columns:1fr 1fr;}
  .is-panel__grid .is-box:first-child{grid-column:1/-1;}
  .is-myth__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:900px){
  .is-hero,.is-dl__card,.is-check__grid{grid-template-columns:1fr;}
  .is-next{position:static;}
}
@media (max-width:600px){
  .is-panel__grid,.is-myth__grid{grid-template-columns:1fr;}
  .is-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-left:-4px;margin-right:-4px;scrollbar-width:thin;}
  .is-tabs button{flex:none;}
}

/* [F1-8 / A06] Son gün aracından süre hesaplama sayfasına */
.is-dl__more{align-self:flex-start;font-size:.86rem;font-weight:700;color:var(--e-primary);text-decoration:underline;text-underline-offset:3px;}
