:root{color-scheme:light;--green:#152b26;--green-2:#203c34;--cream:#f6f2e9;--paper:#fffdf8;--gold:#e9b66c;--rust:#8d481f;--ink:#1c2c29;--muted:#4b5a54;--line:#d9ded6}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.125rem;line-height:1.6}
button,input,select,textarea{font:inherit}
a{color:#225b4a;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid #b15d25;outline-offset:4px}
.wrap{width:min(100% - 3rem,74rem);margin-inline:auto}
.skip-link{position:absolute;top:-5rem;left:1rem;z-index:100;background:var(--gold);color:var(--ink);padding:.7rem 1rem;font-weight:700}
.skip-link:focus{top:1rem}
.site-header{background:var(--green);color:#fff;position:relative;z-index:2}
.header-inner{min-height:6rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:750;line-height:1.25;letter-spacing:.01em}
.brand small{display:block;margin-top:.2rem;font-size:1rem;font-weight:500;color:#e5e9df}
.site-header nav{display:flex;align-items:center;gap:1.7rem;flex-wrap:wrap}
.site-header nav a{color:#fff;font-size:1rem;font-weight:650;text-decoration:none;padding:.65rem .1rem}
.site-header nav a:hover{text-decoration:underline;text-underline-offset:.35em}
.site-header nav a[aria-current="page"]:not(.nav-ask){box-shadow:inset 0 -4px 0 var(--gold);color:#f6d49c}
.site-header nav .nav-ask{background:var(--gold);color:var(--green);padding:.7rem 1rem;border-radius:.2rem;text-align:center;line-height:1.3}
.site-header nav .nav-ask:hover{background:#f3c98a;text-decoration:none}
.site-header nav .nav-ask[aria-current="page"]{box-shadow:inset 0 0 0 3px #fff;outline:2px solid var(--gold);outline-offset:2px}
.site-header nav a:focus-visible{outline-color:var(--gold)}
.nav-ask-short{display:none}
.hero{min-height:38rem;position:relative;background:#243c35;color:#fff;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}
.hero-image,.hero-shade{position:absolute;inset:0}
.hero-image{background:url('/black-mesa-1280.jpg') center 52%/cover no-repeat}
.hero-shade{background:linear-gradient(90deg,rgba(13,31,27,.94) 0%,rgba(13,31,27,.78) 43%,rgba(13,31,27,.35) 100%),linear-gradient(0deg,rgba(13,31,27,.7),transparent 34%)}
.hero-content{position:relative;z-index:1;flex:1;padding-block:5rem 2rem}
.eyebrow{margin:0 0 1rem;color:var(--rust);font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.eyebrow.light{color:var(--gold)}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{line-height:1.14}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}
h1{max-width:55rem;margin-bottom:1.45rem;font-size:clamp(3rem,6.3vw,5.6rem)}
h1 em{font-style:normal;color:#f6d49c}
.hero-intro{max-width:39rem;font-size:clamp(1.18rem,2vw,1.42rem);line-height:1.5;color:#f6f4ea;margin-bottom:2rem}
.hero-event{max-width:39rem;margin-bottom:2rem;padding:.7rem 0 .7rem 1.2rem;border-left:4px solid var(--gold);background:linear-gradient(90deg,rgba(13,31,27,.75),transparent)}
.hero-event p{margin:0;font-size:1.125rem;line-height:1.45}
.hero-event .hero-event-date{font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:750;line-height:1.3;margin-bottom:.4rem}
.hero-event-date span{white-space:nowrap}
.hero-secondary{display:inline-block;margin-left:1.2rem;color:#fff;font-weight:750}
.page-band{background:var(--green-2);color:#fff;padding-block:3.3rem 3.5rem}
.page-band h1{font-size:clamp(2.6rem,5vw,4.4rem);margin-bottom:1rem}
.page-band p:last-child{max-width:42rem;color:#edf2e9;font-size:1.2rem;margin-bottom:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:3.3rem;padding:.7rem 1.35rem;border:0;border-radius:.2rem;text-decoration:none;font-size:1rem;font-weight:750;cursor:pointer;transition:background-color .15s ease,transform .15s ease}
.button:hover{transform:translateY(-2px)}
.button-gold{background:var(--gold);color:#14251f}
.button-gold:hover{background:#f3c98a}
.button-large{min-height:3.9rem;padding:.95rem 1.8rem;font-size:1.18rem}
.button-dark{background:var(--green);color:#fff}
.button-dark:hover{background:#2a5144}
.button:disabled{opacity:.65;cursor:wait;transform:none}
.photo-credit{position:relative;z-index:1;align-self:flex-end;max-width:min(42rem,calc(100% - 2rem));margin:0 1rem 1rem;padding:.65rem .85rem;background:#10231ef2;color:#fff;font-size:.875rem;text-align:right;line-height:1.5}
.photo-credit a{color:#fff}
.independent-note{display:flex;gap:1.1rem;align-items:flex-start;padding:1.25rem 1.5rem;background:#e9eee6;border-left:5px solid #607966;box-shadow:0 4px 16px #152b2612;position:relative;margin-top:1.25rem}
.independent-note p{margin:0;max-width:67rem;font-size:1rem}
.note-icon{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border:2px solid var(--green);border-radius:50%;font-weight:800;font-family:Georgia,serif;line-height:1}
.section{padding-block:6rem;scroll-margin-top:1rem}
.page-links{background:var(--cream)}
.page-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.page-card{background:var(--paper);border:1px solid #d7d4c9;padding:2rem;display:flex;flex-direction:column;align-items:flex-start}
.page-card h3{font:500 1.75rem Georgia,serif;margin-bottom:1rem}
.page-card p{color:var(--muted);font-size:1rem}
.page-card .text-link{margin-top:auto}
.two-column{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.8fr);gap:clamp(3rem,8vw,8rem);align-items:start}
h2{font-size:clamp(2.45rem,4.2vw,4rem);margin-bottom:1.3rem}
.section-lead>p:not(.eyebrow){max-width:38rem;color:var(--muted);font-size:1.18rem}
.presenter{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line);max-width:38rem}
.small-label,.card-kicker{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--rust);margin-bottom:.75rem}
.presenter h3{font-family:Georgia,serif;font-size:1.75rem;margin-bottom:.7rem}
.presenter p:not(.small-label){font-size:1rem;color:var(--muted);margin-bottom:.75rem}
.event-card{background:var(--cream);padding:2.2rem;border:1px solid #e5ddce;box-shadow:10px 10px 0 #e2e7dd}
.event-detail{padding:1.4rem 0;border-top:1px solid #d2d3c8;display:grid;grid-template-columns:5rem 1fr;gap:.8rem}
.event-detail strong{font-size:1.1rem;line-height:1.5}
.detail-label{font-size:1rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding-top:.25rem}
.text-link{display:inline-flex;gap:.6rem;font-weight:750;font-size:1rem;margin-top:1rem}
.materials-section{background:var(--cream)}
.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.material-card{min-height:15.5rem;background:var(--paper);border:1px solid #d7d4c9;padding:2rem;display:flex;flex-direction:column;align-items:flex-start}
.material-number{color:var(--rust);font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.8rem}
.material-card h2{font:500 1.8rem Georgia,serif;margin-bottom:.5rem}
.material-card p{font-size:1rem;color:var(--muted);margin-bottom:1.5rem}
.status-pill{margin-top:auto;border:1px solid #b9c8b9;border-radius:10rem;padding:.22rem .7rem;font-size:1rem;font-weight:800;color:#375542;text-transform:uppercase;letter-spacing:.05em}
.qa-section{background:#fffdf8}
.section-intro{max-width:44rem;color:var(--muted)}
.cta-row{margin:1.4rem 0 2.5rem}
.qa-end-cta{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--line)}
.qa-end-cta p{font-weight:700}
.topics-title{font-size:clamp(2rem,3vw,2.6rem);margin-bottom:1rem}
.topic-nav{display:flex;gap:.5rem;flex-wrap:wrap;padding-bottom:1.6rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}
.topic-nav a{display:inline-block;border:1px solid #bdc9bd;border-radius:10rem;padding:.55rem .85rem;color:var(--green);font-size:1rem;font-weight:700;text-decoration:none;line-height:1.3}
.topic-nav a:hover{background:#e8eee5}
.topic-group{padding-top:2.7rem;scroll-margin-top:1rem}
.topic-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.topic-number{font-size:1rem;font-weight:800;color:var(--rust);letter-spacing:.08em}
.topic-head h3{font:500 2rem Georgia,serif;margin:0}
.qa-item{border:1px solid var(--line);background:#fff;margin-bottom:.7rem}
.qa-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.3rem 1.5rem;font-size:1.12rem;font-weight:750;line-height:1.4}
.qa-item summary::-webkit-details-marker{display:none}
.qa-item summary:before{content:'+';grid-column:2;grid-row:1/3;color:var(--rust);font-size:1.5rem;font-weight:400;line-height:1}
.qa-item[open] summary:before{content:'−'}
.qa-item[open] summary{border-bottom:1px solid var(--line);background:#f7f8f4}
.draft-tag{display:inline-block;grid-column:1;grid-row:2;justify-self:start;background:#f7ead8;color:#6f3b1b;border-radius:.15rem;padding:.35rem .6rem;font-size:1rem;font-weight:800;letter-spacing:.02em;line-height:1.3;white-space:normal}
.answer{padding:1.5rem;max-width:65rem;font-size:1rem;line-height:1.75}
.answer p{margin-bottom:1.2rem}
.answer p:last-child{margin-bottom:0}
.sources{border-top:1px solid var(--line);padding-top:1rem;color:var(--muted);font-size:1rem;overflow-wrap:anywhere}
.empty-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.empty-topics>div{border:1px dashed #aebcb0;background:#f7f9f5;padding:1.3rem}
.empty-topics h4{font-size:1rem;margin-bottom:.35rem}
.empty-topics p{font-size:1rem;color:var(--muted);margin-bottom:0}
.metoo[hidden],.metoo-note[hidden]{display:none}
.metoo-note{max-width:44rem;margin:-.4rem 0 0;padding:.8rem 1rem;border-left:3px solid #6d876f;background:#f0f2ec;color:#3b4942;font-size:1rem}
.qa-item:has(+ .metoo:not([hidden])){margin-bottom:0;border-bottom:0}
.qa-item + .metoo{margin:0 0 .7rem;padding:.55rem 1.5rem .8rem;border:1px solid var(--line);border-top:1px dashed var(--line);background:#fff}
.empty-topics .metoo{margin:.8rem 0 0}
.metoo-btn{min-height:2.5rem;padding:.35rem .9rem;border:1px solid #6d876f;border-radius:10rem;background:#fff;color:var(--green);font-size:1rem;font-weight:700;line-height:1.3;cursor:pointer}
.metoo-btn:hover{background:#e8eee5}
.metoo-btn:disabled{cursor:default}
.metoo-btn.is-done{border-color:#b9c8b9;background:#eef3ec;color:#2f4d3c}
.ask-section{background:var(--green);color:#fff}
.ask-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);align-items:start;gap:clamp(3rem,8vw,8rem)}
.ask-copy h2{margin-bottom:1.5rem}
.ask-copy p:not(.eyebrow){max-width:32rem;color:#edf2e9;font-size:1.1rem}
.question-form{background:var(--paper);color:var(--ink);padding:2.2rem;box-shadow:12px 12px 0 #335347}
.form-title{border-bottom:1px solid var(--line);margin-bottom:1.4rem}
.form-title h2{font:500 2rem Georgia,serif;margin-bottom:.25rem}
.form-title p{color:var(--muted);font-size:1rem;margin-bottom:1.2rem}
.question-form label{display:block;font-weight:750;font-size:1rem;margin-bottom:.4rem}
.question-form input,.question-form select,.question-form textarea{display:block;width:100%;min-height:3rem;border:1px solid #8a9d91;background:#fff;color:var(--ink);border-radius:.15rem;padding:.58rem .75rem;margin-bottom:1.25rem}
.question-form textarea{min-height:9rem;resize:vertical}
.stance{border:1px solid var(--line);border-radius:.15rem;margin:0 0 1.25rem;padding:.9rem 1rem 1rem}
.stance legend{padding:0 .3rem;font-weight:750;font-size:1rem}
.question-form .radio{display:flex;align-items:flex-start;gap:.6rem;font-weight:500;margin:0 0 .45rem;cursor:pointer;line-height:1.45}
.question-form .radio input{display:inline-block;width:1.15rem;height:1.15rem;min-height:0;margin:.18rem 0 0;padding:0;flex:none;accent-color:var(--green)}
.stance-help{margin:.6rem 0 0;color:var(--muted);font-size:1rem;line-height:1.5}
.question-form input:focus,.question-form select:focus,.question-form textarea:focus{outline:3px solid #b15d25;outline-offset:2px}
.required,.optional{font-size:1rem;font-weight:500;color:var(--muted)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.privacy-note{background:#f0f2ec;border-left:3px solid #6d876f;padding:1rem 1.1rem;margin:.4rem 0 1.3rem;font-size:1rem;line-height:1.55}
.privacy-note strong{display:block;margin-bottom:.3rem}
.privacy-note p{margin:0;color:#3b4942}
.form-status{min-height:1.5rem;margin:.8rem 0 0;font-size:1rem;font-weight:700}
.form-status.success{color:#225b35}
.form-status.error{color:#9d2e25}
.site-footer{background:#10231e;color:#e7ece5;padding:2rem 0;font-size:1rem}
.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer-inner p{margin:0}
.footer-context{border-top:1px solid #5e7369;margin-top:1.25rem;padding-top:1.25rem}
.footer-context p{margin:0 0 .6rem}
.footer-context p:last-child{margin-bottom:0}
.footer-context a{color:#f6d49c}
@media(max-width:1050px){.header-inner{align-items:flex-start;flex-direction:column;padding-block:1rem;gap:.8rem}.site-header nav{width:100%;gap:.5rem 1rem;justify-content:flex-start}.page-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hero{min-height:32rem}.two-column,.ask-layout{grid-template-columns:1fr;gap:3rem}.event-card{max-width:34rem}.qa-item summary{grid-template-columns:1fr auto}.draft-tag{grid-column:1;grid-row:2}.qa-item summary:before{grid-column:2;grid-row:1/3}}
@media(max-width:600px){body{font-size:1.0625rem}.wrap{width:min(100% - 2rem,74rem)}.site-header nav a{padding:.55rem .15rem}.site-header nav .nav-ask{padding:.65rem .7rem}.nav-ask-full{display:none}.nav-ask-short{display:inline}.hero-content{padding-block:3.5rem 2rem}.hero-image{background-image:url('/black-mesa-960.jpg');background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(13,31,27,.94),rgba(13,31,27,.67))}.hero-secondary{display:block;margin:1rem 0 0}.button-large{width:100%;font-size:1.05rem;padding:.9rem 1rem;text-align:center}.button-large span[aria-hidden]{display:none}.photo-credit{text-align:left}.section{padding-block:4rem}.page-band{padding-block:2.6rem}.independent-note{padding:1rem}.page-card-grid,.material-grid,.empty-topics,.form-row{grid-template-columns:1fr}.material-card{min-height:12rem}.event-card,.question-form{padding:1.4rem;box-shadow:6px 6px 0 #dfe5da}.question-form{box-shadow:6px 6px 0 #335347}.qa-item summary,.answer{padding:1rem}.topic-head h3{font-size:1.65rem}.qa-item + .metoo{padding:.5rem 1rem .8rem}}
@media(max-width:420px){h1{font-size:clamp(2.25rem,9vw,3rem)}h2{font-size:clamp(2rem,8vw,2.45rem)}.event-detail{grid-template-columns:1fr;gap:.25rem}.hero-event-date span{display:block}.independent-note{gap:.7rem}.photo-credit{max-width:calc(100% - 2rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}