/* Alt sayfalar (araçlar, blog, rehber, sözlük, yasal). marketing.css'ten sonra yüklenir.
   Sınıf adları ve pages.js'in kullandığı ID'ler korunur; yalnız görünüm 2026-11 tasarımına geçti. */
.subpage{padding-top:28px;padding-bottom:40px}
.breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:500 14px var(--mono);color:var(--dim)}
.breadcrumb a{color:var(--soft);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px}
.breadcrumb a:hover{color:var(--lime)}
.page-preview{margin-left:auto;font:500 11px var(--mono);letter-spacing:.08em;color:var(--dim);border:1px solid var(--line-strong);border-radius:4px;padding:5px 8px}
.page-hero{padding:26px 0 30px;border-bottom:1px solid var(--line);margin-bottom:32px}
.page-hero .eyebrow{margin-bottom:4px}
.page-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:12px 0 12px;max-width:26ch}
.page-hero h1 br{display:none}
.page-hero h1 em{font-style:normal;color:var(--lime)}
.page-hero>p{font-size:18px;line-height:1.6;color:var(--dim);max-width:70ch}
.subtle{font-size:14px;color:var(--dim);line-height:1.7}
.notice{padding:18px 20px;border:1px solid var(--line-strong);border-left:3px solid var(--lime);border-radius:8px;background:var(--panel);font-size:15px;line-height:1.75;color:var(--soft)}
.preview-notice{font-size:14px;line-height:1.7;color:var(--soft);margin:0 0 22px;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--away);border-radius:8px;background:var(--panel)}

/* Form öğeleri */
button{font:inherit;cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
label{display:block;color:var(--soft);font-size:15px;font-weight:500;margin-bottom:20px}
input:not([type=checkbox]):not([type=radio]),textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);border-radius:8px;padding:14px;font:inherit;font-size:17px;min-height:52px}
input:not([type=checkbox]):not([type=radio]):focus,textarea:focus{outline:0;border-color:var(--lime)}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{color:var(--faint)}
input[type=file]{font-size:14px;background:transparent;border:0;padding:0;min-height:0}

/* Sekmeler / araç çubuğu (eski çalışma alanı önizlemesi) */
.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}
.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px;flex-wrap:wrap}
.tabs{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);padding:4px;border-radius:8px}
.tabs button{background:transparent;color:var(--dim);font-size:14px;padding:10px 16px;border:0;border-radius:6px;min-height:44px}
.tabs button.active{background:var(--lime);color:var(--lime-ink)}

/* Kartlar ve paneller */
.feed-card,.form-panel,.results-panel,.side-panel,.blog-card,.info-card{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px}
.feed-card{padding:28px;margin-bottom:20px}
.feed-card[hidden]{display:none}
.card-meta{display:flex;justify-content:space-between;gap:15px;font:500 12px var(--mono);align-items:center;color:var(--dim)}
.type-tag{display:inline-block;color:var(--lime);font:600 13px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.feed-card h2{font-size:26px;margin-top:20px}
.feed-card p{font-size:15px;color:var(--dim);line-height:1.75}
.member-lock{display:flex;align-items:center;gap:20px;justify-content:space-between;border:1px dashed var(--line-strong);border-radius:8px;padding:18px;margin-top:22px;font-size:15px;color:var(--soft)}
.sidebar{display:grid;gap:16px;align-content:start}
.side-panel{padding:24px}
.side-panel h3{margin-top:12px;font-size:20px}
.side-panel p{font-size:15px;color:var(--dim);line-height:1.7;margin-top:8px}
.side-panel .button{margin-top:14px}
.side-link{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:52px;font-size:15px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--soft)}
.side-link:hover{color:var(--lime)}

