:root{--ink:#222;--muted:#71777a;--green:#47b285;--paper:#fff;--page:#fafafa;--outer:32px;--section:48px;--between:40px;--inside:32px;--line:#e7e7e7;font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:148px}body{margin:0;background:var(--page);font-size:14px;line-height:2;letter-spacing:.025em}a{color:inherit;text-decoration:none}button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}a:hover{color:#278460}.skip-link{position:fixed;left:12px;top:-100px;background:white;padding:12px;z-index:99}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:20;background:#fff}.header-inner{max-width:1184px;margin:auto;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;gap:16px}.brand{display:flex;flex-direction:column;justify-content:center;min-height:44px}.brand-en{font-family:Arial,sans-serif;font-size:25px;line-height:1.1;letter-spacing:.18em;font-weight:400}.brand-ja{margin-top:6px;font-size:9px;line-height:1;letter-spacing:.27em;color:#555}.header-note{font-size:11px;letter-spacing:.12em;color:#6a6a6a}.header-action{background:var(--green);color:white;font-size:12px;font-weight:600;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;gap:14px}.header-action:hover{background:#328864;color:white}.main-nav{background:#222;color:#fff}.nav-inner{display:flex;max-width:1184px;padding:0 24px;margin:auto;justify-content:center}.nav-inner a{flex:1;text-align:center;max-width:280px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;letter-spacing:.1em}.nav-inner a.active{background:#7b858e;color:white}.nav-inner a:hover{background:#3d4245;color:white}.nav-mark{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4}.breadcrumb-band{background:#efefef;color:#818589}.breadcrumb{max-width:1184px;padding:0 24px;min-height:42px;display:flex;align-items:center;gap:14px;margin:auto;list-style:none;font-size:11px}.breadcrumb a{display:inline-flex;align-items:center;min-height:44px}.breadcrumb li:last-child{color:#41484d}.layout{max-width:1164px;padding:0 var(--outer);margin:32px auto 72px;display:grid;grid-template-columns:minmax(0,740px) 320px;column-gap:var(--between);align-items:start}.article{min-width:0;background:var(--paper);box-shadow:0 1px 8px #00000012}.article-header{padding:36px var(--inside) 32px}h1{font-size:24px;line-height:1.55;letter-spacing:.015em;margin:0 0 14px;font-weight:750;overflow-wrap:anywhere}.article-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:12px;line-height:1.8;color:#777f84}.article-meta .category{color:#555e63}.meta-separator{height:12px;border-left:1px solid #b9bfc2}.editorial-cover{position:relative;min-height:348px;overflow:hidden;background:linear-gradient(120deg,#79283f,#632034 60%,#3a1727);color:white;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:24px}.editorial-cover:before{content:'';position:absolute;width:440px;height:440px;border:1px solid #ffffff12;border-radius:50%;right:-170px;top:-110px;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff03;pointer-events:none}.cover-label{font-size:13px;letter-spacing:.12em;display:flex;align-items:center;gap:12px;z-index:1}.cover-label:before{content:'';height:1px;width:24px;background:#ffffffb3}.cover-lines{font-size:clamp(24px,2.6vw,34px);font-weight:750;line-height:1.65;letter-spacing:.04em;position:relative}.cover-lines span{display:table;padding:0 10px;background:#171416;margin:4px 0;max-width:100%;overflow-wrap:anywhere}.cover-byline{font-size:12px;letter-spacing:.12em;z-index:1}.article-body{padding:32px var(--inside) 44px}.article-body p{margin:0 0 18px;overflow-wrap:anywhere}.intro{margin-bottom:32px}.intro p:last-child{margin-bottom:0}.mobile-toc{display:none}.sections{display:flex;flex-direction:column;gap:var(--section)}.chapter{scroll-margin-top:148px}.chapter h2{font-size:21px;line-height:1.6;letter-spacing:.02em;font-weight:700;border-bottom:2px solid #363636;padding:0 0 12px;margin:0 0 24px;overflow-wrap:anywhere}.chapter h2 .chapter-number{font-size:18px;margin-right:5px}.chapter p:last-child{margin-bottom:0}.keynote{background:#f5f5f5;border-left:4px solid #adb6ba;padding:20px 24px;margin:24px 0;font-size:15px;line-height:2}.keynote p{margin:0}.learn-box{border:1px solid #e0e3e5;padding:24px 28px}.box-caption{font-size:15px;font-weight:650;line-height:1.7;margin-bottom:14px;display:flex;align-items:center;gap:8px}.box-caption svg{width:18px;height:18px;flex-shrink:0;color:#358c6d;fill:none;stroke:currentColor;stroke-width:2}.clean-list{padding:0;margin:0;list-style:none}.clean-list li{position:relative;padding-left:1.3em;line-height:2;margin:2px 0}.clean-list li:before{content:'・';position:absolute;left:0;top:0}.practice-list{margin:20px 0 24px;padding:0;list-style:none;counter-reset:step}.practice-list li{position:relative;padding:12px 0 12px 38px;border-bottom:1px solid var(--line);line-height:1.9}.practice-list li:before{position:absolute;left:0;color:#49665c;font-weight:600}.practice-list li:nth-child(1):before{content:'❶'}.practice-list li:nth-child(2):before{content:'❷'}.practice-list li:nth-child(3):before{content:'❸'}.practice-list li:nth-child(4):before{content:'❹'}.editor-note{color:#777;font-size:12px;margin-top:12px}.closing{background:#f4f7f5;padding:28px;margin:28px 0 0;text-align:center}.closing .small{font-size:11px;letter-spacing:.12em;color:#6b7c73;margin-bottom:10px}.closing p{font-size:17px;line-height:1.9;letter-spacing:.03em;margin:0}.article-end{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);color:#8b8f92;font-size:11px;display:flex;justify-content:space-between;gap:16px}.sidebar{position:sticky;top:144px;display:flex;flex-direction:column;gap:24px}.toc-card,.teacher-card{background:#fff;box-shadow:0 1px 8px #00000013;padding:24px}.toc-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none}.toc-card summary::-webkit-details-marker{display:none}.toc-title{font-weight:700;font-size:21px;line-height:1.5}.toggle-label{font-size:11px;font-weight:400;display:flex;gap:9px;align-items:center;color:#555;white-space:nowrap}.toggle-label:before{content:'表示'}.toc-card[open] .toggle-label:before{content:'非表示'}.toggle-icon{width:24px;height:24px;background:#222;border-radius:50%;position:relative}.toggle-icon:before,.toggle-icon:after{content:'';position:absolute;background:white;left:7px;top:11.5px;width:10px;height:1px;transition:transform .2s}.toggle-icon:after{transform:rotate(90deg)}.toc-card[open] .toggle-icon:after{transform:rotate(0deg)}.toc-list{list-style:none;margin:10px 0 0;padding:0}.toc-list li+li{border-top:1px solid var(--line)}.toc-list a{display:flex;align-items:flex-start;gap:6px;min-height:44px;padding:12px 0;font-size:12px;line-height:1.8;color:#777f83;transition:color .15s}.toc-list a:hover,.toc-list a[aria-current='location']{color:#278460}.toc-list .n{min-width:18px}.teacher-card{padding:28px 24px}.teacher-card .eyebrow{font-size:11px;letter-spacing:.11em;color:#777;margin:0 0 16px}.teacher-card h2{font-size:19px;line-height:1.6;margin:0 0 12px}.teacher-card p{font-size:12px;line-height:2;color:#686e72;margin:0}.teacher-card a{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}.teacher-initial{font-family:Georgia,serif;font-size:65px;line-height:1;color:#b9c9bf;margin:0 0 18px}.site-footer{border-top:1px solid #e1e1e1;background:white;text-align:center;padding:44px 24px 28px;color:#797f82}.footer-brand{font-family:Arial,sans-serif;font-size:17px;letter-spacing:.18em;color:#343434}.site-footer p{margin:10px 0 24px;font-size:11px}.site-footer small{font-size:10px;letter-spacing:.06em}.back-top{display:inline-flex;align-items:center;min-height:44px;justify-content:center;gap:10px;font-size:12px;margin-bottom:24px}.read-progress{height:2px;background:var(--green);position:absolute;bottom:0;left:0;width:0;pointer-events:none}
@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 270px;--between:28px}.brand-en{font-size:22px}.header-note{display:none}.toc-card,.teacher-card{padding:20px}}@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr);max-width:804px}.sidebar{display:none}.mobile-toc{display:block;margin:32px 0;background:#fafafa;box-shadow:none;border:1px solid #e7e7e7;padding:20px 24px}.mobile-toc .toc-title{font-size:17px}.mobile-toc .toc-list a{font-size:13px}.brand-en{font-size:21px}.header-action{font-size:11px;padding:0 14px}.editorial-cover{min-height:320px}.cover-lines{font-size:32px}}@media(max-width:640px){:root{--outer:0px;--section:32px;--between:0px;--inside:20px}html{scroll-padding-top:116px}.header-inner{height:64px;padding:0 20px}.brand-en{font-size:16px;letter-spacing:.12em}.brand-ja{font-size:8px;letter-spacing:.19em}.header-action{background:transparent;color:#54826b;padding:0;font-size:11px;gap:7px}.header-action:hover{background:transparent;color:#23593d}.nav-inner{padding:0 8px}.nav-inner a{min-height:46px;font-size:11px;gap:7px}.nav-mark{width:17px;height:17px}.breadcrumb{padding:0 20px;gap:10px;font-size:10px;min-height:40px}.layout{margin:0 auto 40px}.article{box-shadow:none}.article-header{padding:28px var(--inside) 24px}h1{font-size:22px;line-height:1.6;margin-bottom:14px}.article-meta{font-size:10px;gap:8px 12px}.editorial-cover{min-height:280px;padding:26px 20px;gap:20px}.cover-label{font-size:11px}.cover-lines{font-size:clamp(23px,6.6vw,31px);letter-spacing:.02em}.cover-lines span{padding:1px 7px}.cover-byline{font-size:10px}.article-body{padding:28px var(--inside) 32px}.chapter{scroll-margin-top:132px}.chapter h2{font-size:19px;line-height:1.7;margin-bottom:20px}.chapter h2 .chapter-number{font-size:17px}.article-body p{font-size:14px;line-height:2.1;margin-bottom:18px}.learn-box{padding:20px 18px}.box-caption{font-size:14px}.mobile-toc{margin:28px 0;padding:16px 18px}.keynote{padding:18px 20px;font-size:14px}.closing{padding:24px 18px}.closing p{font-size:16px}.site-footer{padding:32px 20px 24px}.article-end{margin-top:32px}.header-inner .arrow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.site-header,.breadcrumb-band,.sidebar,.mobile-toc,.site-footer{display:none}.layout{display:block;margin:0;padding:0}.article{box-shadow:none}.editorial-cover{min-height:200px;print-color-adjust:exact}.chapter{break-inside:avoid}}
@media(max-width:400px){.brand-en{font-size:14px}.header-action{width:55px;flex-shrink:0;font-size:10px;line-height:1.5;text-align:center;justify-content:center}}
@media(max-width:640px){.layout{--between:0px}}