:root{font-size:16px;--ink:#143540;--green:#176b60;--orange:#965016;--line:#d8e3e4;--muted:#52686f;--anchor-offset:20px;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:var(--anchor-offset)}body{margin:0;background:#fff;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic","Meiryo",sans-serif;line-height:1.85}a{color:var(--green);text-underline-offset:.22em;overflow-wrap:anywhere}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}img{max-width:100%}h1,h2,h3,h4,p,figure{margin-top:0}h1,h2,h3,h4{line-height:1.5;font-weight:750;overflow-wrap:anywhere}h1{font-size:2.7rem;letter-spacing:.02em;margin-bottom:24px}h2{font-size:1.65rem}h3{font-size:1.25rem}h4{font-size:1.05rem}p{margin-bottom:1.25em}li{margin:.45em 0}strong,b{font-weight:750}mark{background:linear-gradient(transparent 58%,#ffe6c7 58%);color:inherit;font-weight:750}fieldset{min-width:0}:focus-visible{outline:3px solid #bf6220;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:0;left:20px;background:#fff;padding:10px;z-index:100;transform:translateY(-120%)}.skip-link:focus{transform:none}.eyebrow{display:block;font-size:.9rem;font-weight:750;letter-spacing:.07em;color:var(--green);margin-bottom:13px}
.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 48px;border-bottom:1px solid var(--line);position:static;background:white;font-size:1rem}.header-brand{text-decoration:none;color:var(--ink);display:flex;flex-direction:column}.header-brand b{font-size:1.25rem}.header-brand span{color:var(--muted);font-size:.8rem;margin-top:3px}.mobile-header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.mobile-header nav a{text-decoration:none;font-weight:650}.mobile-header button{background:white;color:var(--green);border:1px solid #b9d1cf;border-radius:6px;min-height:44px;padding:7px 13px}.sidebar{display:none}.sidebar.is-open{display:block;border-bottom:1px solid var(--line);padding:24px 48px;background:#f5f9f8}.sidebar .brand{display:none}.sidebar .global-link{font-size:.9rem}.sidebar nav{max-width:1180px;margin:15px auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.sidebar details{padding:12px 18px;border:1px solid var(--line);background:#fff;border-radius:6px}.sidebar summary{cursor:pointer;font-weight:700;min-height:44px}.sidebar details a{display:block;padding:8px 0;font-size:1rem}.sidebar .menu-heading{font-weight:700}.sidebar-note{font-size:.85rem;max-width:1180px;margin:auto;color:var(--muted)}.current{font-weight:750}
.site-main{max-width:1760px;margin:0 auto;padding:0 48px}.preview-banner{font-size:.8rem;color:var(--muted);padding:14px 0;border-bottom:1px solid #edf1f1}.preview-banner span{margin-left:14px}.breadcrumbs{font-size:.85rem;padding:19px 0 15px;color:var(--muted)}.wide-page{max-width:1292px;margin:0 auto}.main-content{font-size:1.25rem;min-width:0}.qualification-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:28px 0 66px;border-bottom:1px solid var(--line);margin-bottom:60px}.qualification-hero h1{font-size:2.75rem}.hero-lead{font-size:1.35rem;line-height:1.65;font-weight:750;margin-bottom:22px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-version{font-size:.85rem;color:var(--muted);margin:20px 0 0}.qualification-map{padding:27px 30px;background:#f5f9f8;border:1px solid #d6e5e1;border-radius:12px}.qualification-map h2{font-size:1.25rem;padding-bottom:18px;border-bottom:1px solid #c9ddd7}.qualification-map ol{padding:0;list-style:none;margin:0}.qualification-map li{padding:13px 0;border-bottom:1px solid #d8e4e0;margin:0}.qualification-map li b{font-size:1.1rem}.qualification-map li p{font-size:1rem;margin:5px 0 0}.map-summary{font-size:1rem;margin:20px 0 0}.home-section{margin:0 0 65px}.home-section>h2{padding:0 0 17px 20px;border-bottom:1px solid #c8dad6;position:relative;margin-bottom:28px}.home-section>h2:before{content:"";position:absolute;left:0;top:.15em;height:1.1em;width:6px;background:var(--orange);border-radius:3px}.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.plain-list{padding-left:1.2em}.exam-section dl{margin:0}.exam-section dl>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:26px;padding:16px 8px;border-bottom:1px solid var(--line)}.exam-section dt{font-weight:750}.exam-section dd{margin:0}.small-note{font-size:.85rem;color:var(--muted);margin-top:22px}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chapter-card{padding:24px 26px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column}.chapter-number{font-weight:750;color:var(--orange);font-size:.85rem;margin-bottom:10px}.chapter-card h3{margin-bottom:10px}.chapter-card p{font-size:1rem;margin-bottom:22px}.card-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto}.unavailable{font-size:.85rem;color:var(--muted)}.learn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.learn-steps article{border-top:2px solid #cdded7;padding-top:22px}.learn-steps b{font-size:1.75rem;color:var(--orange)}.learn-steps h3{margin:15px 0 12px}.learn-steps p{font-size:1rem}.sample-note{border-block:1px solid var(--line);padding:25px 0;font-size:1rem;color:var(--muted);margin:36px 0}.sample-note h2{font-size:1.2rem;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:11px 19px;border:1px solid transparent;border-radius:7px;font-weight:750;font-size:1rem;line-height:1.6;text-decoration:none;white-space:normal}.button.primary{background:var(--green);color:#fff}.button.quiet{background:#fff;color:var(--green);border-color:#b9cfcc}.button:hover{filter:brightness(.95)}
.page-intro{font-size:1.25rem;max-width:1292px;margin:20px auto 34px}.page-intro>p{max-width:50em}.goals{border-left:4px solid var(--green);padding:18px 24px;background:#f5f9f7;margin:22px 0}.goals h2{font-size:1.05rem;margin-bottom:10px}.goals ul{margin:0;padding-left:1.2em}.scope-note{color:var(--muted);font-size:.85rem!important}.lesson-layout{display:grid;grid-template-columns:220px minmax(0,976px);justify-content:center;gap:44px;align-items:start}.lesson-layout>.main-content{grid-column:2;grid-row:1}.toc{grid-column:1;grid-row:1;font-size:.85rem;align-self:stretch}.toc nav{position:sticky;top:22px;max-height:calc(100vh - 44px);overflow:auto;border-left:2px solid #cbded6;padding:8px 16px}.toc h2{font-size:1rem}.toc ol,.toc ul{list-style:none;padding:0}.toc ul{padding-left:12px;border-left:1px solid #dce6e1}.toc a{display:block;padding:6px 0;line-height:1.7;text-decoration:none}.mobile-toc{display:none}.reading-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:.9rem;padding:17px 0;border-block:1px solid var(--line);margin-bottom:24px}.reading-controls fieldset{border:0;padding:0;display:flex;flex-wrap:wrap;gap:16px;margin:0}.reading-controls legend{float:left;font-weight:750;margin-right:15px}.reading-controls label{display:flex;align-items:center;gap:5px;min-height:44px}.reading-controls input{width:19px;height:19px;accent-color:var(--green)}.reading-controls p{font-size:.8rem;margin:0;color:var(--muted)}.answer-storage-note{font-size:.8rem;color:var(--muted)}.learning-section{margin:45px 0 70px;padding-top:10px;border-top:1px solid #ccdcd7}.learning-section>h2{display:flex;gap:15px;align-items:flex-start;padding:18px 0 20px;margin-bottom:18px;border-bottom:2px solid #cbded6}.section-number{display:grid;place-items:center;min-width:36px;width:36px;height:36px;background:var(--green);color:#fff;font-size:1.15rem;border-radius:5px;margin-top:3px}.scene{margin:22px 0;font-size:1.1rem}.section-guide{font-size:.95rem;font-weight:750;border-left:3px solid var(--orange);padding:5px 15px;margin-bottom:28px}.comic-card{margin:30px 0 35px;padding:0;background:white;border:0}.comic-card figcaption{max-width:640px;margin:0 auto 18px}.comic-card figcaption .eyebrow{font-size:.85rem}.comic-card figcaption h3{margin-bottom:0}.comic-visual{max-width:640px;margin:0 auto}.comic-open{display:block;line-height:0;text-decoration:none;overflow:hidden;border:1px solid #d2dfdc;border-radius:7px}.comic-open img{display:block;width:100%;height:auto;position:static}.comic-expand{display:block;line-height:1.8;padding:10px;background:#f6f9f8;font-size:.9rem;text-align:center}.transcript{max-width:640px;margin:12px auto;font-size:1rem}.transcript summary,.diagram-text summary{min-height:44px;padding:8px 0;cursor:pointer;color:var(--green);text-decoration:underline;text-underline-offset:.22em}.transcript ol{padding-left:1.25em}.mode-text .comic-visual{display:none}.mode-text .comic-card{border-left:3px solid #cbdbd6;padding-left:18px;margin:22px 0}.mode-text .comic-card figcaption,.mode-text .transcript{max-width:none}.mode-text .comic-card figcaption .eyebrow:after{content:" · 説明のみ"}.topic{margin:35px 0;scroll-margin-top:var(--anchor-offset)}.topic>h3{padding-left:14px;border-left:4px solid var(--orange);margin-bottom:20px}.topic-summary{background:#f6f9f8;padding:14px 18px;font-size:1rem}.source-links{font-size:.75rem;line-height:1.8;color:var(--muted);margin:17px 0 0}.source-links a{color:#486b71}.diagram{margin:38px 0;padding:0;background:#fff;border:0}.diagram figcaption{font-size:1.1rem;font-weight:750;margin-bottom:16px}.diagram-open{display:block;line-height:0;text-decoration:none;border:1px solid var(--line);border-radius:6px;overflow:hidden}.diagram-open img{display:block;width:100%;height:auto}.diagram-open span{display:block;line-height:1.7;padding:9px 15px;font-size:.9rem;background:#f6f9f8;text-align:center}.diagram-text{font-size:1rem;margin-top:12px}.diagram-note{font-size:1rem;border-left:3px solid var(--green);padding-left:16px;margin:15px 0 0}.example-box{padding:20px 0 20px 22px;border-left:4px solid var(--orange);margin:36px 0;background:#fff}.example-box h3{font-size:1.15rem}.example-box p:last-child{margin-bottom:0}.takeaway{padding:22px 24px;background:#fff6e7;border-radius:7px;margin:32px 0}.takeaway h3{font-size:1.05rem;color:#805523;margin-bottom:10px}.takeaway p{margin:0}.quiz-section{border-top:1px solid var(--line);padding-top:30px}.quiz-section>h3{font-size:1.2rem}.question{font-size:1rem;border:1px solid #ccdcd7;border-radius:8px;margin:25px 0;padding:24px;background:#fff;scroll-margin-top:var(--anchor-offset)}.question fieldset{border:0;padding:0;margin:0;min-width:0}.question legend{font-weight:750;width:100%;padding:0;margin-bottom:15px;line-height:1.85}.question-label{display:block;font-size:.85rem;color:var(--green);margin-bottom:8px}.option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:6px;margin:10px 0;padding:14px;cursor:pointer}.option:has(input:checked){background:#f0f7f4;border-color:var(--green)}.option input{flex:0 0 20px;width:20px;height:20px;margin-top:5px;accent-color:var(--green)}.option span{min-width:0;overflow-wrap:anywhere}.option b{color:var(--muted);margin-right:10px;font-size:.9rem}.question-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.question-status{font-weight:750;margin:0}.question-status:not(:empty){background:#f2f8f4;padding:15px;border-radius:6px}.question-status[data-state=invalid]{color:#78501e;background:#fff4df}.answer-details{margin-top:20px;padding-top:22px;border-top:1px solid var(--line)}.reason-list{list-style:none;padding:0}.reason-list li{padding:15px 0;border-bottom:1px solid var(--line)}.reason-list strong{display:block}.reason-list p{margin:8px 0 0}.option-verdict{display:inline-block;font-size:.8rem;color:var(--green);padding:3px 8px;background:#f0f7f4;margin-top:6px}.review-link{display:inline-block;min-height:44px;padding:9px 0;margin-top:10px}.review-context{position:sticky;top:8px;z-index:15;padding:15px 18px;background:#f2f8f5;border:2px solid #a6cbbb;border-radius:7px;font-size:1rem}.review-context p{margin:0 0 9px}.review-context a{display:inline-block;min-height:36px;margin-right:16px}.table-wrap{overflow-x:auto;margin:25px 0}table{width:100%;border-collapse:collapse;font-size:1rem}caption{font-weight:750;text-align:left;padding-bottom:12px}th,td{text-align:left;vertical-align:top;border:1px solid #cadbd5;padding:14px 17px}th{background:#f3f7f5}.term-list{font-size:1rem}.term-list>div{padding:17px 0;border-bottom:1px solid var(--line)}.term-list dt{font-weight:750;color:var(--green);margin-bottom:6px}.term-list dd{margin:0}.lesson-card{border:1px solid var(--line);padding:26px;border-radius:8px;margin-bottom:25px}.future-outline{padding:20px 0;border-top:1px solid var(--line);font-size:1rem}.next-callout{margin:40px 0;padding:28px;background:#f4f9f6;border:1px solid #c7dfd5;border-radius:9px}.next-callout h2{font-size:1.45rem}.next-note{font-size:.85rem;color:var(--muted)}footer{margin:65px auto 0;max-width:1292px;padding:30px 0;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}footer p{margin-bottom:13px}
dialog{padding:20px 24px;max-width:min(1100px,calc(100vw - 28px));width:1100px;max-height:92svh;border:1px solid #c4d8d0;border-radius:10px;color:var(--ink);overflow:auto}dialog::backdrop{background:#0d282acc}.dialog-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;position:sticky;top:-20px;background:#fff;z-index:2;padding:10px 0;border-bottom:1px solid var(--line)}.dialog-bar h2{font-size:1.15rem;margin:0}.dialog-help,#panel-transcript{font-size:1rem;line-height:1.75}.dialog-help{margin:13px 0}#image-zoom{margin-bottom:14px}#panel-viewport{overflow:auto;max-height:60svh;background:#f7f9f8;text-align:center;overscroll-behavior:contain}#panel-image{position:static;display:block;max-width:100%;width:100%;height:auto;margin:0 auto}dialog.zoomed #panel-image{max-width:none;margin:0}#panel-transcript{margin:16px 0 0;overflow-wrap:anywhere}
.text-200{font-size:32px}.text-200 .qualification-hero,.text-200 .explain-grid,.text-200 .chapter-grid,.text-200 .learn-steps{grid-template-columns:1fr}.text-200 .lesson-layout{display:block}.text-200 .toc{display:none}.text-200 .mobile-toc{display:block}.text-200 h1{font-size:2rem}.text-200 .mobile-header{flex-wrap:wrap}.text-200 .sidebar nav{grid-template-columns:1fr}
@media(max-width:1100px){.mobile-header{gap:18px;padding:20px 30px}.mobile-header nav{gap:15px}.site-main{padding:0 30px}.lesson-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.qualification-hero{gap:30px}.qualification-hero h1{font-size:2.4rem}.qualification-map{padding:22px}.explain-grid{gap:30px}}
@media(max-width:900px){.lesson-layout{display:block}.toc{display:none}.mobile-toc{display:block;border:1px solid var(--line);border-radius:6px;padding:14px 18px;font-size:1rem;margin:24px 0}.mobile-toc summary{cursor:pointer;min-height:44px}.mobile-toc ol{padding-left:1.3em}.mobile-toc ul{padding-left:1.3em}.mobile-toc a{display:block;min-height:40px}.qualification-hero{grid-template-columns:1fr}.qualification-map{max-width:none}.explain-grid{grid-template-columns:1fr}.learn-steps{grid-template-columns:1fr}.mobile-header{flex-wrap:wrap}.mobile-header nav{width:100%;justify-content:flex-start}.sidebar.is-open{padding:22px 30px}}
@media(max-width:600px){.site-main{padding:0 18px}.mobile-header{padding:17px 18px;gap:12px}.header-brand b{font-size:1.1rem}.mobile-header nav{font-size:.85rem;gap:12px}.mobile-header nav a{min-height:44px;display:flex;align-items:center}.mobile-header button{font-size:.85rem}.header-brand span{font-size:.75rem}.main-content,.page-intro{font-size:1.125rem}.breadcrumbs{font-size:.8rem;padding:15px 0}.preview-banner{font-size:.75rem}.preview-banner span{display:block;margin:0}.qualification-hero{padding-top:20px;gap:30px;margin-bottom:40px;padding-bottom:40px}.qualification-hero h1,h1{font-size:2rem;line-height:1.55}.hero-lead{font-size:1.2rem}.hero-actions{flex-direction:column;align-items:flex-start}.qualification-map{padding:20px}.home-section{margin-bottom:45px}h2{font-size:1.4rem}h3{font-size:1.15rem}.explain-grid{gap:20px}.chapter-grid{grid-template-columns:1fr;gap:18px}.chapter-card{padding:21px}.exam-section dl>div{display:block;padding:14px 0}.exam-section dd{margin-top:7px}.sidebar.is-open{padding:18px}.sidebar nav{grid-template-columns:1fr}.learning-section{margin:35px 0 50px}.learning-section>h2{font-size:1.35rem;gap:12px}.section-number{min-width:29px;width:29px;height:29px;font-size:1rem}.scene{font-size:1.05rem}.section-guide{font-size:.9rem}.comic-card{margin:24px -2px 30px}.comic-card figcaption h3{font-size:1.15rem}.comic-expand{font-size:.85rem}.topic{margin:30px 0}.topic>h3{font-size:1.15rem}.diagram{margin:30px -2px}.diagram figcaption{font-size:1.05rem}.question{padding:18px 14px;margin:22px 0}.question-actions .button{padding:10px 12px}.option{padding:12px 10px;gap:9px}.goals{padding:16px 18px}.goals li{font-size:1rem}.next-callout{padding:22px}.review-context{font-size:.95rem;padding:12px;top:6px}.review-context a{display:block}.takeaway{padding:19px}.example-box{padding-left:17px}.source-links{font-size:.75rem;overflow-wrap:anywhere}dialog{padding:13px;width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.dialog-bar{top:-13px;gap:10px}.dialog-bar h2{font-size:1rem}.dialog-bar .button{font-size:.9rem;padding:8px 10px}.dialog-help,#panel-transcript{font-size:.9rem}.text-200 h1,.text-200 .qualification-hero h1{font-size:1.6rem}.text-200 .mobile-header nav{flex-direction:column;align-items:flex-start}.text-200 .preview-banner{overflow-wrap:anywhere}.text-200 .dialog-bar{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.qualification-hero>div>.eyebrow{font-size:1.65rem;letter-spacing:0;color:var(--ink)}

h1,h2,h3{text-wrap:balance}.title-part{display:inline-block;max-width:100%}
@media(max-width:600px){.page-intro h1{font-size:1.8rem}.page-intro h1 .title-part{display:block}}
.lesson-introduction{grid-column:1/-1;grid-row:1}.lesson-layout>.main-content,.lesson-layout>.toc{grid-row:2}.lesson-introduction>.page-intro{margin-top:20px}

.header-brand .brand-name-part{display:inline-block;font:inherit;color:inherit}.text-200 .header-brand>span{display:none}

/* Five-page repair: small completion points and orientation at large text sizes. */
.entry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0}.entry-actions>span{font-size:.9rem;color:var(--muted)}
.unit-start{margin:22px 0;padding:20px 22px;border:1px solid #c7dbd4;border-left:4px solid var(--green);border-radius:5px;background:#f8fbfa}.unit-start h3{font-size:1.2rem;margin:0 0 12px}.unit-start p{font-size:1rem;margin:9px 0 0}
.topic h4{font-size:1.05rem;margin:28px 0 14px}.unit-check,.first-term-note{padding:14px 18px;border-left:3px solid var(--orange);background:#fff9ef;font-size:1rem}
.consultation-note{padding:20px 22px;border:1px solid #d1dfd9;border-radius:7px;margin:26px 0;background:#fafcfb}.consultation-note h4{margin:0 0 16px}.consultation-note p{font-size:1rem}.roster-facts{margin:0 0 15px}.roster-facts>div{padding:12px 0;display:grid;grid-template-columns:8em minmax(0,1fr);gap:15px;border-bottom:1px solid var(--line)}.roster-facts dt{font-weight:750}.roster-facts dd{margin:0}.consultation-steps{padding-left:1.4em}.consultation-steps li{margin:16px 0}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0}.case-card{border:1px solid var(--line);border-radius:6px;padding:20px}.case-card h4{margin:0 0 14px}.case-card p{font-size:1rem}.case-card p:last-child{margin-bottom:0}.law-timeline>div{padding:14px 0;border-bottom:1px solid var(--line)}.law-timeline dt{font-weight:750}.law-timeline dd{margin:6px 0 0}
.self-explanation{padding:22px 0 0;margin:30px 0 0;border-top:2px solid #cbded6}.self-explanation h4{font-size:1.1rem;margin-bottom:14px}.self-explanation h4 span{font-size:.9rem;color:var(--muted)}.self-explanation summary{color:var(--green);cursor:pointer;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:.22em}.self-explanation details>p{margin:16px 0}.self-review-links{display:grid;gap:8px}.self-review-links a{display:block;min-height:44px;padding:8px 0}
.choice-jumps,.reason-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.choice-jumps a,.reason-jumps a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:7px 11px;border:1px solid #c7dbd4;border-radius:5px;font-size:.9rem;text-decoration:none;background:#fafcfb}.choice-jumps a:hover,.reason-jumps a:hover{background:#edf5f1}.reason-return{display:inline-flex;min-height:44px;padding:8px 0;font-size:.95rem}.question-return{display:flex}.user-selection{display:inline-block;font-size:.8rem;color:var(--muted);margin:6px 10px 0 0}.reason-list li{scroll-margin-top:var(--anchor-offset)}.option input{scroll-margin-top:calc(var(--anchor-offset) + 10px)}
.image-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 14px;font-size:.9rem}.image-controls span{color:var(--muted)}#panel-explanation{margin:22px 0 6px;border-top:1px solid var(--line);padding-top:18px;font-size:1rem;line-height:1.85}#panel-explanation h3{font-size:1.1rem}#panel-explanation li{margin:14px 0}#panel-explanation-title{scroll-margin-top:100px}#panel-equivalent p{margin:16px 0}.diagram-dialog #panel-viewport{max-height:38svh}.chapter-menu-link{display:block;min-height:44px;padding:10px 0}
.text-200 .case-grid{grid-template-columns:1fr}.text-200 .roster-facts>div{display:block}.text-200 .roster-facts dd{margin-top:8px}.text-200 .option{padding-top:10px;padding-bottom:10px}.text-200 .question{padding-top:18px}.text-200 .dialog-bar{position:static}.text-200 .diagram-dialog #panel-viewport{max-height:30svh}
@media(max-width:600px){.mobile-header{padding:10px 18px;gap:8px;flex-wrap:nowrap}.header-brand b{font-size:.95rem;line-height:1.5}.header-brand>span{display:none}.mobile-header nav{width:auto;margin-left:auto;gap:0}.mobile-header .header-link{display:none}.mobile-header button{padding:8px 10px;font-size:.8rem;white-space:nowrap;min-height:44px}.preview-banner{font-size:.72rem;padding:9px 0}.preview-banner span{display:inline;margin-left:8px}.breadcrumbs{padding:10px 0;font-size:.75rem}.page-intro{padding-top:12px}.page-intro h1{margin-bottom:15px}.entry-actions{margin:18px 0}.entry-actions .button{font-size:1rem}.entry-actions>span{font-size:.8rem}.unit-start{padding:16px;margin:18px 0}.unit-start h3{font-size:1.08rem}.case-grid{grid-template-columns:1fr;gap:14px}.case-card{padding:17px}.consultation-note{padding:17px}.roster-facts>div{display:block}.roster-facts dd{margin-top:6px}.choice-jumps,.reason-jumps{gap:6px}.diagram-dialog #panel-viewport{max-height:30svh}.image-controls{gap:10px}#panel-explanation{font-size:1rem}.text-200 .mobile-header{flex-wrap:wrap}.text-200 .mobile-header nav{flex-direction:row;align-items:center}.text-200 .mobile-header button{white-space:normal}.text-200 .preview-banner span{display:block;margin-left:0}.text-200 .header-brand b{font-size:.8rem}.text-200 .unit-start{padding:14px}.text-200 .consultation-note{padding:14px}}

#panel-viewport:focus-visible{outline:3px solid #1e69a4;outline-offset:2px}
/* Keep the exit control readable at 320px with text enlarged. */
.dialog-bar #comic-close{flex:0 0 auto;white-space:nowrap}
.diagram figcaption{text-wrap:balance}
@media(max-width:600px){.text-200 .dialog-bar{flex-direction:column-reverse;gap:12px}.text-200 .dialog-bar #comic-close{align-self:flex-end}}
.image-controls #image-zoom{margin:0}#comic-page-controls{margin:12px 0}
.comic-action{font-size:.95em;color:var(--muted);margin:8px 0;line-height:1.85}
.comic-page+.comic-page{margin-top:26px}.comic-page-label{font-size:.85rem;color:var(--muted);margin:0 0 8px;text-align:right}.comic-fallback{font-size:1rem}.comic-fallback a{display:inline-block;min-height:44px;padding:8px 0}#comic-page-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:18px 0;font-size:.9rem}#comic-page-status{flex:1;text-align:center;min-width:12em}dialog:not(.zoomed) #panel-image{max-height:60svh;width:auto;max-width:100%;object-fit:contain}.diagram-dialog:not(.zoomed) #panel-image{max-height:38svh}dialog.zoomed #panel-image{max-height:none}#panel-viewport{min-height:1px}@media(max-width:600px){#comic-page-status{order:-1;flex-basis:100%}.diagram-dialog:not(.zoomed) #panel-image{max-height:30svh}}.text-200 .diagram-dialog:not(.zoomed) #panel-image{max-height:30svh}
/* V3: keep the picture and exit usable before longer dialogue at large text. */
#comic-dialog .dialog-bar{position:sticky;top:-20px;align-items:flex-start;flex-direction:row;min-width:0}
#comic-dialog .dialog-bar h2{min-width:0;flex:1;overflow-wrap:anywhere}
#comic-dialog .image-controls{margin:12px 0}
#comic-page-controls{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
#comic-page-controls #comic-page-status{grid-column:1/-1;grid-row:1;min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal;line-height:1.6}
#comic-page-prev,#comic-page-next{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#comic-dialog #image-view-state{font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:600px){#comic-dialog .dialog-bar{top:-13px;gap:8px}#comic-dialog .dialog-bar #comic-close{align-self:flex-start}#comic-dialog .dialog-help{margin-top:18px}}
.dialog-kind{font-size:1rem;font-weight:750;line-height:1.5;min-width:0;overflow-wrap:anywhere}

#panel-transcript.verbatim-transcript{white-space:pre-line}

/* v11: keep a comparison axis with both methods at narrow and enlarged sizes. */
.method-comparison { margin: 25px 0; font-size: 1rem; }
.method-comparison article { border: 1px solid #cadbd5; border-radius: 7px; margin: 18px 0; overflow: hidden; }
.method-comparison h5 { margin: 0; padding: 12px 18px; background: #f3f7f5; font-size: 1rem; }
.method-comparison dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.method-comparison dl > div { min-width: 0; padding: 16px 18px; }
.method-comparison dl > div + div { border-left: 1px solid #cadbd5; }
.method-comparison dt { font-weight: 750; color: var(--green); margin-bottom: 8px; }
.method-comparison dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .method-comparison dl { grid-template-columns: minmax(0, 1fr); }
  .method-comparison dl > div + div { border-left: 0; border-top: 1px solid #cadbd5; }
}
.text-200 .method-comparison dl { grid-template-columns: minmax(0, 1fr); }
.text-200 .method-comparison dl > div + div { border-left: 0; border-top: 1px solid #cadbd5; }
html.viewer-open { overflow: hidden; }

/* v11.1: distinguish topic boundaries from paragraph spacing. */
.learning-section .topic + .topic { margin-block-start: 5.5rem; }
.learning-section + .learning-section { margin-block-start: 6.5rem; }
@media (max-width: 600px) {
  .learning-section .topic + .topic { margin-block-start: 4rem; }
  .learning-section + .learning-section { margin-block-start: 5rem; }
}

/* The section number is already part of each top-level mobile contents link. */
.mobile-toc > ol > li { list-style-type: ""; }

/* Keep detail controls reachable when browser zoom narrows the diagram dialog. */
@media (max-width: 250px) {
  #comic-dialog.diagram-dialog.zoomed .dialog-bar {
    padding-block: 6px;
  }

  #comic-dialog.diagram-dialog.zoomed .image-controls {
    gap: 6px;
    margin-block: 6px;
  }

  #comic-dialog.diagram-dialog.zoomed .image-controls .button,
  #comic-dialog.diagram-dialog.zoomed #ga104-image-position .button {
    padding: 2px 8px;
    line-height: 1.4;
  }
}

/* The sticky review bar already contributes to the page's scroll padding. */
@media (max-width: 600px) {
  :root.text-200:has(#review-context [data-return-question]) main [id] {
    scroll-margin-top: 0;
  }
}

@media (max-width: 250px) {
  :root:has(#review-context [data-return-question]) main [id] {
    scroll-margin-top: 0;
  }
}

@media(max-width:240px){#panel-transcript{padding-inline-end:.5em}}