/* Spacious editorial reading, with accessible mobile diagrams and examples. */
.article{max-width:880px;margin:0 auto;padding-bottom:56px}.article h1{font-size:clamp(2.1rem,4.4vw,3.7rem);line-height:1.12;max-width:24ch;margin-bottom:24px}.article>.meta{font-size:13px;line-height:1.8;color:#9cacc2;max-width:70ch}.reading-topline{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #294053;padding-top:22px;margin:26px 0;color:#77e5d0;font-size:12px;letter-spacing:.09em}.reading-hook{font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.5;color:#e6f2ff;max-width:44ch}.reading-brief{margin:28px 0 24px;padding:24px 28px;border-left:3px solid #63edcf;background:#112831}.reading-brief p{font-size:19px;color:#defbf3;margin:10px 0 0}.reading-body{font-size:18px;line-height:1.85;color:#c2cfe0}.reading-body>p,.reading-body>ul,.reading-body>ol{max-width:70ch}.article h2{font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.3;margin:50px 0 20px;max-width:30ch;scroll-margin-top:150px}.article h3{font-size:1.3rem;line-height:1.4;margin-top:30px}.reading-body strong{color:#f2f6ff}.reading-body>p.answer{font-size:19px;color:#d8e7f5;background:none;border:0;padding:0}.reading-toc{margin:20px 0 36px;border:1px solid #294053;padding:16px 22px;border-radius:7px}.reading-toc summary{cursor:pointer;font-size:15px;color:#d9f3ee;min-height:28px}.reading-toc ol{columns:2;padding-left:22px;font-size:14px;line-height:1.65}.reading-toc li{break-inside:avoid;padding:5px 0}.editorial-figure{margin:38px 0 0}.editorial-figure img{width:100%;height:auto;display:block;border-radius:12px}.editorial-figure figcaption{margin:16px 0;font-size:14px;line-height:1.6}.editorial-figure figcaption strong,.editorial-figure figcaption span{display:block}.editorial-figure figcaption span{color:#a2b4cb}.article .reading-stages{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 42px;max-width:none}.reading-stages li{border-top:2px solid #315867;padding:14px 0;font-size:14px;line-height:1.5}.reading-stages span{display:block;font:600 12px/1.5 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#77e5d0;margin-bottom:6px}.reading-fact,.reading-practice,.reading-demo{margin:36px 0;padding:28px;background:#102030;border:1px solid #30465b;border-radius:8px}.reading-fact p,.reading-practice p{margin:12px 0;font-size:17px}.reading-fact small{display:block;color:#9caec2;font-size:12px;margin-top:12px}.reading-practice{background:#122c2c;border-color:#316560}.reading-demo h2,.reading-fact h2{margin-top:15px;font-size:1.7rem}.reading-demo p{font-size:16px}.reading-demo label{display:flex;flex-direction:column;gap:8px;font-size:15px}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:26px}.reading-demo input[type=range]{display:block;width:100%;min-height:44px;accent-color:#64ebce;padding:0}.reading-demo output{color:#69ebcd;font-size:22px;font-variant-numeric:tabular-nums}.demo-bars{display:flex;height:24px;border-radius:5px;overflow:hidden;margin:25px 0 16px;background:#283e51}.demo-bars span:first-child{background:#62e8cc}.demo-bars span:last-child{background:#e2a46b}.demo-result{color:#e7f1ff}.demo-result strong{font-size:26px}.schedule-line{height:35px;position:relative;margin:12px 0;background:repeating-linear-gradient(90deg,#203b50 0 1px,transparent 1px 12.5%);border-bottom:1px solid #365064}.schedule-line span{position:absolute;top:2px;bottom:3px;background:#62e8cc;color:#091522;text-align:center;font-size:15px;border-radius:4px}.schedule-line+ .schedule-line span{background:#c2a1f0}.scope-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.scope-strip strong,.scope-strip span{display:block}.scope-strip strong{font-size:42px;color:#62e8cc;line-height:1.2}.scope-strip span{font-size:14px}.editorial-photo{margin:42px 0}.editorial-photo img{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:8px}.editorial-photo figcaption{font-size:12px;color:#93a6bd;margin-top:10px}.editorial-thumb{display:block;width:100%;height:auto;aspect-ratio:2;object-fit:cover;margin:0 0 20px;border-radius:5px}.table-scroll{overflow-x:auto;max-width:100%}.article table{width:100%;border-collapse:collapse;font-size:15px}.article th,.article td{border-bottom:1px solid #345066;padding:12px;text-align:left;vertical-align:top}.article pre{overflow-x:auto;max-width:100%;font-size:14px;line-height:1.65;padding:20px;border-radius:6px}.article code{overflow-wrap:anywhere}.article pre code{overflow-wrap:normal}.article .pager{font-size:15px}.article a{overflow-wrap:anywhere}
@media(max-width:600px){.article h1{font-size:2rem}.reading-body{font-size:17px;line-height:1.8}.reading-toc ol{columns:1}.reading-brief,.reading-demo,.reading-fact,.reading-practice{padding:20px}.article .reading-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.demo-controls{grid-template-columns:1fr;gap:18px}.reading-topline{font-size:11px;letter-spacing:.04em}.article h2{scroll-margin-top:165px}.article pre{font-size:13px;padding:14px}.scope-strip{gap:10px}.scope-strip strong{font-size:36px}.reading-demo h2{font-size:1.4rem}.article table{font-size:14px}}