/* Aç/kapa (SSS) */
details{border-bottom:1px solid var(--line);padding:0}
summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:14px 0;color:var(--ink);font-size:17px;font-weight:600;list-style:none}
summary::-webkit-details-marker{display:none}
summary span{color:var(--lime);font-family:var(--mono)}
details p{color:var(--soft);font-size:15px;line-height:1.75;padding-bottom:16px}
.faq{max-width:860px;margin-top:48px;padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.faq>.eyebrow{margin-bottom:10px}
.tool-faq{max-width:none}
.tool-faq details:last-child{border-bottom:0}

/* Hesaplayıcılar */
.tool-body{display:grid;gap:24px}
.tool-body>*{margin:0;min-width:0}
.tool-body .side-panel>h3:first-child{margin-top:0}
.tool-card h2{margin-top:14px}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.form-panel{padding:28px}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.panel-heading h2{font-size:24px;margin:0}
.input-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.input-pair input{font:600 28px var(--mono);height:76px;text-align:center}
.input-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.input-triple input{font:600 22px var(--mono);min-width:0;text-align:center;height:64px}
.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.form-bottom>span,.file-info{font-size:13px;color:var(--dim)}
.form-panel .button{border:1px solid var(--lime)}
.form-result{display:block;font-size:15px;line-height:1.7;color:var(--lime);margin-top:18px}
.form-result:empty{display:none}
.upload-box{border:1px dashed var(--line-strong);padding:20px;border-radius:8px;background:var(--bg)}
.upload-box small{display:block;margin-top:7px;color:var(--dim);font-size:13px}
.status-track{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.status-track span{font:500 12px var(--mono);border:1px solid var(--line-strong);color:var(--soft);padding:6px 10px;border-radius:20px}
.results-panel{padding:28px;background:var(--raise);border-color:var(--line-strong);border-top:3px solid var(--lime)}
.results-panel>.eyebrow{display:flex}
.result-primary{padding:26px 0;border-bottom:1px solid var(--line)}
.result-primary>span{font-size:15px;color:var(--soft);display:block}
.result-primary strong{display:block;font:600 48px/1.1 var(--mono);letter-spacing:-1px;color:var(--lime);margin-top:12px}
.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:22px 0}
.result-grid span{display:block;font-size:14px;color:var(--dim)}
.result-grid strong{font:600 24px var(--mono);display:block;margin-top:6px}
.result-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.result-grid-3>div:first-child{grid-column:1/-1}
.result-grid-3 strong{font-size:20px}
.results-panel.is-empty strong{color:var(--dim)}
.results-panel.is-empty .result-primary{padding:20px 0}
.results-panel.is-empty .result-primary strong{font-size:32px}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.info-grid h3{margin-top:0}
#calc-error,.tool-error{font-size:15px;color:var(--warn);line-height:1.7}
.tool-error{margin:14px 0 0}
.tool-error:empty{display:none}
.tool-cta{border-color:var(--lime)}
.calculator-second{margin-top:4px}
.score-matrix{border-collapse:collapse;width:100%;font:13px var(--mono);font-variant-numeric:tabular-nums;table-layout:fixed}
.score-matrix thead th:first-child{width:76px}
.matrix-note{margin:-10px 0 16px}
.score-matrix.is-empty td{color:var(--dim)}
.score-matrix th,.score-matrix td{padding:10px 8px;border:1px solid var(--line);text-align:right;white-space:nowrap}
.score-matrix th{color:var(--dim);font-weight:500}
.score-matrix td.is-top{color:var(--lime);background:color-mix(in srgb,var(--lime) 12%,transparent)}
.score-list:empty{display:none}
.score-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:18px 0 0}
.score-list li{border:1px solid var(--line-strong);border-radius:8px;padding:8px 12px;font-size:14px;display:flex;gap:10px;align-items:baseline}
.score-list li span{color:var(--dim)}
.score-list strong{font-weight:600;font-family:var(--mono)}
.embed-panel label{margin:18px 0 0}
.embed-code{font:13px/1.6 var(--mono);color:var(--dim);background:var(--bg);border-color:var(--line);resize:none}
.embed-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px}
.side-panel .embed-actions .button{margin-top:0}
.embed-actions .subtle{color:var(--lime)}
.short-answer{border:1px solid var(--line-strong);border-left:3px solid var(--lime);background:var(--panel);border-radius:10px;padding:20px 22px;margin:0 0 8px;max-width:900px}
.short-answer>strong{display:flex;align-items:center;gap:8px;font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:8px}
.short-answer p{margin:0;font-size:17px;line-height:1.7;color:var(--ink)}
.tool-body>.short-answer{margin:0}

