/* A task-led reading surface, with real screenshots and editable native callouts. */
.handbook{max-width:1640px;margin:auto}.manual-title,.manual-chapter-title{padding:76px var(--gutter) 65px}.manual-title h1,.manual-chapter-title h1{font:800 clamp(44px,6.6vw,96px)/1.05 Archivo,sans-serif;letter-spacing:-.035em;word-spacing:.08em;margin:25px 0}.manual-title>p:not(.manual-edition),.manual-chapter-title>p:not(.manual-edition){font-size:clamp(17px,1.8vw,23px);line-height:1.6;color:var(--muted);max-width:42ch}.manual-edition{font-size:12px;color:var(--mint);line-height:1.5;display:block;margin:32px 0 0}.manual-title .action{margin:16px 0 0}.manual-title small{margin-top:16px;color:var(--muted)}
.manual-first{margin:0 var(--gutter) 65px;padding:30px 34px;background:var(--surface);display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.handbook h2{font:700 clamp(25px,2.4vw,39px)/1.16 Archivo,sans-serif;letter-spacing:-.025em;margin:0 0 20px}.manual-first p,.manual-first li{color:var(--muted);font-size:16px;line-height:1.65}.manual-first ol{padding-left:23px;margin:0}.manual-first li{padding:8px}.manual-first a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.manual-topics,.manual-shortcuts,.manual-resources{padding:0 var(--gutter) 75px}.manual-topic-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;margin-top:35px}.manual-topic-grid>a{display:block;border-top:1px solid var(--line);padding:24px 24px 24px 0}.manual-topic-grid span{font:700 clamp(20px,2vw,28px)/1.2 Archivo,sans-serif;display:block}.manual-topic-grid small{display:block;color:var(--muted);font-size:15px;line-height:1.5;margin-top:9px}.manual-topic-grid a:hover span{color:var(--mint)}.manual-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:60px}.manual-shortcuts>div{border-top:1px solid var(--line);padding-top:32px}.manual-shortcuts p,.manual-resources>p{color:var(--muted);line-height:1.8;max-width:68ch}.manual-shortcuts p a{text-decoration:underline;text-underline-offset:4px}.manual-resources{max-width:1050px}.manual-resources .resource-links a{padding-block:20px}
.manual-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:50px;padding:0 var(--gutter) 90px}.manual-index{position:sticky;top:110px;align-self:start;display:grid;gap:16px;font-size:13px;line-height:1.5;color:var(--muted)}.manual-index a[aria-current=page]{color:var(--mint);font-weight:700}.manual-index a:first-child{padding-bottom:15px;border-bottom:1px solid var(--line)}.manual-body{min-width:0}.manual-lesson{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(230px,.88fr);align-items:start;gap:40px;border-top:1px solid var(--line);padding:36px 0 65px}.manual-path{font-size:12px;line-height:1.65;color:var(--mint);margin:0 0 22px}.manual-lead{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 30px}.manual-steps{list-style:none;counter-reset:manual;padding:0;margin:0}.manual-steps li{counter-increment:manual;position:relative;padding:0 0 25px 40px}.manual-steps li::before{content:counter(manual);position:absolute;left:0;top:0;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:#052014;font-size:12px;font-weight:800}.manual-steps h3{font-size:17px;line-height:1.4;margin:0 0 8px}.manual-steps p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.manual-example{padding:24px;border-left:3px solid var(--mint);background:var(--surface);margin:8px 0 24px}.manual-example h3{font-size:17px;line-height:1.4;margin:0 0 12px}.manual-example p{font-size:15px;line-height:1.7;margin:0;color:var(--muted)}.manual-remember{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.manual-figure{margin:0;background:#dcece2;padding:16px;border-radius:22px;min-width:0}.manual-screen{position:relative;overflow:hidden;border-radius:12px;background:#06130d}.manual-screen img{position:absolute;display:block;max-width:none;height:auto}.manual-screen svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.manual-screen rect{fill:none;stroke:#54e09e;stroke-width:7}.manual-screen circle{fill:#087345;stroke:#effaf3;stroke-width:3}.manual-screen text{fill:white;font:700 28px Arial,sans-serif;text-anchor:middle}.manual-figure figcaption{font-size:12px;color:#345243;line-height:1.6;margin:18px 2px 3px}.manual-proof{display:block;font-weight:700;color:#075a36;margin-bottom:6px}.manual-figure figcaption a{display:block;margin-top:9px;text-decoration:underline;text-underline-offset:3px;color:#123d28}.manual-diagram{padding:25px;background:var(--surface);margin:0}.manual-diagram>div{border:1px solid var(--line);padding:22px}.manual-diagram span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--mint);color:#052014;margin-right:10px;font-size:12px;font-weight:800}.manual-diagram strong{font-size:16px;line-height:1.5}.manual-diagram p,.manual-diagram figcaption{font-size:13px;color:var(--muted);line-height:1.6}.manual-diagram>b{display:block;text-align:center;padding:8px;color:var(--mint);font-size:24px}.manual-faq{border-top:1px solid var(--line);padding-top:35px}.manual-faq details{padding:22px 0;border-bottom:1px solid var(--line)}.manual-faq summary{font-weight:700;cursor:pointer;line-height:1.5}.manual-faq p{line-height:1.8;color:var(--muted);font-size:15px;max-width:68ch}.manual-pagination{display:flex;justify-content:space-between;gap:30px;margin-top:50px;font-size:14px;line-height:1.6;color:var(--mint)}.manual-tools{display:grid;gap:14px;margin:0 0 50px;color:var(--mint);font-size:14px}.manual-tools a{text-decoration:underline;text-underline-offset:4px}summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
[data-theme=light] .manual-steps li::before,[data-theme=light] .manual-diagram span{color:#fff}
@media(max-width:1100px){.manual-layout{grid-template-columns:160px minmax(0,1fr);gap:28px}.manual-lesson{grid-template-columns:minmax(0,1fr);gap:30px}.manual-figure{max-width:420px}.manual-title h1{font-size:clamp(44px,7vw,80px)}}
@media(max-width:800px){.manual-title,.manual-chapter-title{padding-top:50px}.manual-layout{grid-template-columns:minmax(0,1fr);gap:25px}.manual-index{position:static;display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid var(--line);padding-top:25px}.manual-index a:first-child{padding-bottom:0;border-bottom:0}.manual-first,.manual-shortcuts{grid-template-columns:1fr;gap:22px}.manual-first{padding:26px}.manual-topic-grid{column-gap:28px}.manual-title h1,.manual-chapter-title h1{font-size:clamp(40px,8vw,65px)}}
@media(max-width:540px){.manual-topic-grid{grid-template-columns:1fr}.manual-topic-grid>a{padding-block:23px}.manual-title,.manual-chapter-title{padding-bottom:40px}.manual-title .action{font-size:12px}.manual-title>p:not(.manual-edition){font-size:18px}.manual-lesson{padding-top:28px;gap:26px}.manual-figure{padding:12px;border-radius:18px;width:100%}.manual-steps li{padding-left:37px}.manual-pagination{flex-direction:column;gap:20px}.manual-edition{font-size:11px}.manual-path{font-size:12px}.manual-title small{font-size:12px}}

.manual-canvas{position:relative}.manual-canvas .manual-screen{position:absolute;inset:0}.manual-canvas>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.manual-canvas>svg rect{fill:none;stroke:#54e09e;stroke-width:6}.manual-canvas>svg circle{fill:#087345;stroke:#effaf3;stroke-width:3}.manual-canvas>svg text{fill:#fff;font:700 44px Arial,sans-serif;text-anchor:middle}.manual-focus-key{display:block;margin-top:9px;color:#075a36;font-weight:700}

.manual-title{display:grid;grid-template-columns:1.15fr 1fr;column-gap:65px;padding-top:50px;padding-bottom:50px}.manual-title>.text-link,.manual-title>p.manual-edition{grid-column:1/-1}.manual-title h1{grid-column:1;grid-row:3/6;font-size:clamp(46px,5.3vw,76px);margin:25px 0 0}.manual-title>p:not(.manual-edition){grid-column:2;grid-row:3;margin:25px 0 12px;font-size:20px}.manual-title>.action{grid-column:2;grid-row:4;justify-self:start;align-self:start;margin-top:8px}.manual-title>small{grid-column:2;grid-row:5;margin-top:12px}.manual-title>.manual-edition{margin-top:24px}.manual-chapter-title{padding-top:50px;padding-bottom:40px}.manual-chapter-title h1{font-size:clamp(40px,5vw,72px)}.manual-onpage{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:25px;font-size:13px;color:var(--mint);line-height:1.6}.manual-onpage a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.manual-title{display:block}.manual-title h1{font-size:clamp(44px,8vw,65px)}.manual-title>p:not(.manual-edition){font-size:18px}.manual-title>.action{margin-top:16px}.manual-chapter-title h1{font-size:clamp(38px,7.5vw,60px)}}