:root{--page:#eef6f8;--surface:#fff;--text:#27333a;--muted:#6b7b83;--teal:#1689a3;--blue:#1559c7;--border:#dfe8eb;--soft:#f5f8f9;--navy:#0b2447;--shadow:0 8px 28px rgb(39 51 58 / 8%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--page);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.9}
a{color:var(--blue);text-underline-offset:3px}a:focus-visible,.button:focus-visible{outline:3px solid #f5a623;outline-offset:3px}
.site-header{background:var(--navy);color:#fff}.header-inner{width:min(calc(100% - 32px),1180px);margin:auto;padding:20px 0}.brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.03em}.tagline{margin:4px 0 0;color:#c9d8e8;font-size:.82rem}
.container{width:min(calc(100% - 32px),1180px);margin:32px auto 64px}.layout{display:grid;grid-template-columns:minmax(0,1fr)290px;gap:32px;align-items:start}.article{min-width:0;padding:40px clamp(22px,4vw,52px)72px;background:var(--surface);box-shadow:var(--shadow)}
.breadcrumbs{font-size:.8rem;color:var(--muted)}h1{margin:18px 0 8px;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.45;letter-spacing:.01em}.meta{color:var(--muted);font-size:.8rem}.lead{margin:32px 0;font-size:1.08rem;font-weight:600}.article-body{max-width:800px;margin:auto}.article-body p{margin:1.35rem 0}.article-body h2{margin:3.7rem 0 1.35rem;padding-bottom:.55rem;color:var(--teal);border-bottom:1px solid var(--border);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.55}.article-body li{margin:.55rem 0}.toc{margin:2rem 0 3rem;padding:20px 24px;background:var(--soft);border:1px solid var(--border)}.toc ol{margin:10px 0 0;padding-left:1.4rem}details{padding:16px 0;border-bottom:1px solid var(--border)}summary{cursor:pointer;font-weight:700}
.sidebar{display:grid;gap:20px}.card{padding:20px;background:rgb(255 255 255 / 82%);border:1px solid var(--border)}.card h2{margin:0 0 10px;font-size:1rem}.card p{margin:0;color:var(--muted);font-size:.9rem}.book-cta{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin-top:56px;padding:24px;background:#f3f8fc;border:1px solid #cddde8}.book-cta img{display:block;width:100%;height:auto}.book-cta h2{margin:.3rem 0;color:var(--navy);border:0}.eyebrow{margin:0;color:var(--teal);font-weight:800;font-size:.82rem}.button{display:inline-block;margin-top:10px;padding:12px 18px;color:#fff;background:var(--blue);border-radius:4px;text-decoration:none;font-weight:800}.site-footer{padding:28px 16px;color:#c9d8e8;background:var(--navy);text-align:center;font-size:.8rem}.site-footer a{margin-left:14px;color:#fff}
.index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.story-card{padding:24px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.story-card h2{margin:0 0 10px;font-size:1.2rem}.story-card p{color:var(--muted)}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.article{padding:32px 24px 56px}}
@media(max-width:600px){.container{width:min(calc(100% - 20px),1180px);margin-top:10px}.article{padding:24px 18px 48px}.sidebar,.index-grid{grid-template-columns:1fr}.book-cta{grid-template-columns:100px 1fr;gap:16px;padding:18px}.button{width:100%;text-align:center}.tagline{display:none}}