/* Okuma sayfaları */
.reading-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px}
.reading-nav{position:sticky;top:calc(var(--header-h) + 56px);align-self:start;display:grid;gap:2px}
.reading-nav .eyebrow{margin-bottom:12px}
.reading-nav a{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:var(--dim);padding:12px 0;border-bottom:1px solid var(--line)}
.reading-nav a:hover{color:var(--lime)}
.reading-content{max-width:780px;color:var(--soft)}
.reading-content h2{font-size:28px;color:var(--ink);margin:40px 0 14px;scroll-margin-top:calc(var(--header-h) + 56px)}
.reading-content h2:first-child{margin-top:0}
.reading-content h3{margin:28px 0 10px}
.reading-content h2 span{color:var(--lime);margin-right:10px;font-family:var(--mono)}
.reading-content p,.reading-content li{font-size:17px;line-height:1.8;color:var(--soft)}
.reading-content p+p{margin-top:14px}
.reading-content li{display:list-item;border:0;padding:4px 0}
.reading-content ul,.reading-content ol{padding-left:24px}
.reading-content a:not(.button):not(.text-link){color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.reading-content strong{color:var(--ink)}
.reading-content code{background:var(--raise);padding:3px 7px;color:var(--lime);border-radius:4px;font:14px var(--mono)}
.reading-content img{border-radius:10px;border:1px solid var(--line)}
.table-wrap{overflow-x:auto;border-radius:8px}
.reading-content table{border-collapse:collapse;width:100%;font-size:15px}
.reading-content td,.reading-content th{text-align:left;padding:12px 14px;border:1px solid var(--line-strong);line-height:1.6}
.reading-content th{background:var(--raise);color:var(--ink)}
.legal-content{margin:0 auto}
.legal-content .meta{font:500 13px var(--mono);color:var(--dim)}
.legal-content mark{background:#44371d;color:#efd9a7;padding:3px 5px;border-radius:3px}

/* Blog kartları */
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blog-card{display:flex;flex-direction:column;padding:20px;overflow:hidden;transition:border-color .15s}
.blog-card:hover{border-color:var(--lime)}
.blog-art{flex-shrink:0;display:block;aspect-ratio:16/9;overflow:hidden;margin:-20px -20px 18px;background:var(--bg);border-bottom:1px solid var(--line)}
.blog-art img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card .eyebrow{font-size:11px}
.blog-card h2{font-size:21px;line-height:1.3;margin:14px 0 10px}
.blog-card p{font-size:15px;line-height:1.65;color:var(--dim)}
.blog-card .text-link{margin-top:auto;padding-top:14px;align-self:flex-start;border-bottom:0;color:var(--lime)}

@media (max-width:1050px){
  .workspace-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}
  .reading-layout{gap:32px;grid-template-columns:210px minmax(0,1fr)}
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .subpage{padding-top:18px;padding-bottom:24px}
  .tool-body>*{order:3}
  .tool-body>.calculator-layout{order:1}
  .tool-body>.short-answer{order:2}
  .page-hero{padding:18px 0 22px;margin-bottom:24px}
  .page-hero h1{font-size:30px}
  .page-hero>p{font-size:16px}
  .workspace-layout,.calculator-layout,.reading-layout,.blog-grid,.info-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .feed-card,.form-panel,.results-panel{padding:20px}
  .member-lock{flex-direction:column;align-items:flex-start}
  .input-pair{gap:10px}
  .input-pair input{font-size:24px;height:64px}
  .input-triple{grid-template-columns:minmax(0,1fr)}
  .input-triple input{font-size:20px;height:56px}
  input:not([type=checkbox]):not([type=radio]),textarea{font-size:16px}
  .result-primary strong{font-size:40px}
  .result-grid-3{grid-template-columns:minmax(0,1fr)}
  .reading-nav{position:static;display:flex;flex-wrap:wrap;gap:8px;padding-bottom:6px}
  .reading-nav .eyebrow{width:100%}
  .reading-nav a{font-size:14px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;min-height:44px;align-items:center}
  .reading-content p,.reading-content li{font-size:16px}
  .reading-content h2{font-size:24px}
  .score-matrix{font-size:11px}
  .score-matrix th,.score-matrix td{padding:7px 3px}
  .score-matrix thead th:first-child{width:52px}
  .matrix-panel{padding:18px 14px}
  .faq{padding:18px}
  summary{font-size:16px}
}