:root{--ink:#163e3b;--mint:#c6e9da;--muted:#617571;--line:#dce5e1;--paper:#fbfcfb}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:5px;outline:3px solid #278668}.header{border-bottom:1px solid var(--line);background:#fff}.header-inner{align-items:center;gap:34px;max-width:1200px;margin:auto;padding:23px 32px;display:flex}.brand{letter-spacing:-1.5px;font-size:29px;font-weight:900;line-height:1}.brand span{letter-spacing:2px;border-left:1px solid #b5c9c2;margin-left:10px;padding-left:11px;font-size:12px}.header-note{letter-spacing:2px;color:var(--muted);font-size:11px}.series{color:var(--muted);margin-left:auto;font-size:12px}main{max-width:1136px;margin:auto;padding:40px 24px 0}.book-label{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.label-line{background:#4e9d81;width:4px;height:17px}.reader-label{letter-spacing:.04em;color:var(--muted);margin-left:7px;font-size:11px;font-weight:400}.lesson-nav{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(4,1fr);margin:28px 0 46px;display:grid;overflow:hidden}.lesson-nav a{align-items:center;gap:10px;padding:19px 15px;font-size:13px;transition:background .15s;display:flex;position:relative}.lesson-nav a+a{border-left:1px solid var(--line)}.lesson-nav a:hover{background:#edf6f1}.lesson-nav [aria-current=page]{background:var(--ink);color:#fff}.lesson-nav [aria-current=page]:hover{background:#214f49}.nav-number{opacity:.6;font-family:monospace;font-size:11px}.current-dot{background:#bcebd5;border-radius:50%;width:5px;height:5px;margin-left:auto}.lesson-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:32px;display:grid}.eyebrow{letter-spacing:1.6px;align-items:center;gap:10px;margin:0 0 18px;font-size:11px;font-weight:600;display:flex}.eyebrow span{background:#8aa29a;width:16px;height:1px;display:inline-block}h1{letter-spacing:.04em;margin:0;font-size:clamp(30px,3.5vw,44px);font-weight:700;line-height:1.55}h1 span{display:block}.intro-copy{padding-bottom:5px}.intro-copy p{color:#435f58;margin:0 0 17px;font-size:15px;line-height:1.95}.page-reference{letter-spacing:.08em;color:var(--muted);font-size:11px}.video-frame{aspect-ratio:16/9;background:#112d2b;border-radius:10px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-pending{text-align:center;color:#d2e8de;background:linear-gradient(125deg,#163d37,#102b29);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.pending-symbol{border:1px solid #577c6f;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:12px;padding-left:3px;font-size:27px;line-height:1;display:grid}.video-pending p{margin:12px 0 8px;font-size:20px}.video-pending>span:not(.pending-symbol){color:#a9c7bb;font-size:13px}.video-pending small{color:#97b4a9;margin-top:16px;font-size:12px;line-height:1.8}.video-caption{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 2px;font-size:12px;display:flex}.video-caption>span{align-items:center;gap:9px;display:flex}.video-caption>span+span{color:var(--muted);font-size:11px}.caption-mark{background:#439777;width:3px;height:13px}.review{grid-template-columns:1fr 2fr;gap:48px;padding:52px 0 36px;display:grid}.review-heading .eyebrow{color:#56806f;margin-bottom:10px}.review h2{letter-spacing:.03em;margin:0 0 12px;font-size:24px}.review-heading>p:last-child{color:var(--muted);font-size:13px;line-height:1.7}.steps{margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);gap:22px;padding:22px 0;display:flex}.steps li:first-child{padding-top:0}.step-number{color:#4c8972;font-variant-numeric:tabular-nums;min-width:30px;padding-top:4px;font-size:12px}.steps h3{margin:0 0 7px;font-size:16px;font-weight:600}.steps p{color:#546a62;margin:0;font-size:14px;line-height:1.9}.bottom-grid{grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 34px;display:grid}.note,.practice{border-radius:8px;padding:26px 28px}.note{background:#edf3ef}.practice{background:#dff0e6}.small-label{letter-spacing:.05em;font-size:12px;font-weight:700}.bottom-grid p{margin:12px 0 0;font-size:14px;line-height:1.95}.lesson-footer{justify-content:space-between;align-items:center;gap:32px;padding-bottom:42px;display:flex}.lesson-footer p{max-width:400px;color:var(--muted);font-size:11px;line-height:1.9}.lesson-footer a{border-bottom:1px solid #8ba79b;align-items:center;gap:14px;padding:12px 0;font-size:14px;display:flex}.lesson-footer a span:first-child{color:var(--muted);font-size:10px}.footer{border-top:1px solid var(--line);max-width:1088px;color:var(--muted);gap:22px;margin:0 auto;padding:25px 0 35px;font-size:10px;display:flex}.footer-brand{letter-spacing:1px;color:var(--ink);font-weight:800}.footer>span:last-child{margin-left:auto}@media (width>=1400px){main{padding-top:46px}}@media (width<=760px){.header-inner{padding:20px 22px}.header-note{display:none}.series{font-size:10px}.brand{font-size:25px}main{padding:27px 18px 0}.book-label{gap:8px;font-size:12px}.reader-label{margin-left:0;font-size:10px}.lesson-nav{grid-template-columns:1fr 1fr;margin:22px 0 30px}.lesson-nav a{gap:8px;padding:15px 10px;font-size:11px}.lesson-nav a:nth-child(3){border-left:0}.lesson-nav a:nth-child(n+3){border-top:1px solid var(--line)}.lesson-intro{grid-template-columns:1fr;gap:18px;margin-bottom:23px}h1{font-size:31px;line-height:1.5}.eyebrow{margin-bottom:12px;font-size:10px}.intro-copy p{margin-bottom:10px;font-size:14px}.video-frame{border-radius:7px}.video-pending{padding:12px}.pending-symbol{width:36px;height:36px;margin-bottom:3px;font-size:19px}.video-pending p{margin:7px 0;font-size:14px}.video-pending small{margin-top:7px;font-size:10px}.video-pending>span:not(.pending-symbol){font-size:11px}.video-caption{align-items:flex-start;padding:13px 0;font-size:10px}.video-caption>span+span{white-space:nowrap;font-size:9px}.review{grid-template-columns:1fr;gap:24px;padding:32px 0 26px}.review-heading h2{font-size:22px}.review-heading>p:last-child{margin-bottom:0}.steps li{gap:15px;padding:20px 0}.steps h3{font-size:15px}.steps p{font-size:13px}.bottom-grid{grid-template-columns:1fr;gap:12px}.note,.practice{padding:22px}.bottom-grid p{font-size:13px}.lesson-footer{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:30px}.lesson-footer a{justify-content:space-between;font-size:13px}.footer{flex-wrap:wrap;gap:12px;margin:0 18px;font-size:9px}.footer>span:last-child{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}