:root{font:15px/1.62 'Segoe UI',Arial,sans-serif;color:#203b41;background:#f5f8f7}*{box-sizing:border-box}body{margin:0}a{color:#14695d}.nav-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 3vw;background:white;border-bottom:1px solid #d9e3e3;font-size:13px;color:#557177}.nav-header .back{font-weight:700;text-decoration:none}.nav-header .mode{background:#ebf6f1;border-radius:14px;padding:4px 11px;color:#166c5c}.guide-layout{display:grid;grid-template-columns:240px minmax(0,870px);gap:32px;max-width:1250px;margin:28px auto;padding:0 25px}.toc{align-self:start;position:sticky;top:24px;background:white;border:1px solid #dfe9e9;border-radius:10px;padding:17px;display:flex;flex-direction:column;gap:9px}.toc-title{font-weight:800;color:#245950;padding-bottom:9px;border-bottom:1px solid #e6eeee}.toc a{font-size:13px;text-decoration:none;color:#48666d;line-height:1.4}.toc a:hover{text-decoration:underline;color:#0a6a59}.guide-content{background:#fff;border:1px solid #e1e9e9;border-radius:14px;padding:36px 45px 50px;box-shadow:0 3px 14px #264b4608}.guide-kicker{font-size:11px;letter-spacing:.15em;font-weight:800;color:#24776d}h1{font-size:34px;line-height:1.18;margin:10px 0}h2{font-size:23px;color:#164d46;margin:0 0 14px}h3{font-size:17px;color:#245a54;margin:18px 0 8px}.subtitle{font-size:17px;color:#627980;margin:0 0 22px}section{margin-top:40px;border-top:1px solid #dce7e6;padding-top:28px}p{margin:10px 0 13px}li{margin:8px 0}ul,ol{padding-left:24px}table{border-collapse:collapse;width:100%;font-size:13px;margin:14px 0 20px}th,td{border:1px solid #dbe6e5;padding:10px 11px;text-align:left;vertical-align:top}th{background:#edf5f3;color:#21584c}tr:nth-child(even) td{background:#fafdfb}.keynote,.formula{background:#edf6f3;border-left:4px solid #347b70;padding:14px 18px;border-radius:5px}.keynote p,.formula p{margin:6px 0}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.kpis>div{border:1px solid #d8e7e4;border-radius:8px;padding:12px}.kpis small{display:block;color:#67807d}.kpis strong{font-size:19px;color:#245950}.chip{background:#e6f0ff;color:#185084;border-radius:4px;padding:2px 5px}.question{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #77aaa1;border-radius:50%;font-size:12px;font-weight:800;color:#297367}dt{font-weight:750;margin-top:15px;color:#26574c}dd{margin:3px 0 12px}.guide-footer{margin-top:45px;border-top:2px solid #287267;padding-top:18px;color:#60797b;font-size:12px}code{background:#f2f6f7;padding:2px 5px;border-radius:3px}@media(max-width:850px){.guide-layout{display:block;margin:10px auto;padding:0 8px}.toc{position:static;display:none}.guide-content{padding:24px 19px}h1{font-size:27px}.nav-header{flex-wrap:wrap}.kpis{grid-template-columns:1fr 1fr}}@media print{@page{size:A4 portrait;margin:13mm}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{background:#fff;font:10pt/1.43 'Segoe UI',Arial,sans-serif}.nav-header,.toc{display:none!important}.guide-layout{display:block;margin:0;padding:0;max-width:none}.guide-content{border:0;box-shadow:none;border-radius:0;padding:0;max-width:none}.guide-kicker{font-size:8pt}h1{font-size:22pt}h2{font-size:15pt;margin-top:0}h3{font-size:12pt}section{margin-top:14pt;padding-top:10pt}p{margin:4pt 0 7pt}li{margin:3pt 0}table{font-size:8pt;margin:6pt 0}td,th{padding:4pt 5pt}.kpis>div{padding:6pt}.kpis strong{font-size:12pt}tr,.keynote,.formula,.kpis>div{break-inside:avoid}.guide-footer{margin-top:16pt}}

@media print{html,body,.guide-layout,.guide-content{background:#fff!important}}

/* Kullanıcı kılavuzu v2: küçük ekranda okunur, baskıda kesilmez */
.guide-content{min-width:0}.guide-content p,.guide-content li,.guide-content dd,.detail,.scenario-cards article{overflow-wrap:break-word}
.detail-grid,.scenario-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 18px}
.detail,.scenario-cards article{border:1px solid #d8e5e3;border-radius:8px;padding:13px 15px;background:#fff}
.detail p,.scenario-cards article p{margin:6px 0 4px}.detail strong,.scenario-cards article strong{color:#1d5d54}.scenario-cards article h3{margin:0 0 6px;color:#1d5d54}
.steps li{margin:11px 0;padding-left:3px}.warning{background:#fff7ee;border-left:4px solid #c37e46;padding:13px 17px;border-radius:5px;margin:15px 0}
.small-note{font-size:12px;color:#5a7478}table{table-layout:fixed}table th,table td{overflow-wrap:anywhere;hyphens:auto;white-space:normal;min-width:0}
table.narrow-table th:first-child{width:39%}table.narrow-table th:not(:first-child){width:20.33%}
@media(max-width:850px){.detail-grid,.scenario-cards{grid-template-columns:1fr}}
@media print{
 body{font:10.2pt/1.46 'Segoe UI',Arial,sans-serif}
 .guide-content{width:100%;min-width:0}
 h2{break-after:avoid}h3{break-after:avoid}
 table{font-size:9.2pt;table-layout:fixed;width:100%;max-width:100%}
 th,td{padding:5pt 7pt;overflow-wrap:anywhere;white-space:normal}
 .detail-grid,.scenario-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7pt}
 .detail,.scenario-cards article{padding:8pt 10pt;break-inside:avoid}
 .note,.warning,.keynote,.formula{break-inside:avoid}
 .steps li{margin:7pt 0}
 section{break-inside:auto}
}
@media print {
  /* Kullanıcının adım adım izlediği ana bölümler başlıklarıyla birlikte açılsın. */
  #ekran, #mudahale {break-before: page;}
}
@media print {
  body{font-size:9.8pt;line-height:1.38}
  p{margin:3pt 0 6pt}
  li{margin:2pt 0}
  .steps li{margin:5pt 0}
  .detail,.scenario-cards article{padding:7pt 9pt}
  section{margin-top:12pt;padding-top:9pt}
}
@media print {#ekran{break-before:auto} #mudahale{break-before:page}}
@media print {#mudahale{break-before:auto}}
@media print { #hatalar {break-before:page;} }

.story-guide-note{background:#f1f8f5;border:1px solid #d5e5df;padding:12px 15px;border-radius:8px;font-size:13px}.story-guide-note a{font-weight:750}

/* v0.9.11 Kılavuzda yeni görsel işaretler */
.guide-ux-color-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.guide-ux-token{padding:11px 14px;border-radius:9px;border:1px solid #dedede;break-inside:avoid}
.guide-ux-token b{font-size:13px}.guide-ux-token p{margin:5px 0;font-size:12px}
.guide-ux-token.is-orange{background:#fff0e3;border-color:#d18a4d;color:#793909}
.guide-ux-token.is-yellow{background:#fff4c8;border-color:#c9a33a;color:#66500d}
.guide-ux-token.is-gray{background:#f2f4f4;color:#495c5a}
.guide-ux-token.is-green{background:#e4f6ea;border-color:#69ab80;color:#175e38}
.guide-ux-token.is-blue{background:#e5f2fc;border-color:#79a9c8;color:#194f75}
.guide-ux-token.is-amber{background:#fff4d4;border-color:#d2a65b;color:#725018}
.guide-ux-token.is-red{background:#fff0ee;border-color:#cf7771;color:#8c2d28}
@media(max-width:850px){.guide-ux-color-list{grid-template-columns:1fr}}
@media print{.guide-ux-color-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

.guide-real-screen{margin:18px 0;padding:10px;border:1px solid #dae6e1;border-radius:10px;background:#fafdfc;break-inside:avoid}
.guide-real-screen img{display:block;width:100%;height:auto;border:1px solid #d5e1dc}
.guide-real-screen figcaption{margin-top:7px;font-size:11px;color:#60736c;line-height:1.5}
@media print{.guide-footer{margin-top:8pt;padding-top:8pt;font-size:9pt}section{margin-top:10pt;padding-top:8pt}}
@media print {#surum-polish h3{break-after:avoid}#surum-polish p{break-inside:avoid}}