.reading-progress{position:sticky;top:0;width:100%;height:4px;display:block;z-index:5;appearance:none;border:0;background:#edf0f2}.reading-progress::-webkit-progress-bar{background:#edf0f2}.reading-progress::-webkit-progress-value{background:var(--accent)}.guide-scope{border-left:3px solid var(--accent);padding:12px 18px;margin:20px 0;color:#53616b;background:#f7f9fa}.guide-toc{padding:22px;border:1px solid #dde5e7;border-radius:12px;margin:28px 0}.guide-toc summary{font-weight:750;cursor:pointer}.guide-toc ol{columns:2;gap:35px;padding-left:22px}.guide-toc li{break-inside:avoid;margin:9px 0;font-size:14px}.guide-resource{margin:38px 0;scroll-margin-top:30px}.guide-resource h2{font-size:clamp(23px,3vw,31px);line-height:1.25;letter-spacing:-.6px}.guide-resource p{line-height:1.8}.guide-resource figure{margin:0}.guide-resource img{max-width:100%;height:auto;display:block;border-radius:14px}.resource-caption,.guide-resource figcaption,.resource-hint{font-size:13px;color:#5b6973;margin:12px 0}.resource-source{display:inline-block;font-size:13px;margin-top:12px;overflow-wrap:anywhere}.resource-table{overflow-x:auto;border:1px solid #dce3e6;border-radius:12px}.resource-table table{width:100%;border-collapse:collapse;min-width:480px;font-size:14px}.resource-table th,.resource-table td{text-align:left;padding:15px;border-bottom:1px solid #e1e7ea;vertical-align:top}.resource-table th{background:#f2f6f6}.resource-table tr:last-child td{border-bottom:0}.guide-faq details{border-bottom:1px solid #dae3e7;padding:18px 0}.guide-faq summary{cursor:pointer;font-weight:650;line-height:1.5}.guide-faq p{margin-bottom:0}.explained-steps{list-style:none;counter-reset:guide;padding:0}.explained-steps li{counter-increment:guide;position:relative;padding:0 0 20px 48px}.explained-steps li:before{content:counter(guide);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--accent);color:white;display:grid;place-items:center;font-weight:700}.explained-steps p{margin:6px 0 0}[data-checklist]{padding:22px;background:#f4f8f6;border-radius:12px}[data-checklist] label{display:flex;gap:12px;align-items:flex-start;margin:13px 0;cursor:pointer}[data-checklist] input{margin-top:6px;width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}[data-checklist] input:checked+span{text-decoration:line-through;color:#62716b}[data-checklist] output{display:block;border-top:1px solid #d7e3dc;padding-top:15px;font-size:13px}.resource-bar{margin:18px 0}.resource-bar>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:14px}.bar-track{height:14px;background:#eaf0f2;border-radius:5px;overflow:hidden;margin-top:8px}.bar-track>span{display:block;height:100%;background:var(--accent);transform-origin:left;animation:reveal-bar .6s ease-out}@keyframes reveal-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}.diagnostic-answer{padding:20px;background:#f5f8fa;border-left:3px solid var(--accent);margin-top:15px}.diagnostic-answer p{margin-bottom:0}[data-diagnostic] select{width:100%;padding:14px;border:1px solid #c7d3d9;border-radius:8px;background:white;font:inherit;color:inherit;margin-top:8px}.hydration-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#f4f8fa;border-radius:14px;padding:24px}.hydration-form label{display:grid;gap:8px;font-size:14px}.hydration-form input{min-width:0;width:100%;font:inherit;padding:12px;border:1px solid #c9d6dc;border-radius:8px}.hydration-form button{font:inherit;background:var(--accent);color:white;border:0;border-radius:8px;padding:14px;cursor:pointer}.hydration-form output{grid-column:1/-1;font-size:19px;font-weight:700;line-height:1.6}.reading h2{scroll-margin-top:30px}.reading a{overflow-wrap:anywhere}@media(max-width:600px){.guide-toc ol{columns:1}.hydration-form{grid-template-columns:1fr;padding:18px}.guide-resource{margin:28px 0}}@media(prefers-reduced-motion:reduce){.bar-track>span{animation:none}html{scroll-behavior:auto}}@media print{.reading-sidebar,.site-header,.site-footer,.network-bar,.reading-progress{display:none}.reading-layout{display:block}.guide-faq details>*{display:block}.guide-resource{break-inside:avoid}}
.practice-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1.2rem 0}.practice-form label{display:grid;gap:.5rem;font-weight:600}.practice-form input{max-width:100%;padding:.8rem;border:1px solid #7d9290;border-radius:.5rem;background:#fff;color:#16342a;font:inherit}.practice-form button{padding:.85rem 1rem;border:0;border-radius:.5rem;background:var(--accent,#147650);color:#fff;font:inherit;cursor:pointer}.practice-form output{flex-basis:100%;font-weight:600;line-height:1.6}.practice-form output[data-correct=true]{color:#11643d}.practice-form output[data-correct=false]{color:#9a3514}.practice-solution{padding:1rem;border:1px solid #d5e4dd;border-radius:.5rem}.practice-solution summary{cursor:pointer;font-weight:600}.practice-solution p{line-height:1.7}.prose pre{max-width:100%;overflow:auto;white-space:pre}.resource-image img{cursor:zoom-in}.resource-image a{display:block}.resource-table th,.resource-table td{white-space:pre-wrap}
.reading p,.guide-scope,.practice-solution,.guide-faq summary{overflow-wrap:anywhere}.reading,.reading-layout>*{min-width:0}.practice-form label{max-width:100%}