/* [F2-12 / L02, 30 Eyl 2026] /kentsel-donusum-salt-cogunluk-hesaplama/ — "Komşularım anlaşamıyor".
   Ortak tokenlar ve e-* sınıfları css/marketing/scenario_base.css'te; sayfaya özel sınıflar sc-*. */
:root{
  /* Oy renkleri: evet = marka laciverti, hayır = kil, kararsız = açık gri-mavi */
  --sc-yes:#2E5E8C; --sc-no:#C9796B; --sc-und:#DCE5EC;
}
/* ---------- HERO ---------- */
.sc-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,48px);align-items:center;}
.sc-hero__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.sc-hero__cta .e-note{flex-basis:100%;}

.sc-demo{position:relative;margin:0 auto;max-width:400px;width:100%;}
.sc-demo__card{background:#fff;border:1px solid var(--e-border-cool);border-radius:18px;padding:16px;box-shadow:var(--e-shadow);}
.sc-demo__head{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--e-muted);margin-bottom:8px;}
.sc-demo__head b{color:var(--e-primary);}
.sc-demo__bldg{display:block;width:100%;height:250px;object-fit:cover;}
.sc-demo__legend{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--e-muted);}
.sc-demo__chip{position:relative;margin:-12px auto 0;max-width:94%;background:var(--e-primary);color:#fff;border-radius:14px;padding:10px 14px;font-size:.86rem;font-weight:700;line-height:1.4;box-shadow:var(--e-shadow);display:block;}
.sc-demo__chip i{color:var(--e-accent);margin-right:6px;}
.sc-demo__chip b{color:#FFD9CF;}
.sc-dot{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px;}
.sc-dot--yes{background:var(--sc-yes);}
.sc-dot--no{background:var(--sc-no);}
.sc-dot--und{background:var(--sc-und);border:1px solid #C3D0DA;}

/* Pay çubuğu: evet + kararsız, ortada "yarı" çizgisi */
.sc-bar{position:relative;display:flex;height:16px;border-radius:999px;background:#F2E4E0;overflow:visible;margin:12px 0 6px;}
.sc-bar--demo{margin-top:12px;}
.sc-bar__yes{display:block;height:100%;background:var(--sc-yes);border-radius:999px 0 0 999px;transition:width .45s cubic-bezier(.2,.8,.2,1);}
.sc-bar__und{display:block;height:100%;background:repeating-linear-gradient(135deg,var(--sc-und) 0 6px,#EEF3F7 6px 12px);transition:width .45s cubic-bezier(.2,.8,.2,1);}
.sc-bar__half{position:absolute;left:50%;top:-6px;bottom:-6px;width:2px;background:var(--e-text);}
.sc-bar__half i{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-style:normal;font-size:.68rem;font-weight:800;color:var(--e-text);letter-spacing:.04em;}

/* ---------- KURAL ŞERİDİ ---------- */
.sc-strip{padding:0 0 clamp(22px,3.5vw,36px);}
.sc-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.sc-stat{background:var(--e-surface);border:1px solid var(--e-border-cool);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;}
.sc-stat b{font-size:clamp(1.05rem,2vw,1.3rem);font-weight:800;color:var(--e-primary);line-height:1.2;}
.sc-stat span{font-size:.8rem;color:var(--e-muted);}
.sc-stat--accent{background:var(--e-soft-clay);}
.sc-stat--sage{background:var(--e-soft-sage);}

/* ---------- HESAP ---------- */
.sc-calc{padding:clamp(6px,2vw,18px) 0 clamp(30px,4.5vw,52px);scroll-margin-top:80px;}
.sc-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);}
.sc-calc__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px;}
.sc-q{font-size:clamp(1.2rem,2.3vw,1.5rem);font-weight:800;margin:0 0 4px;letter-spacing:-.01em;}
.sc-q__sub{margin:0;color:var(--e-muted);font-size:.94rem;max-width:62ch;}
.sc-mode{display:inline-flex;background:var(--e-surface-cool);border-radius:999px;padding:4px;gap:4px;flex:none;}
.sc-mode__btn{border:0;background:transparent;border-radius:999px;padding:8px 16px;font:inherit;font-size:.88rem;font-weight:800;color:var(--e-muted);cursor:pointer;}
.sc-mode__btn.is-on{background:#fff;color:var(--e-primary);box-shadow:0 1px 4px rgba(31,43,71,.12);}
.sc-calc__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:start;}

.sc-field{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:800;color:var(--e-muted);letter-spacing:.02em;}
.sc-field input{font:inherit;font-size:1rem;font-weight:700;color:var(--e-text);padding:10px 12px;border:1.5px solid var(--e-border-cool);border-radius:12px;background:#fff;width:100%;}
.sc-stepper{display:inline-flex;align-items:stretch;border:1.5px solid var(--e-border-cool);border-radius:12px;overflow:hidden;width:max-content;background:#fff;}
.sc-stepper input{border:0;border-radius:0;width:76px;text-align:center;-moz-appearance:textfield;}
.sc-stepper input::-webkit-outer-spin-button,.sc-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.sc-stepper button{border:0;background:var(--e-surface-cool);width:42px;font-size:1.2rem;font-weight:800;color:var(--e-primary);cursor:pointer;}
.sc-equal .e-note,.sc-deed .e-note{margin:8px 0 0;}
.sc-deed__top{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;}
.sc-deed__top .sc-field{width:200px;}
.sc-link{border:0;background:none;padding:10px 0;font:inherit;font-size:.88rem;font-weight:800;color:var(--e-blue);cursor:pointer;display:inline-flex;gap:6px;align-items:center;}
.sc-rows{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
.sc-row{display:grid;grid-template-columns:1.1fr .7fr auto auto;gap:8px;align-items:center;}
.sc-row input{font:inherit;font-size:.92rem;padding:8px 10px;border:1.5px solid var(--e-border-cool);border-radius:10px;width:100%;min-width:0;background:#fff;}
.sc-seg{display:inline-flex;border:1.5px solid var(--e-border-cool);border-radius:10px;overflow:hidden;}
.sc-seg button{border:0;background:#fff;padding:7px 10px;font:inherit;font-size:.8rem;font-weight:800;color:var(--e-muted);cursor:pointer;}
.sc-seg button+button{border-left:1px solid var(--e-border-cool);}
.sc-seg button.is-yes{background:var(--sc-yes);color:#fff;}
.sc-seg button.is-no{background:var(--sc-no);color:#fff;}
.sc-seg button.is-und{background:var(--sc-und);color:var(--e-text);}
.sc-row__del{border:0;background:none;color:var(--e-muted);font-size:1.05rem;cursor:pointer;padding:6px;}
.sc-row__del:hover{color:var(--e-bad);}
.sc-add{margin-top:10px;border:1.5px dashed var(--e-border-cool);background:#fff;border-radius:12px;padding:9px 14px;font:inherit;font-size:.88rem;font-weight:800;color:var(--e-primary);cursor:pointer;width:100%;}
.sc-add:hover{border-color:var(--e-primary);}

.sc-tiles-wrap{margin-top:18px;}
.sc-tiles__legend{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:.8rem;color:var(--e-muted);margin-bottom:10px;}
.sc-tiles__bulk{margin-left:auto;}
.sc-tiles__bulk button{border:0;background:none;padding:0;font:inherit;font-weight:800;color:var(--e-blue);cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.sc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px;}
.sc-tile{border:0;border-radius:12px;padding:10px 6px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;cursor:pointer;background:var(--sc-und);color:var(--e-text);transition:transform .12s ease,background .18s ease;}
.sc-tile:hover{transform:translateY(-2px);}
.sc-tile:focus-visible{outline:3px solid var(--e-accent-strong);outline-offset:2px;}
.sc-tile b{font-size:.84rem;font-weight:800;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sc-tile span{font-size:.72rem;font-weight:700;opacity:.8;}
.sc-tile i{font-size:.95rem;}
.sc-tile--yes{background:var(--sc-yes);color:#fff;}
.sc-tile--no{background:var(--sc-no);color:#fff;}
.sc-tile--need{box-shadow:0 0 0 3px #F2B84B;}

/* Sonuç kartı */
.sc-result{position:sticky;top:84px;background:linear-gradient(160deg,#FFFFFF,var(--e-hero-top));border:1px solid var(--e-border);border-radius:var(--e-radius);padding:clamp(16px,2.6vw,22px);}
.sc-result__k{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--e-muted);}
.sc-result__big{font-size:clamp(2.2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--e-primary);font-variant-numeric:tabular-nums;margin:4px 0 14px;}
.sc-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 14px;font-size:.84rem;font-weight:800;margin-top:10px;}
.sc-badge--ok{background:#E3F2E9;color:var(--e-good);}
.sc-badge--half{background:#FCEFD9;color:#8A5A12;}
.sc-badge--no{background:#F8E3E0;color:var(--e-bad);}
.sc-result__msg{margin:10px 0 12px;font-size:.94rem;font-weight:600;}
.sc-cmp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;}
.sc-cmp div{background:#fff;border:1px solid var(--e-border-cool);border-radius:10px;padding:8px 10px;}
.sc-cmp dt{font-size:.72rem;color:var(--e-muted);font-weight:700;}
.sc-cmp dd{margin:0;font-size:.98rem;font-weight:800;color:var(--e-primary);font-variant-numeric:tabular-nums;}
.sc-need{background:#FFF7E6;border:1px solid #F3DDB0;border-radius:12px;padding:10px 12px;margin-bottom:10px;}
.sc-need b{font-size:.86rem;display:flex;gap:6px;align-items:center;}
.sc-need p{margin:4px 0 0;font-size:.86rem;}
.sc-warn{font-size:.82rem;color:#8A5A12;background:#FCEFD9;border-radius:10px;padding:8px 10px;margin:0 0 10px;}
.sc-result__foot{font-size:.76rem;color:var(--e-muted);margin:0;}

/* ---------- SÜREÇ ---------- */
.sc-flow{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);}
.sc-h2{font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:800;letter-spacing:-.015em;margin:0 0 8px;}
.sc-lead{color:var(--e-muted);margin:0 0 20px;max-width:70ch;}
.sc-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:none;}
.sc-tl li{position:relative;background:var(--e-soft-teal);border-radius:16px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:6px;}
.sc-tl li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:34px;width:10px;height:10px;border-top:2.5px solid var(--e-accent-strong);border-right:2.5px solid var(--e-accent-strong);transform:rotate(45deg);}
.sc-tl__n{position:absolute;top:14px;right:14px;font-size:.78rem;font-weight:800;color:var(--e-muted);}
.sc-tl i{font-size:1.5rem;color:var(--e-primary);}
.sc-tl b{font-size:1rem;}
.sc-tl span:last-child{font-size:.86rem;color:var(--e-muted);}
.sc-flow__more{margin-top:16px;}
.sc-flow__more a,.sc-src a{color:var(--e-primary);font-weight:700;}

/* ---------- SIRADAKİ ADIM ---------- */
.sc-next{padding:clamp(30px,4.5vw,52px) 0;}
.sc-next__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,4vw,48px);align-items:center;background:var(--e-soft-clay);border:1px solid var(--e-border);border-radius:24px;padding:clamp(20px,3.5vw,36px);}
.sc-next__copy .sc-h2{margin-top:12px;}
.sc-checks{list-style:none;margin:10px 0 18px;padding:0;display:flex;flex-direction:column;gap:8px;}
.sc-checks li{display:flex;gap:10px;font-size:.95rem;}
.sc-checks i{color:var(--e-good);font-size:1.1rem;flex:none;}
.sc-next__btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px;}
.sc-next__art img{display:block;width:100%;height:auto;border-radius:18px;}

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

@media (max-width:900px){
  .sc-hero,.sc-calc__grid,.sc-next__grid{grid-template-columns:1fr;}
  .sc-strip__grid{grid-template-columns:repeat(2,1fr);}
  .sc-tl{grid-template-columns:1fr 1fr;}
  .sc-tl li::after{display:none;}
  .sc-result{position:static;}
  .sc-next__art{max-width:320px;}
}
@media (max-width:560px){
  .sc-tl{grid-template-columns:1fr;}
  .sc-row{grid-template-columns:1fr 84px auto;}
  .sc-row .sc-seg{grid-column:1/-1;order:3;}
  .sc-row__del{grid-column:3;grid-row:1;}
  .sc-mode{width:100%;}
  .sc-mode__btn{flex:1;}
  .sc-tiles{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));}
}
@media (prefers-reduced-motion:reduce){
  .sc-bar__yes,.sc-bar__und,.sc-tile{transition:none;}
}
.sc-badge[hidden]{display:none;}

/* [F1-8 / A06] Süreç adımından süre hesaplama sayfasına */
.sc-tl a{color:var(--e-primary);font-weight:700;text-decoration:underline;text-underline-offset:3px;}