/* [F1-8 / A06, 7 Eki 2026] /kentsel-donusum-sure-hesaplama/ — kişisel süre takvimi.
   Ortak e-* token ve bileşenleri scenario_base.css'ten; ölçüler salt_cogunluk.css ile aynı ritimde. */
.sd-hero{display:flex;flex-direction:column;gap:12px;max-width:820px;}
.sd-h2{font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:800;letter-spacing:-.015em;margin:0 0 8px;}
.sd-lead{color:var(--e-muted);margin:0 0 16px;max-width:70ch;}
.sd-help{margin:6px 0 0;font-size:.85rem;color:var(--e-muted);}
.sd-help a,.sd-src a{color:var(--e-primary);font-weight:700;}
[data-sd-calc] [hidden]{display:none;}

/* ---------- hesap kartı ---------- */
.sd-calc{padding:clamp(6px,2vw,18px) 0 clamp(30px,4.5vw,52px);scroll-margin-top:80px;}
.sd-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,3vw,32px);background:var(--e-surface);border:1px solid var(--e-border-cool);border-radius:var(--e-radius);box-shadow:var(--e-shadow);padding:clamp(18px,3vw,30px);}
.sd-form{display:flex;flex-direction:column;gap:18px;min-width:0;}
.sd-field{margin:0;padding:0;border:0;min-width:0;}
.sd-field legend,.sd-date-label{display:block;font-size:.95rem;font-weight:800;margin-bottom:8px;}

.sd-events{display:flex;flex-direction:column;gap:8px;}
.sd-event{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--e-border-cool);border-radius:var(--e-radius);background:var(--e-surface-cool);cursor:pointer;}
.sd-event:has(input:checked){border-color:var(--e-primary);background:var(--e-surface);}
.sd-event input,.sd-way input{accent-color:var(--e-primary);margin:3px 0 0;flex:0 0 auto;width:18px;height:18px;}
.sd-event span{display:flex;flex-direction:column;gap:2px;min-width:0;}
.sd-event small{color:var(--e-muted);font-size:.84rem;}

.sd-ways{display:flex;flex-wrap:wrap;gap:8px;}
.sd-way{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--e-border-cool);border-radius:var(--e-radius);background:var(--e-surface);font-weight:600;cursor:pointer;}
.sd-way input{margin:0;}
.sd-way:has(input:checked){border-color:var(--e-primary);color:var(--e-primary);}

.sd-date{display:block;width:100%;max-width:280px;min-height:48px;padding:8px 12px;font:inherit;font-weight:700;color:var(--e-text);background:var(--e-surface);border:1px solid var(--e-border);border-radius:var(--e-radius);}
.sd-date:focus-visible,.sd-event:has(input:focus-visible),.sd-way:has(input:focus-visible){outline:3px solid var(--e-primary);outline-offset:2px;}

/* ---------- sonuç ---------- */
.sd-out{display:flex;flex-direction:column;gap:14px;min-width:0;background:var(--e-surface-cool);border:1px solid var(--e-border-cool);border-radius:var(--e-radius);padding:clamp(16px,2.5vw,24px);}
.sd-empty{display:flex;gap:12px;align-items:flex-start;color:var(--e-muted);}
.sd-empty i{font-size:1.6rem;color:var(--e-primary);}
.sd-empty p{margin:0;}
.sd-empty b{color:var(--e-text);}
.sd-results{display:flex;flex-direction:column;gap:12px;}
.sd-start{margin:0;font-size:.9rem;color:var(--e-muted);}
.sd-start b{color:var(--e-text);}
.sd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.sd-item{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--e-surface);border:1px solid var(--e-border-cool);border-left:4px solid var(--e-primary);border-radius:var(--e-radius);}
.sd-item.is-soon{border-left-color:var(--e-warn);}
.sd-item.is-past{border-left-color:var(--e-bad);}
.sd-item__date{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;}
.sd-item__date b{font-size:1.08rem;font-weight:800;}
.sd-item__left{font-size:.86rem;font-weight:700;color:var(--e-primary);}
.sd-item.is-soon .sd-item__left{color:var(--e-warn);}
.sd-item.is-past .sd-item__left{color:var(--e-bad);}
.sd-item__body{display:flex;flex-direction:column;gap:4px;font-size:.9rem;}
.sd-item__body span{color:var(--e-muted);}
.sd-item__body .sd-item__warn{color:var(--e-warn);font-weight:600;}
.sd-item__body small{font-size:.78rem;color:var(--e-muted);}
.sd-tools{display:flex;flex-direction:column;gap:6px;}
.sd-tools__k{font-size:.82rem;font-weight:800;color:var(--e-muted);}
.sd-tools__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.sd-tools__list a{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:8px 14px;border:1px solid var(--e-border-cool);border-radius:var(--e-radius);background:var(--e-surface);font-weight:700;color:var(--e-primary);text-decoration:none;}
.sd-tools__list a:hover{border-color:var(--e-primary);}
.sd-tools__list a:focus-visible{outline:3px solid var(--e-primary);outline-offset:2px;}
.sd-disclaimer{margin:0;font-size:.8rem;color:var(--e-muted);}

/* ---------- örnek ve tablo ---------- */
.sd-example{padding:0 0 clamp(26px,4vw,44px);}
.sd-exlist{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;max-width:76ch;}

.sd-table-wrap{padding:clamp(26px,4vw,44px) 0;border-top:1px solid var(--e-border-cool);}
.sd-table{width:100%;border-collapse:collapse;background:var(--e-surface);border:1px solid var(--e-border-cool);font-size:.92rem;}
.sd-table th,.sd-table td{padding:10px 12px;border-bottom:1px solid var(--e-border-cool);text-align:left;vertical-align:top;}
.sd-table thead th{background:var(--e-surface-cool);font-size:.82rem;font-weight:800;color:var(--e-muted);}
.sd-table tbody th{font-weight:700;}
.sd-table a{color:var(--e-primary);font-weight:600;}
@media (max-width:720px){
  .sd-table thead{display:none;}
  .sd-table,.sd-table tbody,.sd-table tr,.sd-table th,.sd-table td{display:block;width:100%;}
  .sd-table tr{border-bottom:1px solid var(--e-border-cool);padding:6px 0;}
  .sd-table th,.sd-table td{border-bottom:0;padding:4px 12px;}
  .sd-table td::before{content:attr(data-label) ": ";font-weight:700;color:var(--e-muted);}
}

/* ---------- sıradaki adım ---------- */
.sd-next{padding:clamp(30px,4.5vw,52px) 0;}
.sd-next__box{display:flex;flex-direction:column;gap:10px;background:var(--e-soft-clay);border:1px solid var(--e-border);border-radius:24px;padding:clamp(20px,3.5vw,36px);}
.sd-next__box .sd-lead{margin-bottom:6px;}
.sd-next__btns{display:flex;flex-wrap:wrap;gap:10px;}

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

@media (max-width:860px){
  .sd-card{grid-template-columns:minmax(0,1fr);}
}