:root{--paper:#f3f0e8;--ink:#172a29;--muted:#53625e;--accent:#b64e31;--rule:#c9cec5;--light:#eef1e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif;font-size:17px;line-height:1.55}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#e3b59a;color:var(--ink)}.shell{width:min(100% - 64px,1180px);margin-inline:auto}.skip-link{position:absolute;z-index:10;left:12px;top:-100px;background:var(--paper);padding:12px 18px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--rule)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:88px;gap:20px}.wordmark{text-decoration:none;display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.03em;min-height:44px}.wordmark-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--ink);color:var(--paper);font-size:15px;letter-spacing:-.07em}.mark-dot{color:#e59c76}.wordmark-name{font-size:18px}.site-header nav{display:flex;gap:clamp(16px,3vw,38px);align-items:center}.site-header nav a{font-size:14px;font-weight:700;letter-spacing:.01em;text-decoration:none;padding:11px 0;min-height:44px;display:inline-flex;align-items:center}.site-header nav a:hover,.text-link:hover,.footer-inner a:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.62fr);gap:clamp(50px,9vw,140px);align-items:end;padding-block:clamp(80px,12vw,170px) clamp(90px,12vw,160px)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:800;margin:0 0 30px}.eyebrow-line{display:inline-block;width:24px;height:2px;background:var(--accent);vertical-align:middle;margin-right:10px}.hero h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.047em;line-height:1.07}.hero h1{font-size:clamp(56px,7vw,104px);margin:0;max-width:870px}.hero h1 em{font-weight:400;color:var(--accent)}.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;max-width:640px;color:#364742;margin:32px 0 27px}.text-link,.principle-link{display:inline-flex;align-items:center;gap:18px;font-weight:800;text-decoration:none;min-height:44px;border-bottom:1px solid currentColor}.text-link span,.principle-link span{font-size:23px;font-weight:400}.hero-aside{border-top:2px solid var(--ink);padding-top:16px;align-self:stretch;display:flex;flex-direction:column;min-height:290px}.aside-index,.aside-foot{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.aside-rule{flex:1}.hero-aside p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.1vw,29px);line-height:1.3;margin:0 0 28px}.aside-foot{color:var(--muted);line-height:1.65}.section-purpose{border-top:1px solid var(--rule);padding:105px 0 115px}.purpose-layout,.principle-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px)}h2{font-size:clamp(40px,4vw,60px);margin:0;max-width:550px}.purpose-body{max-width:530px;padding-top:34px;color:#344540;font-size:19px;line-height:1.7}.purpose-body p:first-child{margin-top:0}.purpose-body p:last-child{margin-bottom:0}.section-principle{background:var(--ink);color:var(--light);padding:100px 0 112px}.eyebrow-light{color:#d8a78b}.section-principle h2{max-width:520px}.principle-layout>div:last-child{max-width:550px;font-size:19px;line-height:1.7;padding-top:32px}.principle-layout p{margin:0 0 22px}.principle-link{font-size:16px;color:#f2c6aa}.site-footer{border-top:1px solid var(--rule);padding:32px 0 42px}.footer-inner{display:flex;gap:16px 30px;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.footer-inner a{min-height:44px;display:inline-flex;align-items:center}.document{padding-block:80px 110px;max-width:820px}.document h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,6vw,76px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0 0 28px}.document h2{font-size:30px;margin:46px 0 14px}.document p,.document li{font-size:18px;line-height:1.75}.document .notice{border-top:2px solid var(--accent);padding-top:16px;color:var(--muted);font-size:16px}.document .back-link{display:inline-flex;min-height:44px;align-items:center;margin-top:22px;text-underline-offset:4px}@media(max-width:800px){.shell{width:min(100% - 40px,1180px)}.hero{grid-template-columns:1fr;gap:65px}.hero-aside{min-height:190px}.purpose-layout,.principle-layout{grid-template-columns:1fr;gap:22px}.section-purpose,.section-principle{padding-block:72px}.purpose-body,.principle-layout>div:last-child{padding-top:0}.footer-inner{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:520px){.shell{width:min(100% - 32px,1180px)}.header-inner{align-items:flex-start;flex-direction:column;gap:2px;padding-block:13px}.site-header nav{width:100%;justify-content:space-between}.site-header nav a{padding:6px 0}.hero{padding-block:64px 75px;gap:55px}.hero h1{font-size:clamp(48px,12vw,70px)}.lead{margin-top:26px}.hero-aside p{max-width:340px}.section-purpose,.section-principle{padding-block:66px}.document{padding-block:55px 80px}.footer-inner{flex-direction:column;align-items:flex-start;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.resource-list{display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.resource-item{position:relative;display:grid;gap:4px;padding:22px 45px 23px 0;border-bottom:1px solid var(--rule);text-decoration:none;min-height:140px}
.resource-item:hover strong{text-decoration:underline;text-underline-offset:5px}
.resource-number{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--accent)}
.resource-item strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(23px,2.2vw,30px);font-weight:400;line-height:1.2;letter-spacing:-.025em}
.resource-summary{font-size:15px;color:var(--muted)}
.resource-arrow{position:absolute;right:5px;top:48px;font-size:25px}
.article-intro{font-size:21px!important;line-height:1.6!important;color:#344540}
.article-check{border-top:2px solid var(--ink);background:#e8ebe2;padding:22px 28px;margin-top:48px}
.article-check strong{font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.article-check ul{margin:14px 0 0;padding-left:22px}
@media(max-width:520px){.resource-item{min-height:150px}.resource-arrow{top:55px}.article-check{padding:20px}}
