
:root{--ink:#182436;--muted:#657084;--navy:#172a46;--navy2:#213b61;--teal:#2e8d83;--teal-light:#dff3ef;--paper:#fff;--wash:#f3f6f9;--line:#d9e0e7;--max:820px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wash);color:var(--ink);font:18px/1.72 Georgia,'Times New Roman',serif}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.7rem 1rem}.site-header{height:78px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 clamp(1rem,4vw,3rem);gap:1.2rem;box-shadow:0 2px 10px #0003}.brand{display:flex;align-items:baseline;gap:.9rem;text-decoration:none;color:#fff}.brand span{font:700 1.85rem/1 Arial,sans-serif;letter-spacing:.09em}.brand small{font:600 .78rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b9d8d4}.version{margin-left:auto;font:600 .78rem Arial,sans-serif;color:#d5e1ee;text-transform:uppercase;letter-spacing:.08em}.menu-button{display:none;border:1px solid #ffffff66;background:transparent;color:#fff;border-radius:4px;padding:.5rem .7rem;font-weight:700}.article-ad{position:static!important;height:auto!important;overflow:visible!important;border:0!important;background:#e8edf2!important;padding:14px 1rem!important;margin:2.4rem 0!important}.ad-slot{max-width:728px;height:90px;margin:auto;border:1px dashed #9ca9b6;background:#f8fafc;color:#657084;display:flex;align-items:center;justify-content:center;gap:1rem;font:600 .75rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.ad-slot strong{font-size:1rem;color:#8b97a4}.page-grid{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:1320px;margin:auto;align-items:start}.page-grid aside{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line);background:#edf1f5;padding:1.3rem 1rem}.site-nav{display:flex;flex-direction:column;gap:2px}.site-nav a{color:#33445b;text-decoration:none;border-radius:4px;padding:.48rem .65rem;font:500 .84rem/1.25 Arial,sans-serif}.site-nav a:hover{background:#fff}.site-nav a.active{background:var(--navy);color:#fff}.nav-heading{font:700 .72rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#718095;padding:.5rem .65rem}.nav-secondary{margin-top:1rem}main{min-width:0;padding:3.4rem clamp(1.4rem,5vw,5rem) 5rem}.article{max-width:var(--max);margin:auto;background:var(--paper);padding:clamp(2rem,5vw,4.4rem);box-shadow:0 10px 35px #26384f12;border-top:5px solid var(--teal)}h1{font:700 clamp(2rem,4vw,3.25rem)/1.14 Georgia,serif;margin:0 0 2rem;color:var(--navy);letter-spacing:-.025em}h2{font:700 1.42rem/1.3 Arial,sans-serif;color:var(--navy2);margin:2.7rem 0 .8rem}p{margin:0 0 1.15rem}ul{padding-left:1.45rem;margin:.5rem 0 1.5rem}li{margin:.32rem 0}.lead{font-size:1.25rem;line-height:1.65;color:#3a4a5f}.key-idea{background:var(--teal-light);border-left:4px solid var(--teal);padding:1rem 1.2rem;font-weight:600}.notice{background:#eef3f8;border:1px solid #d2dde8;padding:1.2rem 1.35rem;margin:1.6rem 0}.notice strong{font:700 .8rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.notice p:last-child{margin-bottom:0}a{color:#176c66}.button{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;padding:.72rem 1.05rem;border-radius:4px;font:700 .9rem Arial,sans-serif}.button:hover{background:#24776e}.chapter-nav{max-width:var(--max);margin:1.4rem auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.chapter-nav a{background:#fff;border:1px solid var(--line);padding:1rem;text-decoration:none;font:600 .85rem/1.4 Arial,sans-serif}.chapter-nav .next{text-align:right}.comment-invite{max-width:var(--max);margin:1.4rem auto 0;background:var(--navy);color:#eaf0f5;padding:1.5rem 1.8rem}.comment-invite h2{color:#fff;margin:0 0 .6rem}.comment-invite p{font-size:.95rem}.chapter-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.chapter-list li{margin:0}.chapter-list a{height:100%;display:flex;gap:.75rem;align-items:center;border:1px solid var(--line);padding:.75rem;text-decoration:none;font:600 .87rem/1.3 Arial,sans-serif}.chapter-list span{color:var(--teal);font-weight:800}footer{text-align:center;background:#102038;color:#b8c7d7;padding:1.8rem 1rem;font:500 .8rem Arial,sans-serif}footer a{color:#a9ddd6}code{font-size:.92em;background:#eef2f5;padding:.1em .25em}hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
@media(max-width:900px){.page-grid{display:block}.page-grid aside{position:relative;height:auto;padding:0;border:0}.menu-button{display:block}.site-nav{display:none;padding:1rem;max-height:70vh;overflow:auto}.site-nav.open{display:flex}.brand small{display:none}main{padding:2rem 1rem 3rem}.article{padding:2rem 1.35rem}.chapter-list{grid-template-columns:1fr}.chapter-nav{grid-template-columns:1fr}.chapter-nav .next{text-align:left}}
@media(max-width:480px){body{font-size:17px}.site-header{height:66px}.version{font-size:.65rem}.ad-slot{height:70px}.ad-slot strong{display:none}h1{font-size:2rem}}
@media print{.site-header,.article-ad,aside,.comment-invite,.chapter-nav,footer{display:none}.page-grid{display:block}main{padding:0}.article{box-shadow:none;border:0;max-width:none;padding:0}}
