.lesson-visual-intro,.procedure-visual{--visual-ink:#142c4e;--visual-brand:#8b2840;--visual-line:#ccd6e0;color:var(--visual-ink)}.lesson-visual-intro{background:#f0f3f7;border:1px solid #dce3eb;border-radius:18px;grid-template-columns:100px 1fr;align-items:center;gap:24px;margin:24px 0 36px;padding:20px 24px;display:grid}.procedure-context-art{aspect-ratio:3/4;mix-blend-mode:multiply;align-self:center;width:100px;overflow:hidden}.procedure-context-art img{width:200%;max-width:none;height:auto;display:block}.visual-kicker{letter-spacing:.08em;color:#8b2840;margin:0 0 8px;font-size:12px;font-weight:700;display:block}.lesson-visual-intro h2{letter-spacing:.01em;margin:0 0 10px;font-size:25px;line-height:1.5}.lesson-visual-intro p:not(.visual-kicker){margin:0 0 16px;font-size:15px;line-height:1.8}.procedure-route{flex-wrap:wrap;gap:12px 20px;margin:0;padding:0;font-size:13px;font-weight:700;list-style:none;display:flex}.procedure-route li{align-items:center;gap:6px;display:flex}.procedure-route li>span{color:#8b2840;background:#fff;border:1px solid #ccd6e0;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.procedure-visual{border:1px solid var(--visual-line);background:#fff;border-radius:16px;margin:20px 0 26px;overflow:hidden}.procedure-decisions{background:#f0f3f7;grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.procedure-decisions>div{background:#fff;border-top:4px solid #287b65;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.procedure-decisions>div+div{border-color:#8b2840}.procedure-decisions .visual-kicker{margin:0;font-size:12px}.procedure-decisions strong{font-size:23px;font-weight:800;line-height:1.45}.procedure-decisions span:not(.visual-kicker){font-size:14px;line-height:1.6}.procedure-decisions b{margin-top:2px;font-size:17px}.procedure-comparison{border-collapse:collapse;table-layout:fixed;width:100%;font-size:17px;line-height:1.6}.procedure-comparison caption{text-align:left;padding:18px 20px 12px;font-size:14px;font-weight:700}.procedure-comparison .comparison-row-label{width:28%}.procedure-comparison th,.procedure-comparison td{text-align:center;vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #dce3eb;padding:16px 12px}.procedure-comparison thead th{color:#fff;background:#142c4e;font-size:18px}.procedure-comparison thead th:first-child{font-size:13px}.procedure-comparison thead small{opacity:.85;font-size:13px;font-weight:400;display:block}.procedure-comparison tbody th{text-align:left;background:#f5f7fa;padding-left:20px;font-size:16px}.procedure-comparison td+td{border-left:1px solid #dce3eb}.duty{white-space:nowrap;border-radius:6px;padding:5px 12px;font-size:18px;font-weight:800;display:inline-block}.duty-required{color:#17563f;background:#edf6f1;border:1px solid #b4d6c4}.duty-effort{color:#755014;background:#fff3df;border:1px solid #e5cfa7}.comparison-note-link{color:#8b2840;margin-top:5px;font-size:13px;font-weight:600;display:block}.procedure-visual .comparison-exception,.procedure-visual .comparison-common{margin:0;padding:16px 20px;font-size:14px;line-height:1.8}.procedure-visual .comparison-exception{background:#fff3df;border-left:4px solid #ed9c27}.procedure-visual .comparison-exception b{color:#755014;margin-bottom:3px;display:block}.procedure-visual .comparison-common{background:#f5f7fa;border-bottom:1px solid #dce3eb}.visual-question-links{background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 20px;display:flex}.visual-question-links>span{color:#52627a;width:100%;font-size:12px}.visual-question-links>a,.visual-question-links>button{color:#142c4e;background:#fff;border:1px solid #ccd6e0;border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:9px 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.visual-question-links>a:hover,.visual-question-links>button:hover{background:#edf6f1;border-color:#287b65}.period-visual>.visual-kicker,.hearing-visual>.visual-kicker{padding:18px 20px 0}.period-steps{grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px;padding:14px 20px 20px;display:grid}.period-steps>div{text-align:center;background:#f0f3f7;border-radius:10px;padding:20px 14px}.step-label{letter-spacing:.05em;color:#52627a;font-size:11px;font-weight:700}.period-steps h3{margin:8px 0 12px;font-size:20px}.step-arrow{text-align:center;color:#8b2840;font-size:24px}.period-example{background:#edf6f1;border-top:1px solid #b4d6c4;align-items:center;gap:20px;padding:18px 20px;display:flex}.calendar-number{background:#fff;border:1px solid #b4d6c4;border-top:9px solid #287b65;border-radius:6px;flex-shrink:0;padding:0 10px 2px;font-size:40px;font-weight:800;line-height:1.5;display:block}.calendar-number small{margin-left:3px;font-size:14px}.period-example p{margin:0;font-size:15px;line-height:1.8}.hearing-branches{grid-template-columns:1fr 1fr;gap:16px;padding:14px 20px 24px;display:grid}.hearing-branches>div{text-align:center;background:#f0f3f7;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 12px;display:flex}.hearing-branches>div>span:first-child{font-size:15px;line-height:1.8}.branch-arrow{color:#8b2840;margin:8px 0;font-size:25px;display:block}.hearing-branches strong{font-size:21px;font-weight:800}.hearing-secondary>span{display:inline-block}.hearing-branches strong small{color:#52627a;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.infographic-drawer{background:#fff;border:1px solid #ccd6e0;border-radius:12px;margin:30px 0}.infographic-drawer>summary{color:#142c4e;cursor:pointer;min-height:56px;padding:18px 20px;font-size:15px;font-weight:700}.infographic-drawer .page-infographic{border:0;border-top:1px solid #ccd6e0;border-radius:0 0 12px 12px;margin:0}@media (width<=640px){.lesson-visual-intro{grid-template-columns:76px 1fr;gap:12px;margin:20px 0 28px;padding:18px 14px}.procedure-context-art{width:76px}.lesson-visual-intro h2{font-size:20px;line-height:1.55}.lesson-visual-intro p:not(.visual-kicker){font-size:14px}.lesson-visual-intro .visual-kicker{font-size:11px}.procedure-route,.desktop-only{display:none}.procedure-decisions{gap:10px;padding:12px}.procedure-decisions>div{gap:7px;padding:12px 9px}.procedure-decisions strong{font-size:18px}.procedure-decisions .visual-kicker{font-size:11px}.procedure-decisions span:not(.visual-kicker){font-size:13px}.procedure-decisions b{font-size:16px}.procedure-comparison caption{padding:15px 12px 10px;font-size:13px}.procedure-comparison .comparison-row-label{width:25%}.procedure-comparison th,.procedure-comparison td{padding:13px 6px}.procedure-comparison tbody th{padding-left:10px;font-size:14px}.procedure-comparison thead th{font-size:16px}.procedure-comparison thead th:first-child{font-size:11px}.procedure-comparison thead small{font-size:12px}.duty{padding:4px 6px;font-size:16px}.comparison-note-link{font-size:12px}.procedure-visual .comparison-exception,.procedure-visual .comparison-common{padding:14px 13px;font-size:14px}.visual-question-links{gap:8px;padding:14px 12px}.visual-question-links>a,.visual-question-links>button{width:100%;font-size:14px}.period-visual>.visual-kicker,.hearing-visual>.visual-kicker{padding:16px 13px 0}.period-steps{grid-template-columns:1fr 18px 1fr;gap:5px;padding:12px}.period-steps>div{padding:16px 5px}.period-steps h3{font-size:17px}.step-label{letter-spacing:0;font-size:10px}.step-arrow{font-size:20px}.period-example{align-items:flex-start;gap:12px;padding:14px 12px}.period-example p{font-size:14px}.calendar-number{padding:0 6px;font-size:31px}.hearing-branches{gap:10px;padding:12px}.hearing-branches>div{padding:14px 8px}.hearing-branches>div>span:first-child{font-size:14px}.hearing-branches strong{font-size:18px}}.article-thumbnail{background:#faf7f2;min-width:0;margin:0;overflow:hidden}.article-thumbnail img{object-fit:contain;width:100%;height:auto;display:block}.article-presentation .article-thumbnail--hero{border:1px solid #e3dfd6;margin:25px 0 24px}.article-thumbnail--card{aspect-ratio:16/9;border:1px solid #e6e0d5}.article-thumbnail--card img{height:100%}.first-reading-main>.article-thumbnail--card{max-width:340px;margin:0 0 22px}.next-card>.article-thumbnail--card{max-width:320px;margin:25px 28px 0}.lesson-card.lesson-card-with-thumbnail{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:24px;display:grid}.lesson-card-copy{min-width:0}.lesson-card .lesson-card-copy>p{color:#676159;max-width:64em;margin:0 0 13px;font-size:15px;line-height:1.95}.article-presentation .article-header h1,.article-presentation .textbook-header h1{font-family:Noto Sans JP,system-ui,sans-serif;font-weight:800}.article-presentation .article-header .lead{font-size:17px;line-height:2}.article-presentation .article-takeaways{background:#fff;border:1px solid #234cb2;border-radius:2px;margin:28px 0;padding:27px 30px}.article-presentation .article-takeaways h2{color:#fff;background:#234cb2;margin:-27px -30px 21px;padding:14px 24px;font-family:Noto Sans JP,system-ui,sans-serif;font-size:19px;font-weight:700;line-height:1.7}.article-presentation .article-takeaways h2>span{color:#fff;margin-right:7px}.article-presentation .article-takeaways p{color:#333;margin:0 0 16px;font-size:16px;line-height:2}.article-presentation .article-takeaways ul{margin:0;padding:0;list-style:none}.article-presentation .article-takeaways li{color:#333;margin:9px 0;padding-left:26px;font-size:16px;line-height:1.95;position:relative}.article-presentation .article-takeaways li:before{content:"✓";color:#386a45;font-weight:700;position:absolute;left:0}.article-presentation .article-overview{background:0 0;border:0;border-bottom:1px solid #d9d5cb;margin:34px 0 32px;padding:0 0 25px}.article-presentation .article-overview-heading{margin-bottom:20px}.article-presentation .article-overview-heading .eyebrow{margin-bottom:7px}.article-presentation .article-overview h2{margin:0 0 9px;font-family:Noto Sans JP,system-ui,sans-serif;font-size:21px;font-weight:700;line-height:1.8}.article-presentation .article-overview-heading>p:last-child{color:#64605a;margin:0;font-size:14px;line-height:1.9}.article-presentation .article-overview figure{background:#fff;border:1px solid #e5e0d6;max-width:760px;margin:0 auto 18px}.article-presentation .article-overview figure a{display:block}.article-presentation .article-overview figure img{object-fit:contain;width:100%;height:auto;max-height:none;display:block}.article-presentation .article-overview figcaption{color:#5c574e;border-top:1px solid #e5e0d6;justify-content:space-between;gap:12px;padding:13px 15px;font-size:12px;line-height:1.8;display:flex}.article-presentation .article-overview figcaption span{white-space:nowrap;color:#7e3b11}.article-presentation .article-overview-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.article-presentation .article-overview-actions .button{min-height:44px;font-size:13px}.article-presentation .input-section{border-top:1px solid #d9d5cb;padding-block:34px 38px}.article-presentation .input-section>.section-number{color:#8b471d;letter-spacing:.08em;font-size:12px}.article-presentation .input-section>h2{letter-spacing:0;border-bottom:2px solid #d8d2c6;margin:10px 0 23px;padding:0 0 15px;font-family:Noto Sans JP,system-ui,sans-serif;font-size:25px;font-weight:700;line-height:1.75}.article-presentation .article-section-illustration{justify-content:center;align-items:center;width:min(100%,420px);height:180px;margin:20px auto 29px;display:flex}.article-presentation .article-section-illustration img{object-fit:contain;width:100%;height:100%;display:block}.article-presentation .body-copy p{color:#333;margin:0 0 19px;font-size:16px;line-height:2.15}.article-presentation .example-box{background:#eefaf0;border:1px solid #d4e0d6;border-left:3px solid #6a8a65;border-radius:2px;margin:25px 24px 27px 0;padding:23px 26px;position:relative}.article-presentation .example-box:after{content:"";background:#eefaf0;border-bottom:1px solid #d4e0d6;border-right:1px solid #d4e0d6;width:14px;height:14px;position:absolute;bottom:-8px;left:24px;transform:rotate(45deg)}.article-presentation .example-box>b{color:#304c36;background:linear-gradient(#0000 62%,#fff34d 62%);font-size:14px;line-height:1.8;display:inline}.article-presentation .example-box p{color:#333;margin:11px 0 0;font-size:16px;line-height:2}.article-presentation .pitfall{background:#fff3e7;border:1px solid #ebd8c4;border-left:3px solid #b44800;border-radius:2px;gap:13px;margin:25px 0 10px 24px;padding:21px 24px;display:flex;position:relative}.article-presentation .pitfall:after{content:"";background:#fff3e7;border-bottom:1px solid #ebd8c4;border-right:1px solid #ebd8c4;width:14px;height:14px;position:absolute;bottom:-8px;right:24px;transform:rotate(45deg)}.article-presentation .pitfall>span{color:#8c3c0d;text-align:center;background:0 0;border:1px solid #ac6739;border-radius:50%;flex:0 0 22px;width:22px;height:22px;margin-top:3px;font-size:14px;font-weight:700;line-height:20px}.article-presentation .pitfall b{color:#6a371b;background:linear-gradient(#0000 62%,#fff34d 62%);font-size:14px;line-height:1.8}.article-presentation .pitfall p{color:#333;margin:9px 0 0;font-size:16px;line-height:2}.article-presentation .body-copy blockquote{color:#333;background:#eefaf0;border:1px solid #d4e0d6;margin:22px 0;padding:23px 26px}.article-presentation .key-points{color:#202020;background:#fff;border:2px solid #d0202a;border-radius:2px;margin:43px 0 34px;padding:28px}.article-presentation .key-points>.eyebrow{color:#fff;letter-spacing:0;background:#202020;margin:-44px 0 21px;padding:8px 16px;font-family:Noto Sans JP,system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1.7;display:table}.article-presentation .key-points h2{margin:0 0 19px;font-family:Noto Sans JP,system-ui,sans-serif;font-size:22px;font-weight:700;line-height:1.8}.article-presentation .key-points ul{margin:0;padding:0;list-style:none}.article-presentation .key-points li{color:#202020;margin:13px 0;padding-left:26px;font-size:16px;line-height:2;position:relative}.article-presentation .key-points li:before{content:"✓";color:#d0202a;font-weight:700;position:absolute;top:0;left:0}.article-presentation .sources{background:#eefaf0;border:1px solid #d4e0d6;border-top:3px solid #6d8567;border-radius:2px;padding:27px 28px}.article-presentation .sources h2{margin:8px 0 14px;font-size:21px;line-height:1.8}.article-presentation .sources p,.article-presentation .sources li{font-size:15px;line-height:2}.article-presentation .sources li>span{color:#5b6557;font-size:13px;line-height:1.9;display:block}.article-presentation .sources a{text-underline-offset:3px;text-decoration:underline}@media (width<=720px){.article-presentation .article-thumbnail--hero{margin:20px 0}.article-presentation .article-header .lead{font-size:16px;line-height:2}.article-presentation .article-takeaways{margin:24px 0;padding:22px 20px}.article-presentation .article-takeaways h2{margin:-22px -20px 19px;padding:13px 19px;font-size:17px}.article-presentation .article-takeaways p,.article-presentation .article-takeaways li{font-size:15px;line-height:2}.article-presentation .article-overview{margin:28px 0}.article-presentation .article-overview h2{font-size:20px}.article-presentation .article-overview figcaption{font-size:12px;display:block}.article-presentation .article-overview figcaption span{margin-top:4px;display:block}.article-presentation .input-section{padding-block:29px 32px}.article-presentation .input-section>h2{margin-bottom:20px;font-size:22px;line-height:1.8}.article-presentation .article-section-illustration{height:160px;margin:17px auto 25px}.article-presentation .example-box{padding:20px 19px}.article-presentation .pitfall{gap:11px;padding:19px 17px}.article-presentation .body-copy blockquote{padding:20px 19px}.article-presentation .key-points{padding:25px 20px}.article-presentation .key-points>.eyebrow{margin-top:-41px}.article-presentation .key-points h2{font-size:20px}.article-presentation .sources{padding:23px 20px}.first-reading-main>.article-thumbnail--card{max-width:none;margin-bottom:20px}.next-card>.article-thumbnail--card{max-width:calc(100% - 44px);margin:22px 22px 0}.lesson-card.lesson-card-with-thumbnail{grid-template-columns:1fr;gap:18px}.lesson-card-with-thumbnail>.article-thumbnail--card{width:100%;max-width:420px}}.textbook-index,.textbook-article{max-width:880px;margin:0 auto;padding:0;line-height:1.95}.textbook-index h1,.textbook-article h1{font-family:var(--font-display,serif);letter-spacing:.015em;overflow-wrap:anywhere;font-size:clamp(27px,4vw,40px);line-height:1.55}.textbook-index h2,.textbook-article h2{text-wrap:balance;margin:0 0 20px;font-size:24px;line-height:1.7}.textbook-index h3,.textbook-article h3{margin:0 0 12px;font-size:19px;line-height:1.7}.textbook-article p,.textbook-index p{margin:0 0 20px}.textbook-breadcrumb{color:#555;flex-wrap:wrap;gap:4px 9px;margin-bottom:25px;font-size:13px;line-height:1.8;display:flex}.textbook-breadcrumb span:last-child{overflow-wrap:anywhere}.textbook-kicker{color:#a33f00;font-size:14px;font-weight:700;margin-bottom:10px!important}.textbook-summary{font-size:18px;line-height:1.9}.textbook-meta,.textbook-status{color:#555;font-size:14px;line-height:1.8}.textbook-meta a{margin-right:1em}.textbook-status{margin-top:8px!important}.textbook-objectives,.textbook-contents{background:#f5f3ee;margin:30px 0;padding:26px}.textbook-objectives h2,.textbook-contents h2{margin-bottom:12px;font-size:19px}.textbook-objectives ul,.textbook-contents ol{margin:0;padding-left:1.5em}.textbook-contents li{margin:8px 0}.lesson-section{margin:58px 0;scroll-margin-top:116px}.lesson-section>h2{padding:0}.lesson-section-body{white-space:pre-line;line-height:2.1}.article-thumbnail,.lesson-figure{margin:24px 0}.article-thumbnail img,.lesson-figure img{width:100%;height:auto;display:block}.lesson-figure figcaption{color:#555;margin:12px 0 24px;font-size:14px;line-height:1.8}.lesson-figure figcaption a{margin-right:24px;display:inline-block}.textbook-overview{margin:40px 0}.textbook-overview h2{font-size:20px}.textbook-example,.textbook-pitfall{background:#fff6eb;border-left:3px solid #b44800;margin:26px 0;padding:22px 24px}.textbook-pitfall{background:#f6f6f4;border-color:#555}.textbook-example h3,.textbook-pitfall h3{font-size:16px}.textbook-example p:last-child,.textbook-pitfall p:last-child{margin:0}.textbook-questions{counter-reset:question;padding:0;list-style:none}.textbook-questions>li{border:1px solid #d5d3cc;margin:30px 0;padding:24px;scroll-margin-top:116px}.textbook-prompt{font-weight:700}.textbook-answer{border-top:1px solid #d5d3cc;margin-top:20px;padding-top:20px}.textbook-answer>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.textbook-answer>summary:focus-visible{outline-offset:4px;outline:3px solid #175cab}.textbook-answer h4{margin:0 0 12px;font-size:17px}.textbook-answer a,.textbook-question-return{font-size:14px}.textbook-sources{padding-left:22px}.textbook-sources li{margin:20px 0;scroll-margin-top:116px}.textbook-sources span{color:#555;font-size:14px;display:block}.textbook-editorial{background:#f4f3f0;padding:20px;font-size:14px;line-height:1.9}.textbook-list{margin:24px 0 45px;padding-left:24px}.textbook-list>li{border-bottom:1px solid #ddd;padding:22px 0}.textbook-list p{margin:10px 0}.textbook-list h2,.textbook-list h3{margin:0;font-size:21px;line-height:1.65}.textbook-related li{margin:12px 0}@media (width<=640px){.textbook-index,.textbook-article{font-size:16px}.textbook-article h1,.textbook-index h1{font-size:27px}.textbook-summary{font-size:16px}.lesson-section h2,.textbook-index h2{font-size:21px}.lesson-section{margin:42px 0}.textbook-objectives,.textbook-contents,.textbook-example,.textbook-pitfall,.textbook-questions>li{padding:20px}.textbook-article .article-overview figure{border:0;max-width:none;margin-left:-20px;margin-right:-20px}}@media (width<=720px){html{scrollbar-width:none}html::-webkit-scrollbar{display:none}}.textbook-contents ol{padding-left:0;list-style:none}.textbook-contents a{min-height:44px;padding:6px 0;display:block}.textbook-contents a:focus-visible{outline-offset:3px;outline:3px solid #b44800}