:root{--ink:#182d28;--green:#235a48;--paper:#f7f6f2;--line:#d9dfd5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.8 Arial,sans-serif}a{color:var(--green);text-underline-offset:4px}a:focus-visible{outline:3px solid #d19c40;outline-offset:4px}header{border-bottom:1px solid var(--line)}nav{max-width:1120px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-size:24px;font-weight:bold;letter-spacing:-1px;text-decoration:none}.brand span{font-weight:normal}nav .navlinks{display:flex;gap:20px;flex-wrap:wrap}main{max-width:820px;padding:48px 24px 64px;margin:auto}h1{font-size:clamp(32px,5vw,50px);line-height:1.18;letter-spacing:-1.5px}h2{font-size:28px;line-height:1.3;margin-top:40px}p{margin:0 0 22px}.lead{font-size:21px}.meta,figcaption{font-size:16px;color:#4e6057}figure{margin:30px 0}img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}figcaption{margin-top:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:500px}th,td{text-align:left;border:1px solid var(--line);padding:12px;vertical-align:top}.cta,.card{padding:24px;border:1px solid var(--line);border-radius:8px;margin:24px 0;background:#ecefe6}.btn{display:inline-block;background:var(--green);color:white;border-radius:6px;padding:12px 18px;text-decoration:none;min-height:48px}.crumb{font-size:16px;margin-bottom:28px}footer{border-top:1px solid var(--line);padding:24px;text-align:center;font-size:16px}li{margin:8px 0}@media(max-width:600px){main{padding:30px 18px 48px}nav{padding:18px;gap:10px}.brand{font-size:21px}nav .navlinks{font-size:16px;gap:16px}h2{font-size:26px}.lead{font-size:19px}}
html{scroll-behavior:smooth;scroll-padding-top:24px}h3{font-size:23px;line-height:1.4;margin:0 0 16px}.card h3 a{color:var(--ink)}.article-toc{display:block;padding:22px;background:#ecefe6;border:1px solid var(--line);border-radius:8px;font-size:17px}.article-toc ol{margin-bottom:0}.category-nav{display:flex;padding:0;justify-content:flex-start;gap:10px;align-items:stretch}.category-nav a{padding:10px 15px;border:1px solid var(--line);border-radius:24px;text-decoration:none;min-height:48px;font-size:16px}.category-nav a:hover{background:#ecefe6}.category-section{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.category-section>.card{background:#fff9}.references,.related{border-top:1px solid var(--line);margin-top:32px}.references h2,.related h2{font-size:24px}a{overflow-wrap:anywhere}.card,.article-toc{min-width:0}@media(max-width:600px){.card{padding:20px 18px}.card h3{font-size:24px}.category-nav a{font-size:17px}.article-toc{padding:18px}.article-toc a{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.article-cover,.article-diagram{margin:28px 0}.article-cover img,.article-diagram img{background:#e5ebdc;width:100%;height:auto}.article-cover figcaption,.article-diagram figcaption{line-height:1.6}.article-cover a,.article-diagram a{display:block}.article-cover figcaption a,.article-diagram figcaption a{display:inline}.card-cover{display:block;margin:-24px -24px 22px;overflow:hidden;border-radius:8px 8px 0 0}.card-cover img{border:0;border-radius:0;width:100%;height:auto}.visual-summary{margin:32px 0;padding-top:8px;border-top:1px solid var(--line)}@media(max-width:600px){.card-cover{margin:-20px -18px 20px}figcaption{font-size:16px}.article-cover,.article-diagram{margin:24px 0}}

/* Responsive reading summaries: real text, with one item per row on phones. */
.visual-overview{background:#e5ebdc;border:1px solid #cbd6c7;border-radius:12px;padding:24px;margin:28px 0}.visual-label{font-size:16px;font-weight:700;letter-spacing:.4px;color:#235a48;display:block;margin:0 0 16px}.visual-flow{list-style:none;margin:0;padding:0;display:grid;gap:14px}.visual-flow li{display:flex;gap:16px;align-items:flex-start;margin:0;padding:18px;background:#f7f6f2;border:1px solid #cbd6c7;border-radius:9px}.flow-number{font-size:20px;font-weight:700;color:#235a48;flex:0 0 32px;line-height:1.5}.visual-flow h3{font-size:22px;line-height:1.4;margin:0 0 6px}.visual-flow p{font-size:18px;line-height:1.65;margin:0}.layout-examples{display:grid;grid-template-columns:1fr 1fr;gap:18px}.layout-examples>div{background:#e5ebdc;padding:22px;border:1px solid #cbd6c7;border-radius:10px}.layout-examples h3{font-size:23px}.layout-examples p,.layout-examples li{font-size:18px;line-height:1.7}.layout-examples ul{padding-left:22px}.card-cover{margin-bottom:20px}.card h3{font-size:25px;line-height:1.35}.card p:not(.meta){font-size:18px;line-height:1.7}@media(max-width:600px){.visual-overview{padding:18px 14px}.visual-flow li{padding:16px 14px;gap:10px}.visual-flow h3{font-size:22px}.visual-flow p{font-size:18px}.layout-examples{grid-template-columns:1fr}.card h3{font-size:25px}.card{margin:24px 0 32px}.category-section{overflow:visible}}