:root{--green: #0e7a5f;--green-dark: #0a5c48;--green-pale: #e8f5f1;--ink: #1f2933;--ink-soft: #52606d;--line: #e0e6ea;--bg: #ffffff;--bg-soft: #f7f9fa;--amber: #b45309;--amber-pale: #fef3e2;--radius: 10px;--maxw: 860px}*{box-sizing:border-box}html{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,Meiryo,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.85;font-size:16px;-webkit-text-size-adjust:100%}body{margin:0}a{color:var(--green)}a:hover{color:var(--green-dark)}img,svg{max-width:100%}.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:50}.site-header__inner{max-width:1080px;margin:0 auto;padding:.7rem 1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.brand{font-weight:700;font-size:1.15rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.45rem}.brand__mark{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:8px;background:var(--green);color:#fff;font-size:1rem}.brand__sub{font-size:.7rem;font-weight:500;color:var(--ink-soft)}.global-nav{margin-left:auto;display:flex;gap:.2rem;flex-wrap:wrap}.global-nav a{text-decoration:none;color:var(--ink-soft);font-size:.88rem;padding:.35rem .6rem;border-radius:6px}.global-nav a:hover{background:var(--green-pale);color:var(--green-dark)}.global-nav a.is-soon{opacity:.5;pointer-events:none}.global-nav a .soon{font-size:.62rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:0 .35rem;margin-left:.2rem;vertical-align:middle}.container{max-width:var(--maxw);margin:0 auto;padding:0 1rem}.container--wide{max-width:1080px}.site-footer{margin-top:4rem;border-top:1px solid var(--line);background:var(--bg-soft);color:var(--ink-soft);font-size:.82rem}.site-footer__inner{max-width:1080px;margin:0 auto;padding:1.6rem 1rem}.hero{background:linear-gradient(160deg,var(--green-pale),#ffffff 70%);border-bottom:1px solid var(--line)}.hero__inner{max-width:1080px;margin:0 auto;padding:3.2rem 1rem 2.6rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2rem;align-items:center}.hero-visual{width:100%;height:auto}@media(max-width:760px){.hero__inner{grid-template-columns:1fr;padding-top:2.2rem}.hero-visual{max-width:360px;margin:0 auto;display:block}}.hero h1{font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.45;margin:0 0 .8rem}.hero h1 .accent{color:var(--green)}.hero h1 .seg{display:inline-block}.hero p{max-width:620px;margin:0 0 1.4rem;color:var(--ink-soft)}.hero__cta{display:inline-block;background:var(--green);color:#fff!important;text-decoration:none;font-weight:700;padding:.75rem 1.5rem;border-radius:999px}.hero__cta:hover{background:var(--green-dark)}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem;padding:2rem 0}.pillar-card{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;text-decoration:none;color:var(--ink);background:var(--bg);position:relative}.pillar-card:hover{border-color:var(--green)}.pillar-card.is-soon{opacity:.55;pointer-events:none}.pillar-card__label{display:inline-block;font-size:.72rem;font-weight:700;color:var(--green-dark);background:var(--green-pale);border-radius:999px;padding:.1rem .6rem;margin-bottom:.5rem}.pillar-card h3{margin:0 0 .4rem;font-size:.98rem}.pillar-card p{margin:0;font-size:.82rem;color:var(--ink-soft);line-height:1.6}.pillar-card .soon-badge{position:absolute;top:.7rem;right:.8rem;font-size:.66rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem;background:var(--bg-soft)}.curriculum{list-style:none;padding:0;margin:1.2rem 0 0}.curriculum li{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.55rem;background:var(--bg)}.curriculum li.is-soon{opacity:.55}.curriculum a,.curriculum .soon-item{display:flex;align-items:center;gap:.9rem;padding:.75rem 1rem;text-decoration:none;color:var(--ink)}.curriculum a:hover{background:var(--green-pale);border-radius:var(--radius)}.curriculum .num{flex:none;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-weight:700;font-size:.85rem}.curriculum .is-soon .num{background:var(--line);color:var(--ink-soft)}.curriculum .t{font-size:.95rem}.curriculum .badge{margin-left:auto;flex:none;font-size:.68rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.1rem .55rem;background:var(--bg-soft)}.curriculum .badge--new{color:var(--green-dark);border-color:var(--green);background:var(--green-pale)}.article-header{padding:2.2rem 0 .4rem}.article-header .series{font-size:.8rem;font-weight:700;color:var(--green-dark)}.article-header h1{font-size:clamp(1.35rem,3.4vw,1.8rem);line-height:1.5;margin:.4rem 0 .7rem}.article-meta{font-size:.78rem;color:var(--ink-soft);display:flex;gap:1.2rem;flex-wrap:wrap}.article-body{padding-bottom:2rem}.article-body h2{font-size:1.25rem;margin:2.6rem 0 1rem;padding:.5rem .9rem;border-left:5px solid var(--green);background:var(--bg-soft);border-radius:4px}.article-body h3{font-size:1.05rem;margin:2rem 0 .7rem;padding-bottom:.3rem;border-bottom:2px solid var(--green-pale)}.article-body table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.88rem;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line);padding:.5rem .7rem;text-align:left;vertical-align:top}.article-body th{background:var(--green-pale);white-space:nowrap}.article-body blockquote{margin:1.2rem 0;padding:.8rem 1.1rem;background:var(--amber-pale);border-left:5px solid var(--amber);border-radius:4px}.article-body blockquote p{margin:0}.article-body hr{border:none;border-top:1px solid var(--line);margin:2.4rem 0}.article-body pre.mermaid{background:linear-gradient(160deg,var(--green-pale),var(--bg-soft) 80%);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1rem;display:flex;justify-content:center;overflow-x:auto}.article-body pre.mermaid svg{max-width:100%;height:auto}.article-body pre.mermaid .node rect{rx:8px;ry:8px}.article-body pre.mermaid .edgeLabel{font-weight:700}.dl-gate{border:2px solid var(--green);border-radius:var(--radius);background:var(--green-pale);padding:1.3rem 1.4rem;margin:2.5rem 0}.dl-gate h2{margin:0 0 .5rem;font-size:1.1rem;color:var(--green-dark)}.dl-gate p{margin:0 0 1rem;font-size:.88rem}.dl-gate__btn{display:inline-block;background:var(--green);color:#fff!important;text-decoration:none;font-weight:700;padding:.65rem 1.4rem;border-radius:999px;font-size:.92rem}.dl-gate__btn:hover{background:var(--green-dark)}.dl-gate__note{font-size:.72rem;color:var(--ink-soft);margin-top:.6rem}.section-title{font-size:1.3rem;margin:2.5rem 0 .3rem}.section-lead{color:var(--ink-soft);font-size:.9rem;margin:0}@media(max-width:640px){.global-nav{margin-left:0}html{font-size:15px}}.dl-gate__soon{display:inline-block;background:#fff;border:1px dashed var(--green);border-radius:8px;padding:.6rem 1rem;font-size:.85rem!important;color:var(--ink-soft)}