/* 01 Tokens & Reset */
:root{--color-ink:#181b20;--color-deep:#253443;--color-indigo:#465c70;--color-moss:#68766a;--color-rust:#a55f49;--color-amber:#c6a05c;--color-stone:#d8d1c5;--color-paper:#f4f0e8;--color-surface:#fcfaf6;--color-line:#c9cecc;--color-muted:#687176;--color-mist:#e4e8e7;--color-white:#fff;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:Georgia,"Times New Roman",serif;--step--1:clamp(.76rem,.73rem + .12vw,.84rem);--step-0:clamp(.98rem,.94rem + .18vw,1.08rem);--step-1:clamp(1.18rem,1.08rem + .45vw,1.48rem);--step-2:clamp(1.5rem,1.29rem + .9vw,2.1rem);--step-3:clamp(2rem,1.56rem + 1.8vw,3.2rem);--step-4:clamp(2.65rem,1.82rem + 3.3vw,5rem);--space-xs:.5rem;--space-sm:.8rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:clamp(3rem,6vw,6rem);--container:1240px;--border:1px solid var(--color-line);--radius:2px;--shadow:0 18px 45px rgba(37,52,67,.09);--transition:180ms ease}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65}img,svg{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}button{color:inherit}p,h1,h2,h3{overflow-wrap:break-word}ul{padding-left:1.25rem}
/* 02 Base */
h1,h2,h3,p{margin-top:0}h1{max-width:1030px;margin-bottom:1.4rem;font-size:var(--step-4);font-weight:620;letter-spacing:-.045em;line-height:1.02}h2{margin-bottom:1rem;font-size:var(--step-3);font-weight:600;letter-spacing:-.035em;line-height:1.08}h3{font-size:var(--step-1);line-height:1.25}a,button{transition:color var(--transition),background var(--transition),border-color var(--transition),opacity var(--transition)}section[id]{scroll-margin-top:6rem}.eyebrow{margin-bottom:1rem;color:var(--color-rust);font-size:var(--step--1);font-weight:750;letter-spacing:.14em;text-transform:uppercase}.button-row{display:flex;flex-wrap:wrap;gap:.8rem}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:.72rem 1.15rem;border:1px solid;text-decoration:none;font-size:.9rem;font-weight:700}.button-primary{background:var(--color-deep);color:var(--color-white);border-color:var(--color-deep)}.button-primary:hover{background:var(--color-indigo)}.button-secondary{background:transparent;color:var(--color-deep);border-color:var(--color-indigo)}.button-secondary:hover{background:var(--color-mist)}
/* 03 Accessibility */
.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:1000;padding:.7rem 1rem;background:var(--color-ink);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--color-amber);outline-offset:3px}
.clipboard-field{position:fixed;opacity:0;pointer-events:none}
/* 04 Layout */
.container{width:min(calc(100% - 2.5rem),var(--container));margin-inline:auto}.section{padding:var(--space-xl) 0}.section-compact{padding:clamp(2.5rem,4.5vw,4.5rem) 0}.section-head{display:grid;max-width:860px;margin-bottom:clamp(2rem,4vw,3.8rem)}.section-head>p:last-child{max-width:730px;color:var(--color-muted);font-size:var(--step-1)}.section-kicker{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;border-bottom:var(--border)}.section-kicker span{padding-bottom:.55rem;color:var(--color-muted);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.section-kicker h2{margin:0 0 .45rem;font-size:var(--step-1);text-transform:uppercase;letter-spacing:.08em}
/* 05 Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(252,250,246,.96);border-bottom:var(--border);backdrop-filter:blur(10px)}.header-inner{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:2rem}.brand{flex:0 1 316px}.primary-nav{display:flex;align-items:center;gap:clamp(.7rem,1.4vw,1.45rem)}.primary-nav a{font-size:.77rem;font-weight:680;text-decoration:none;white-space:nowrap}.primary-nav a:hover{color:var(--color-rust)}.primary-nav .nav-action{padding:.55rem .7rem;border:1px solid var(--color-deep)}.menu-toggle{display:none;min-height:44px;padding:.5rem .75rem;background:transparent;border:1px solid var(--color-deep)}
/* 06 Hero */
.hero{height:auto;padding:clamp(4rem,7vw,7rem) 0 var(--space-xl);background:linear-gradient(180deg,var(--color-paper),var(--color-surface))}.hero-copy{padding-bottom:clamp(3.5rem,7vw,6rem)}.hero-lede{max-width:770px;margin-bottom:1.8rem;color:#4f5b61;font-size:var(--step-1)}.scope-marker{display:flex;align-items:center;gap:.55rem;margin:1.5rem 0 0;color:var(--color-muted);font-size:.82rem}.scope-marker span{color:var(--color-rust)}
/* 07 Mandate Surface */
.surface-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.sheet{min-width:0;height:auto;padding:1.35rem;background:var(--color-white);border-top:4px solid var(--accent);box-shadow:var(--shadow)}.sheet::after,.mandate-area::after,.stewardship-grid article::after{display:block;width:36px;margin-top:1.6rem;border-bottom:2px solid var(--accent);content:""}.sheet .seal{display:inline-block;margin-bottom:2.7rem;padding:.22rem .4rem;background:var(--accent);color:#fff;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.sheet b{display:block;margin-bottom:.7rem;color:var(--color-muted);font-size:.76rem}.sheet h3{margin-bottom:1.2rem;text-transform:uppercase}.sheet p{display:inline-block;margin:0 .35rem 0 0;color:var(--color-muted);font-size:.8rem}.accent-indigo{--accent:var(--color-indigo)}.accent-moss{--accent:var(--color-moss)}.accent-rust{--accent:var(--color-rust)}.accent-amber{--accent:#9a762f}
/* 08 Responsibility View */
.responsibility-view{background:var(--color-deep);color:var(--color-white)}.section-kicker.light{border-color:#687683}.section-kicker.light span{color:var(--color-stone)}.responsibility-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.responsibility-grid article{min-width:0;padding:1.25rem;border-left:1px solid #65727d}.responsibility-grid article:first-child{border-left:0}.responsibility-grid h3{color:var(--color-amber);font-size:1rem}.responsibility-grid p{margin:0;color:#dbe0e1;font-size:.9rem}
/* 09 Mandate Areas */
.mandate-areas-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(1rem,2vw,2rem);align-items:start}.mandate-area{--accent:var(--color-indigo);min-width:0;height:auto;padding:clamp(1.4rem,3vw,2.5rem);background:var(--color-white);border-top:4px solid var(--accent);box-shadow:var(--shadow)}.area-1{grid-column:1/8}.area-2{grid-column:8/13;--accent:var(--color-rust)}.area-3{grid-column:1/6;--accent:var(--color-moss)}.area-4{grid-column:6/13;--accent:#9a762f}.area-meta{display:flex;justify-content:space-between;margin-bottom:2rem;color:var(--color-muted);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.mandate-area li{margin-bottom:.35rem}.boundary{margin:1.5rem 0 0;padding-top:1rem;border-top:var(--border);color:var(--color-deep);font-family:var(--font-serif);font-size:.96rem}
/* 10 Responsibility Connections */
.connection-section{background:var(--color-paper)}.connection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.connection-grid article{min-width:0;padding:1.4rem;background:var(--color-surface);border:var(--border)}.connection-grid span{color:var(--color-rust);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.connection-grid h3{margin:.9rem 0}.analytical-note{margin-top:1.5rem;padding:1.4rem 1.7rem;border-left:4px solid var(--color-rust);background:var(--color-white);font-family:var(--font-serif);font-size:var(--step-1)}
/* 11 Stewardship Check */
.stewardship-section{background:var(--color-mist)}.stewardship-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:1rem}.stewardship-grid article{--accent:var(--color-indigo);min-width:0;height:auto;padding:1.6rem;background:var(--color-surface);border-top:3px solid var(--accent)}.stewardship-grid article:nth-child(2n){--accent:var(--color-moss)}.stewardship-grid article:nth-child(3n){--accent:var(--color-rust)}.stewardship-grid b{color:var(--accent);font-size:.8rem}.stewardship-grid h3{margin-top:1.8rem}
/* 12 Context Profiles */
.profiles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:1.25rem}.profile{min-width:0;height:auto;padding:1.45rem;background:#fff;border-top:4px solid var(--color-rust);box-shadow:var(--shadow)}.profile.reference{border-color:var(--color-indigo);background:var(--color-paper)}.profile.variant{padding-top:2.1rem}.profile-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.2rem}.avatar{display:grid;width:44px;height:44px;place-items:center;background:var(--color-deep);color:#fff;font-size:.76rem;font-weight:750;letter-spacing:.08em}.reference .avatar{background:var(--color-moss)}.profile-label{color:var(--color-rust);font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.reference .profile-label{color:var(--color-indigo)}.profile h3{margin-bottom:.5rem}.profile .role{padding-bottom:1rem;border-bottom:var(--border);font-weight:680}.role span{color:var(--color-muted);font-weight:500}.profile>p:not(.role){font-size:.92rem}.email-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.2rem;padding-top:1rem;border-top:var(--border)}.email-row a{max-width:100%;overflow-wrap:anywhere;color:var(--color-deep);font-size:.82rem}.copy-email{min-height:38px;padding:.35rem .65rem;background:var(--color-paper);border:1px solid var(--color-rust);font-size:.73rem;font-weight:700}.copy-email:hover{background:#eadfd8}.copy-status{min-width:1px;color:var(--color-moss);font-size:.72rem}.contact-clarification{margin-top:1.5rem;padding:1.5rem;background:var(--color-deep);color:#fff;border-left:6px solid var(--color-amber)}
/* 13 Independence */
.independence-section{background:var(--color-stone)}.independence-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem)}.scope-copy{padding-left:2rem;border-left:2px solid var(--color-rust)}
/* 14 Executive Notes */
.notes-section{background:var(--color-paper)}.notes-list{display:grid;gap:.75rem}.note{height:auto;background:var(--color-white);border:var(--border);border-left:4px solid var(--color-indigo)}.note[hidden]{display:none}.note summary{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.1rem 1.35rem;cursor:pointer;list-style:none;font-weight:680}.note summary::-webkit-details-marker{display:none}.note summary span{display:grid;gap:.22rem}.note summary b{color:var(--color-rust);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.note summary i{color:var(--color-muted);font-size:.75rem;font-style:normal;white-space:nowrap}.note details[open] summary{border-bottom:var(--border)}.note details[open] summary i{font-size:0}.note details[open] summary i::after{font-size:.75rem;content:"Close note"}.note-body{max-width:850px;padding:1.3rem 1.4rem 1.7rem}.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.4rem 0 0;padding:0;list-style:none}.tags li{padding:.25rem .5rem;background:var(--color-mist);color:var(--color-deep);font-size:.7rem}.no-results{padding:2rem;background:#fff;border:1px dashed var(--color-rust);font-family:var(--font-serif)}
/* 15 Search */
.search-panel{margin-bottom:1.3rem;padding:1.3rem;background:var(--color-deep);color:#fff}.search-panel label{display:block;margin-bottom:.55rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.search-row{display:flex;gap:.55rem}.search-row input{width:100%;min-width:0;min-height:48px;padding:.7rem .9rem;background:#fff;border:2px solid transparent;color:var(--color-ink)}.search-row button{flex:none;padding:.5rem .9rem;background:transparent;border:1px solid var(--color-stone);color:#fff}.search-panel p{margin:.55rem 0 0;color:var(--color-stone);font-size:.78rem}
/* 16 About */
.about-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem)}.about-copy{font-family:var(--font-serif);font-size:var(--step-1)}
/* 17 Mandate Principles */
.principles-section{background:var(--color-mist)}.principles-list{display:grid;gap:.75rem}.principles-list article{display:grid;grid-template-columns:60px minmax(180px,.65fr) minmax(0,1fr);align-items:start;gap:1.2rem;padding:1.3rem 1.5rem;background:var(--color-surface);border-top:2px solid var(--color-moss)}.principles-list b{color:var(--color-rust)}.principles-list h3,.principles-list p{margin:0}
/* 18 Final CTA */
.final-cta{padding:var(--space-xl) 0;background:var(--color-deep)}.cta-inset{padding:clamp(2rem,5vw,4.5rem);background:var(--color-paper);border-left:6px solid var(--color-rust);box-shadow:inset -12px 12px 0 rgba(198,160,92,.15)}.cta-inset h2{max-width:850px}.cta-inset>p:not(.eyebrow){max-width:720px;margin-bottom:1.7rem}
/* 19 Footer */
.site-footer{padding:3rem 0 1.5rem;background:var(--color-ink);color:#fff}.footer-grid{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:3rem;align-items:start}.footer-brand{display:flex;gap:1rem}.footer-brand strong{display:block;margin-bottom:.3rem}.footer-brand p{max-width:430px;margin:0;color:var(--color-stone);font-size:.82rem}.footer-brand small{color:#9fa7a9}.site-footer nav{display:grid;gap:.45rem}.site-footer nav a{color:var(--color-stone);font-size:.78rem;text-decoration:none}.site-footer button{padding:.55rem .8rem;background:transparent;border:1px solid var(--color-stone);color:#fff}.footer-base{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid #3f454a;color:#aeb5b7;font-size:.72rem}.footer-base p{margin:0}
/* 20 Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(16px);transition:opacity 600ms ease,transform 600ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 21 Responsive */
@media(max-width:1279px){.header-inner{min-height:72px}.brand{flex-basis:270px}.primary-nav{gap:.7rem}.primary-nav a{font-size:.7rem}.primary-nav .nav-action{display:none}.responsibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.responsibility-grid article{border:1px solid #65727d}}
@media(max-width:1023px){.menu-toggle{display:block}.menu-toggle i{display:inline-block;width:15px;margin-left:.5rem;border-top:2px solid}.primary-nav{position:absolute;top:100%;right:0;left:0;display:none;padding:1rem max(1.25rem,calc((100vw - var(--container))/2));background:var(--color-surface);border-bottom:var(--border);box-shadow:var(--shadow)}.primary-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav a{padding:.75rem;font-size:.86rem}.surface-grid,.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mandate-areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mandate-area{grid-column:auto}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stewardship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr auto}.footer-grid>button{grid-column:2}.independence-layout,.about-layout{grid-template-columns:1fr}.scope-copy{padding-left:0;border-left:0;border-top:2px solid var(--color-rust);padding-top:1.5rem}}
@media(max-width:767px){.container{width:min(calc(100% - 1.5rem),var(--container))}.brand{flex-basis:230px}.header-inner{gap:.5rem}.primary-nav.is-open{grid-template-columns:1fr}.hero{padding-top:3.3rem}.surface-grid,.responsibility-grid,.mandate-areas-grid,.connection-grid,.stewardship-grid,.profiles-grid{grid-template-columns:1fr}.responsibility-grid article{border-left:0}.principles-list{gap:1rem}.principles-list article{grid-template-columns:45px minmax(0,1fr)}.principles-list p{grid-column:2}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-grid>button{grid-column:1;justify-self:start}.search-row{align-items:stretch;flex-direction:column}.note summary{align-items:flex-start}.note summary i{display:none}.scope-marker{align-items:flex-start;flex-wrap:wrap}.button-row .button{width:100%}}
@media(max-width:374px){h1{font-size:2.45rem}.brand{flex-basis:195px}.menu-toggle span{font-size:.78rem}.profile,.mandate-area{padding:1.15rem}.email-row{align-items:flex-start;flex-direction:column}.section-kicker{align-items:flex-start;flex-direction:column}.section-kicker h2{margin-top:-.6rem}}
/* 22 Reduced Motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-enabled .reveal{opacity:1;transform:none}}
