.lesson-page{max-width:1180px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--paper)}
.lesson-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);border-bottom:1px solid var(--ink)}
.lesson-hero-main{padding:clamp(64px,7vw,110px) clamp(24px,6vw,76px)}
.lesson-breadcrumb{font:800 10px/1.5 monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 36px;color:var(--muted)}
.lesson-breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.lesson-kicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.lesson-kicker span{border:1px solid var(--ink);padding:6px 9px;font:800 10px/1 monospace}.lesson-kicker .hot{background:var(--signal);border-color:var(--signal)}
.lesson-hero h1{font-size:clamp(42px,6.3vw,82px);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:900px}
.lesson-lead{font-size:clamp(18px,2vw,25px);line-height:1.65;font-weight:700;margin:30px 0 0;max-width:780px}
.lesson-hero-side{background:var(--ink);color:var(--white);padding:clamp(30px,4vw,54px);display:flex;flex-direction:column;justify-content:flex-end}
.lesson-hero-side small{font:800 9px/1 monospace;letter-spacing:.14em;color:#9f9f96}.lesson-hero-side strong{font-size:31px;line-height:1.25;margin:14px 0}.lesson-hero-side p{font-size:13px;line-height:1.8;color:#c4c4bd;margin:0}
.lesson-answer{display:grid;grid-template-columns:220px minmax(0,1fr);gap:45px;padding:45px clamp(24px,6vw,76px);border-bottom:1px solid var(--ink);background:var(--white)}
.lesson-answer-label{font:900 11px/1.2 monospace;letter-spacing:.08em}.lesson-answer p{font-size:clamp(18px,2vw,25px);line-height:1.7;font-weight:800;margin:0}
.lesson-answer em{font-style:normal;background:linear-gradient(transparent 62%,rgba(255,92,42,.32) 0)}
.lesson-layout{display:grid;grid-template-columns:260px minmax(0,760px);justify-content:center;gap:70px;padding:70px clamp(24px,6vw,76px) 110px}
.lesson-toc{position:sticky;top:96px;align-self:start;border-top:1px solid var(--ink)}.lesson-toc>span{display:block;padding:14px 0 10px;font:900 10px/1 monospace;color:var(--muted)}.lesson-toc a{display:block;padding:10px 0;border-top:1px solid var(--line);font-size:11px;font-weight:800}.lesson-toc a:hover{text-decoration:underline}
.lesson-article{min-width:0}.lesson-section{scroll-margin-top:100px;padding:0 0 68px;margin:0 0 68px;border-bottom:1px solid var(--line)}.lesson-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.lesson-no{font:900 11px/1 monospace;color:var(--signal);letter-spacing:.1em}.lesson-section h2{font-size:clamp(31px,4vw,49px);line-height:1.14;letter-spacing:-.04em;margin:10px 0 24px}.lesson-section h3{font-size:24px;line-height:1.35;letter-spacing:-.025em;margin:38px 0 13px}.lesson-section p,.lesson-section li{font-size:16px;line-height:1.95}.lesson-section p{margin:0 0 18px}.lesson-section ul,.lesson-section ol{padding-left:1.4em;margin:18px 0 25px}.lesson-section li+li{margin-top:8px}
.key-box{border:1px solid var(--ink);padding:24px 26px;margin:26px 0;background:var(--white)}.key-box strong{display:block;font-size:19px;margin-bottom:8px}.key-box p{margin:0;font-size:14px}
.nesting{margin:30px 0;border:1px solid var(--ink);padding:22px;background:var(--white)}.nest-row{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:15px 0;border-top:1px solid var(--line)}.nest-row:first-child{border-top:0}.nest-row b{font-size:14px}.nest-row span{font-size:13px;line-height:1.7;color:var(--muted)}.nest-row:nth-child(1) b{color:var(--signal)}
.compare-table-wrap{overflow:auto;margin:28px 0}.lesson-table{width:100%;border-collapse:collapse;min-width:680px;background:var(--white)}.lesson-table th,.lesson-table td{border:1px solid var(--ink);padding:14px 15px;text-align:left;vertical-align:top;font-size:13px;line-height:1.65}.lesson-table th{background:var(--ink);color:var(--white);font-size:11px;letter-spacing:.04em}.lesson-table td:first-child{font-weight:900;white-space:nowrap}
.example-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--ink);margin:28px 0}.example{padding:22px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.example:nth-child(2n){border-right:0}.example:nth-last-child(-n+2){border-bottom:0}.example small{font:900 9px/1 monospace;color:var(--signal)}.example h4{font-size:18px;margin:8px 0}.example p{font-size:13px;margin:0;line-height:1.75}
.decision{border:1px solid var(--ink);margin:30px 0}.decision-row{display:grid;grid-template-columns:210px 1fr;gap:18px;padding:18px 20px;border-top:1px solid var(--ink)}.decision-row:first-child{border-top:0}.decision-row b{font-size:14px}.decision-row span{font-size:13px;line-height:1.7}.decision-row .ml{color:#285cc8}.decision-row .gen{color:var(--signal)}
.quiz{background:var(--ink);color:var(--white);padding:30px;margin:30px 0}.quiz h3{margin-top:0;color:var(--white)}.quiz ol{margin-bottom:0}.quiz details{border-top:1px solid #555;margin-top:20px;padding-top:16px}.quiz summary{cursor:pointer;font-weight:900}.quiz details p{color:#d1d1ca;font-size:14px;margin-top:14px}
.takeaway{display:grid;gap:1px;background:var(--ink);border:1px solid var(--ink);margin:28px 0}.takeaway div{background:var(--paper);display:grid;grid-template-columns:45px 1fr;gap:12px;padding:18px}.takeaway span{font:900 16px/1 monospace;color:var(--signal)}.takeaway p{margin:0;font-size:14px;line-height:1.7}
.sources{font-size:13px}.sources a{text-decoration:underline;text-underline-offset:3px}.lesson-nav{display:flex;justify-content:space-between;gap:16px;margin-top:70px;padding-top:25px;border-top:1px solid var(--ink)}.lesson-nav a{border:1px solid var(--ink);padding:12px 15px;font-weight:800;font-size:12px}.lesson-nav a:hover{background:var(--ink);color:var(--white)}
@media(max-width:900px){.lesson-hero{grid-template-columns:1fr}.lesson-hero-side{min-height:270px}.lesson-answer{grid-template-columns:1fr;gap:15px}.lesson-layout{grid-template-columns:1fr;gap:35px}.lesson-toc{position:static}.lesson-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.example-grid{grid-template-columns:1fr}.example{border-right:0}.example:nth-last-child(2){border-bottom:1px solid var(--ink)}.decision-row{grid-template-columns:1fr;gap:7px}}
@media(max-width:560px){.lesson-hero-main{padding-top:45px}.lesson-hero h1{font-size:42px}.lesson-layout{padding-left:20px;padding-right:20px}.lesson-toc nav{grid-template-columns:1fr}.nest-row{grid-template-columns:1fr;gap:5px}.lesson-answer{padding-left:20px;padding-right:20px}.lesson-section p,.lesson-section li{font-size:15px}.lesson-nav{flex-direction:column}.lesson-nav a{text-align:center}}

/* ---- service guide components (added 2026-09-18) ---- */
.updated-note{border:1px solid var(--line);background:var(--white);padding:12px 15px;margin:0 0 26px;font-size:12px;line-height:1.7;color:var(--muted)}
.updated-note b{color:var(--ink)}
.svc-head{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px;border:1px solid var(--ink);background:var(--white);margin:26px 0}
.svc-head-main{padding:24px 26px}
.svc-head-main h3{margin:0 0 10px;font-size:22px}
.svc-head-main p{margin:0;font-size:14px;line-height:1.8}
.svc-head-side{background:var(--paper-2);padding:24px 22px;border-left:1px solid var(--ink);display:grid;align-content:start;gap:10px}
.svc-head-side div{display:grid;gap:2px}
.svc-head-side small{font:900 9px/1 monospace;letter-spacing:.1em;color:var(--muted)}
.svc-head-side b{font-size:13px;line-height:1.5}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--ink);margin:28px 0;background:var(--ink);gap:1px}
.svc{background:var(--white);padding:20px 22px;display:grid;align-content:start;gap:8px}
.svc small{font:900 9px/1 monospace;letter-spacing:.09em;color:var(--signal)}
.svc h4{font-size:17px;margin:0;line-height:1.4}
.svc p{font-size:13px;line-height:1.75;margin:0}
.svc .svc-maker{font-size:11px;color:var(--muted);margin:0}
.pill-row{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 26px}
.pill-row span{border:1px solid var(--ink);padding:6px 10px;font-size:11px;font-weight:800;background:var(--white)}
.verdict{border:1px solid var(--ink);background:var(--ink);color:var(--white);padding:22px 24px;margin:28px 0}
.verdict strong{display:block;font-size:17px;margin-bottom:8px}
.verdict p{margin:0;font-size:14px;line-height:1.8;color:#d7d7cf}
.caution{border-left:5px solid var(--signal);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white);padding:20px 22px;margin:26px 0}
.caution strong{display:block;font-size:16px;margin-bottom:7px}
.caution p:last-child{margin-bottom:0}
.caution p{font-size:14px;margin:0 0 10px}
.steps-list{counter-reset:st;list-style:none;padding:0;margin:26px 0}
.steps-list li{counter-increment:st;position:relative;padding:0 0 0 46px;margin:0 0 16px;font-size:15px;line-height:1.85}
.steps-list li::before{content:counter(st);position:absolute;left:0;top:1px;width:30px;height:30px;border:1px solid var(--ink);display:grid;place-items:center;font:900 13px/1 monospace;background:var(--white)}
.svc-toc-note{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 0}
@media(max-width:900px){.svc-head{grid-template-columns:1fr;gap:0}.svc-head-side{border-left:0;border-top:1px solid var(--ink)}.svc-grid{grid-template-columns:1fr}}

.lesson-section p a,.lesson-section li a,.caution a,.key-box a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:700}
.lesson-section p a:hover,.lesson-section li a:hover{background:var(--signal);color:var(--white);text-decoration:none}