/* Zemheri Analiz sitesi — alt sayfalar (hesaplayıcı, rehber, blog, iletişim, metodoloji). Değişkenler marketing.css :root'ta. */
.subpage{padding-top:30px;padding-bottom:80px}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--dim)}
.breadcrumb a{color:var(--ink)}
.page-hero{padding:42px 0 35px}
.page-hero h1{font-size:52px;letter-spacing:-1.7px;line-height:1.12;margin:22px 0}
.page-hero h1 em{font-style:normal;color:var(--ink)}
.page-hero>p{max-width:650px;font-size:15px;color:var(--dim)}
.subtle{font-size:11px;line-height:1.8;color:var(--dim)}
.type-tag{font:600 10px var(--mono);letter-spacing:1px;color:var(--brand)}

/* Form ve sonuç panelleri (hesaplayıcılar) */
.form-panel,.results-panel,.side-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.form-panel,.results-panel{padding:30px}
.side-panel{padding:25px}
.side-panel h3{margin:0 0 12px}
.side-panel p{font-size:13px;color:var(--dim)}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.panel-heading h2{margin:0;font-size:24px;letter-spacing:-.5px}
.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
label{display:block;margin-bottom:22px;font-size:12px;color:var(--ink)}
input,textarea{display:block;width:100%;margin-top:10px;padding:14px;border:1px solid var(--line-strong);border-radius:4px;background:var(--bg);color:var(--ink);font:inherit;font-size:15px}
input:focus,textarea:focus{border-color:var(--brand)}
input::placeholder,textarea::placeholder{color:var(--dim)}
textarea{resize:vertical}
button{font:inherit;cursor:pointer}
.form-panel button{border:0}
.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.input-pair input{height:85px;font-size:30px;font-variant-numeric:tabular-nums}
.input-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.input-triple input{min-width:0;font-size:22px}
.results-panel{background:var(--tint);border-color:var(--tint-line)}
.result-primary{padding:32px 0;border-bottom:1px solid var(--tint-line)}
.result-primary>span{display:block;font-size:12px;color:var(--dim)}
.result-primary strong{display:block;margin-top:15px;font:600 55px var(--display);letter-spacing:-2px;color:var(--brand)}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 0}
.result-grid span{display:block;font-size:11px;color:var(--dim)}
.result-grid strong{display:block;margin-top:9px;font:600 24px var(--display)}
#calc-error,#margin-error,#sample-error{font-size:12px;line-height:1.8;color:#c23a2b}

/* Okuma sayfaları (rehber, iletişim, metodoloji, yasal metin) */
.reading-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:65px}
.reading-nav{position:sticky;top:30px;align-self:start;display:grid;gap:5px}
.reading-nav .eyebrow{margin-bottom:15px}
.reading-nav a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--dim)}
.reading-nav a:hover{color:var(--brand)}
.reading-content{max-width:800px}
.reading-content h2{margin:38px 0 16px;font-size:28px;letter-spacing:-.6px;scroll-margin-top:30px}
.reading-content h2 span{margin-right:10px;color:var(--brand)}
.reading-content p,.reading-content li{font-size:15px;line-height:1.9;color:var(--dim)}
.reading-content li{display:list-item;padding:6px 0}
.reading-content ul{padding-left:23px}
.reading-content a:not(.button){color:var(--brand);text-decoration:underline}
.reading-content code{padding:4px 7px;border-radius:3px;background:var(--raise);color:var(--brand-dim);font:13px var(--mono)}
.reading-content table{width:100%;border-collapse:collapse;font-size:12px}
.reading-content td,.reading-content th{padding:15px;border:1px solid var(--line);text-align:left;line-height:1.7}
.reading-content th{background:var(--raise);color:var(--ink)}
.table-wrap{overflow:auto}
.notice{padding:20px;border:1px solid var(--tint-line);border-radius:6px;background:var(--tint);font-size:13px;line-height:1.9;color:var(--ink)}
.preview-notice{margin:0 0 22px;padding:12px 15px;border-left:2px solid var(--brand);background:var(--raise);font-size:11px;line-height:1.8;color:var(--dim)}
.legal-content{margin:0 auto}
.legal-content .meta{font-size:11px;color:var(--dim)}
.legal-content mark{padding:3px 5px;background:#f6e7b6;color:#4a3600}

/* Blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}
.blog-card:hover{border-color:var(--brand)}
.blog-art{flex-shrink:0;display:block;aspect-ratio:16/9;margin-bottom:24px;border-radius:4px;overflow:hidden;background:var(--raise)}
.blog-art img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card h2{margin:20px 0 15px;font-size:25px;letter-spacing:-.8px}
.blog-card p{min-height:70px;font-size:13px;color:var(--dim)}
.blog-card .text-link{margin-top:auto;padding-top:10px}

@media(max-width:1050px){
  .reading-layout{grid-template-columns:210px 1fr;gap:30px}
  .blog-card{padding:18px}.blog-card h2{font-size:22px}
  .form-panel{padding:22px}
}
@media(max-width:768px){
  .subpage{padding-top:22px;padding-bottom:48px}
  .breadcrumb{gap:8px;font-size:10px}
  .page-hero{padding:28px 0 25px}
  .page-hero h1{font-size:38px;letter-spacing:-1.2px}
  .page-hero>p{font-size:14px}
  .calculator-layout,.reading-layout,.blog-grid,.info-grid{grid-template-columns:1fr;gap:20px}
  .form-panel,.results-panel{padding:22px}
  .panel-heading h2{font-size:21px}
  .input-pair{gap:12px}
  .input-pair input{height:75px;padding:12px;font-size:25px}
  .input-triple{grid-template-columns:1fr}.input-triple input{font-size:18px}
  .result-primary strong{font-size:46px}
  .reading-nav{position:static;display:flex;flex-wrap:wrap;gap:8px;padding-bottom:15px}
  .reading-nav .eyebrow{width:100%}
  .reading-nav a{gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:4px;font-size:11px}
  .reading-content h2{font-size:25px}
  .reading-content p,.reading-content li{font-size:14px}
  .blog-card h2{font-size:23px}.blog-card p{min-height:0}
  .legal-content .table-wrap{max-width:100%}
}