:root{--bg: #f6f8f7;--surface: #ffffff;--surface-soft: #eef4f1;--ink: #1f2a2e;--muted: #657176;--line: #d9e1de;--brand: #176b5b;--brand-dark: #0f4f43;--accent: #b86f18;--accent-soft: #fff2dd;--signal: #b74437;--signal-dark: #842e28;--danger-soft: #f8e7e3;--max: 1180px;--radius: 8px;color-scheme:light}*{box-sizing:border-box}html{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.75;max-width:100%;overflow-x:hidden}body.article-page{background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}main{min-height:72vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:10;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.site-header__inner,.site-footer__inner{width:min(var(--max),calc(100% - 32px));margin:0 auto}.site-header__inner{display:grid;grid-template-columns:auto 1fr minmax(220px,300px);align-items:center;gap:24px;min-height:72px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0}.brand__mark{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #cfdad6;border-radius:8px;background:#fff}.brand__text{white-space:nowrap}.brand__mark svg{width:30px;height:30px}.brand__book--left{fill:var(--brand)}.brand__book--right{fill:#eef4f1;stroke:var(--brand);stroke-width:2}.brand__spine{stroke:#fff;stroke-linecap:round;stroke-width:2}.brand__coin{fill:var(--signal)}.site-nav{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.site-nav a{padding:8px 10px;border-radius:6px;color:var(--muted);font-size:.94rem;font-weight:700}.site-nav a:hover{background:var(--surface-soft);color:var(--brand-dark)}.site-search input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:#fff;color:var(--ink);font:inherit}.site-search{min-width:0}.home-hero,.page-header,.section-block,.article-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:34px;align-items:center;padding:40px 0 24px}.home-hero__copy h1,.page-header h1,.article-hero h1{margin:0;letter-spacing:0;line-height:1.18}.home-hero__copy h1{font-size:clamp(2.2rem,1.6rem + 2.1vw,3.6rem)}.lead{max-width:720px;margin:18px 0 0;color:#435057;font-size:1.12rem}.eyebrow{margin:0 0 10px;color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;padding:10px 16px;font-weight:800}.button--primary{background:var(--brand);color:#fff}.button--secondary{border-color:var(--line);background:#fff;color:var(--brand-dark)}.home-hero__media,.article-hero__media{margin:0}.home-hero__media img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--line);border-radius:8px}.article-hero__media img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--line);border-radius:8px}.ad-slot{display:grid;place-items:center;border:1px dashed #b9c7c2;background:repeating-linear-gradient(135deg,#f9fbfa,#f9fbfa 8px,#eef4f1 8px 16px);color:#60716b;font-size:.82rem;font-weight:800}.ad-slot--wide{width:min(var(--max),calc(100% - 32px));min-height:88px;margin:20px auto 48px}.ad-slot--sidebar{min-height:260px;margin:0}.ad-slot--inline{min-height:120px;margin:24px 0}.section-block{padding:28px 0 40px}.section-block--toc{padding-bottom:72px}.section-head{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:20px}.section-head--large{max-width:820px;margin-bottom:26px}.section-head h2,.chapter-index h2,.related-links h2,.toc h2,.side-box h2{margin:0;line-height:1.35;letter-spacing:0}.section-head h2{font-size:1.75rem}.section-head p,.chapter-index__head p,.site-footer p,.side-box p,.notice-box p{margin:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card{display:grid;gap:8px;min-height:160px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px}.article-card--link:hover{border-color:#8eb9ad;box-shadow:0 10px 28px #1f2a2e14;transform:translateY(-1px)}.article-card--soon{background:#fbfcfc;color:#566469}.article-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;font-weight:800}.article-card h3{margin:0;line-height:1.4;letter-spacing:0;font-size:1.1rem}.article-card p{margin:0;color:var(--muted);font-size:.94rem}.status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:800}.status--公開{background:#e8f4ec;color:#16633e}.status--育成中{background:var(--accent-soft);color:#81500e}.status--準備中{background:#e9edf0;color:#617079}.chapter-index{border-top:1px solid var(--line);padding:22px 0}.chapter-index__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;margin-bottom:10px}.chapter-index__head h2{display:inline-flex;align-items:center;gap:10px;font-size:1.35rem}.chapter-index__head h2:before{content:"";display:inline-block;width:8px;height:1.4em;border-radius:2px;background:var(--signal)}.chapter-list{display:grid;gap:0;padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.chapter-list__item{border-bottom:1px solid var(--line)}.chapter-list__link{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:18px;align-items:start;padding:13px 10px}.chapter-list__item:not(.chapter-list__item--soon) .chapter-list__link:hover{background:#fff;color:var(--brand-dark)}.chapter-list__title{color:var(--ink);font-weight:800;line-height:1.45}.chapter-list__description{color:var(--muted);font-size:.92rem;line-height:1.65}.chapter-list__item--soon .chapter-list__title{color:#6d797e}.chapter-list__item--soon .chapter-list__title:after{content:"準備中";display:inline-flex;align-items:center;min-height:22px;margin-left:8px;border-radius:999px;background:#e9edf0;color:#617079;padding:1px 8px;font-size:.72rem;font-weight:800}.home-index-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:34px;align-items:start}.home-index-layout__main{border-top:2px solid var(--ink)}.start-panel{position:sticky;top:96px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px}.start-panel h2{margin:0 0 8px;line-height:1.35;letter-spacing:0;font-size:1.25rem}.start-panel p{margin:0;color:var(--muted);font-size:.92rem}.start-list{display:grid;gap:0;margin:16px 0 0;padding:0;list-style:none;counter-reset:start-list}.start-list li{counter-increment:start-list;border-top:1px solid var(--line)}.start-list__link{display:grid;gap:2px;padding:12px 0 12px 34px;position:relative}.start-list__link:before{content:counter(start-list);position:absolute;top:13px;left:0;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--brand-dark);font-size:.76rem;font-weight:800}.start-list__link span{color:var(--muted);font-size:.75rem;font-weight:800}.start-list__link strong{color:var(--ink);font-size:.94rem;line-height:1.45}.start-list__link:not(.start-list__link--soon):hover strong{color:var(--brand)}.start-list__link--soon{color:#6d797e}.text-link{color:var(--brand);font-weight:800}.page-header{padding:48px 0 20px}.page-header h1{font-size:clamp(2rem,1.5rem + 1.8vw,3.3rem)}.notice-box{border-left:4px solid var(--accent);background:var(--accent-soft);padding:16px 18px;margin-bottom:18px}.article-shell{padding:26px 0 72px}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.84rem}.breadcrumb a{color:var(--brand);font-weight:800}.article-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:24px;align-items:center;border-bottom:2px solid var(--line);padding:24px 0 26px;margin-bottom:30px}.article-hero h1{font-size:clamp(1.8rem,1.3rem + 1.4vw,2.65rem);line-height:1.28;overflow-wrap:anywhere}.article-hero .lead{max-width:760px;margin-top:14px;font-size:1rem}.article-hero__media{width:min(100%,260px);max-width:260px;justify-self:end}.article-hero__media img{aspect-ratio:16 / 9}.updated{margin:16px 0 0;color:var(--muted);font-size:.9rem}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,270px);align-items:start;gap:48px}.article-hero__copy,.article-content,.article-sidebar{min-width:0}.article-content{max-width:760px;padding:0 0 8px}.article-content h2{border-top:1px solid var(--line);display:grid;grid-template-columns:8px minmax(0,1fr);gap:12px;align-items:start;margin:38px 0 16px;padding-top:26px;line-height:1.35;letter-spacing:0;font-size:1.55rem}.article-content h2:before{content:"";display:block;width:8px;height:1.35em;margin-top:.14em;border-radius:2px;background:var(--signal)}.article-content h2:first-child{border-top:0;margin-top:0;padding-top:0}.article-content h3{display:grid;grid-template-columns:7px minmax(0,1fr);gap:10px;align-items:start;margin:28px 0 12px;line-height:1.42;letter-spacing:0;font-size:1.22rem}.article-content h3:before{content:"";display:block;width:7px;height:1.25em;margin-top:.2em;border-radius:2px;background:var(--brand)}.article-content p,.article-content li{color:#344247}.article-content a{color:var(--brand);font-weight:800;text-decoration:underline;text-underline-offset:3px}.article-content blockquote{border-left:4px solid var(--signal);margin:20px 0;padding:12px 16px;background:#fff7f5}.article-content blockquote p{margin:.2em 0}.article-note{border:1px solid #f0c7bd;border-left:6px solid var(--signal);border-radius:8px;background:#fff8f6;padding:16px 18px;margin:22px 0}.article-note strong{display:block;margin-bottom:6px;color:var(--signal-dark)}.article-note p{margin:0}.article-content pre{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#182328;color:#f5fbf8;padding:18px}.article-content code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.article-content table{width:100%;border-collapse:collapse}.article-content th,.article-content td{border:1px solid var(--line);padding:8px;text-align:left}.article-sidebar{position:sticky;top:94px;display:grid;gap:16px}.toc,.side-box,.related-links{border:1px solid var(--line);border-radius:var(--radius);background:#f7faf8;padding:16px}.toc h2,.side-box h2,.related-links h2{font-size:1rem}.toc__item{display:block;border-top:1px solid var(--line);padding:9px 0;color:var(--muted);font-size:.86rem}.toc__item--3{padding-left:16px}.related-links{margin-top:36px}.related-links ul{margin-bottom:0}.site-footer{border-top:1px solid var(--line);background:#243238;color:#fff}.site-footer__inner{display:flex;justify-content:space-between;gap:24px;padding:28px 0}.site-footer p,.site-footer a{color:#d3dddd}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}@media(max-width:900px){.site-header__inner{grid-template-columns:1fr;gap:10px;padding:12px 0}.site-nav{order:3}.home-hero,.article-hero,.article-layout,.home-index-layout{grid-template-columns:1fr}.home-hero{padding-top:34px}.article-sidebar{position:static}.article-hero__media{width:min(100%,320px);max-width:320px;justify-self:start}.start-panel{position:static}.card-grid,.card-grid--three,.card-grid--two{grid-template-columns:1fr}.chapter-index__head,.site-footer__inner{grid-template-columns:1fr;display:grid}}@media(max-width:560px){.home-hero,.page-header,.section-block,.article-shell,.site-header__inner,.site-footer__inner,.ad-slot--wide{width:min(100% - 24px,var(--max))}.brand__text{white-space:normal}.chapter-list__link{grid-template-columns:1fr;gap:2px;padding:12px 4px}.hero-actions{display:grid}.button{width:100%}}