.guide{max-width:1120px}.guide-meta{font-size:12px;margin-top:14px!important}.chapter-nav{display:flex;flex-wrap:wrap;gap:12px}.chapter-nav a,.reset{padding:9px 14px;background:white;border:1px solid var(--border);border-radius:8px;font-size:14px}.chapter-nav a:hover,.reset:hover{border-color:var(--green)}.experiment{background:white;border:1px solid var(--border);border-radius:20px;padding:28px;margin:32px 0}.experiment-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px}.range-field{margin:20px 0}.range-field output{display:block;color:var(--green);font-size:22px;font-weight:750}.range-field input{width:100%;min-height:38px;accent-color:var(--green)}.visual{min-width:0;background:#f3f7f4;border-radius:14px;padding:20px}.visual-summary{font-size:17px;font-weight:650;border-top:1px solid var(--border);padding-top:12px;margin-top:14px}.visual-summary p{margin:5px 0}.visual-summary small{font-size:13px;font-weight:400;display:block;color:var(--muted)}.bar-row{margin:14px 0}.bar-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:6px}.bar-track{height:22px;background:#e0e7e3;border-radius:5px;overflow:hidden}.bar-fill{height:100%;background:#126b53;transition:width .35s}.bar-fill.alt{background:#527ec0}.bar-fill.warm{background:#b6632e}.stack{display:flex;height:36px;border-radius:7px;overflow:hidden;background:#dce5e0}.stack span{background:#126b53;transition:width .35s}.stack span+span{background:#527ec0}.graph-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;margin:10px 0}.graph-legend i{display:inline-block;width:10px;height:10px;margin-right:5px;background:#126b53}.graph-legend i.alt{background:#527ec0}.chart-svg{width:100%;height:auto;display:block}.chart-svg text{font-family:inherit;fill:#42584d;font-size:13px}.chart-svg .grid{stroke:#d1ddd5}.chart-reading{margin-bottom:0;color:var(--muted);font-size:14px}.next-step{border-radius:16px;background:#e8f1df;padding:28px;margin:30px 0}.sources a,.explanation a{text-decoration:underline;text-underline-offset:3px}.guide-cards{grid-template-columns:repeat(2,1fr);margin:35px 0}.related .tool-grid{margin-top:18px}.area-block{display:flex;min-height:145px;align-items:stretch;gap:4px}.area-block>div{display:flex;align-items:center;justify-content:center;text-align:center;background:#126b53;color:white;border-radius:9px;padding:8px;min-width:0;transition:flex-grow .35s;overflow-wrap:anywhere;font-size:14px}.area-block>div+div{background:#527ec0}.mini-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;font-size:13px}.mini-path span{background:white;border-radius:7px;padding:7px 10px;border:1px solid var(--border)}section[id]{scroll-margin-top:20px}@media(max-width:800px){.experiment-grid{grid-template-columns:1fr;gap:18px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.controls>.field-help{grid-column:1/-1}}@media(max-width:500px){.experiment{padding:18px}.controls{display:block}.visual{padding:14px}.guide-cards{grid-template-columns:1fr}.bar-label{flex-wrap:wrap}.next-step{padding:20px}.guide h1{font-size:31px}.reset{margin-top:10px}}@media(prefers-reduced-motion:reduce){.bar-fill,.stack span,.area-block>div{transition:none}}@media print{.controls,.reset,.chapter-nav{display:none}.experiment-grid{display:block}}