/* ════════════════════════════════════════
   Euclid South CID — Option C (Modern Civic)
   Shared stylesheet
════════════════════════════════════════ */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --char:#191e29;--char2:#0f1319;
  --amber:#e8952d;--amber2:#f5aa4a;--amber-pale:#fef3e2;
  --white:#ffffff;--off:#f8f8f6;--grey:#eaeae6;--mid:#d0d0ca;
  --text:#191e29;--muted:#7a7a72;--sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;
}
body{font-family:var(--sans);background:var(--white);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:var(--sans);cursor:pointer}

/* ─── NAV ─── */
.nav{background:white;border-bottom:1px solid var(--grey);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;position:sticky;top:0;z-index:100}
.nav-logo{display:flex;align-items:center;cursor:pointer}
.nav-logo-img{height:48px;width:auto;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-link{font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;padding:7px 12px;border-radius:6px;border:none;background:none;transition:all 0.15s}
.nav-link:hover{color:var(--text);background:var(--off)}
.nav-link.active{color:var(--text);background:var(--off)}
.nav-cta{background:var(--char);color:white;padding:9px 20px;font-size:12px;font-weight:600;letter-spacing:-0.01em;border:none;border-radius:6px;cursor:pointer;margin-left:8px;transition:background 0.15s;display:flex;align-items:center;gap:6px}
.nav-cta:hover{background:var(--amber);color:var(--char)}
.nav-toggle{display:none;background:none;border:none;width:42px;height:42px;align-items:center;justify-content:center;border-radius:8px;color:var(--char);transition:background 0.15s}
.nav-toggle:hover{background:var(--off)}

/* ─── HERO ─── */
.hero{background:var(--char);padding:80px 48px;min-height:560px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.hero-bg-number{position:absolute;right:-20px;top:-40px;font-size:400px;font-weight:800;color:rgba(255,255,255,0.03);line-height:1;pointer-events:none;letter-spacing:-0.05em;user-select:none}
.hero-top{position:relative;z-index:1}
.hero-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(232,149,45,0.15);border:1px solid rgba(232,149,45,0.35);color:var(--amber);padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:0.04em;margin-bottom:28px}
.hero-h1{font-size:72px;font-weight:800;line-height:1.0;color:white;letter-spacing:-0.04em;max-width:760px}
.hero-h1 em{color:var(--amber);font-style:normal}
.hero-bottom{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.hero-sub{font-size:16px;line-height:1.7;color:rgba(255,255,255,0.5);font-weight:300;max-width:500px}
.hero-actions{display:flex;gap:10px;margin-top:28px}
.btn-amber{background:var(--amber);color:var(--char);padding:12px 26px;font-size:13px;font-weight:700;letter-spacing:-0.01em;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background 0.15s;text-decoration:none}
.btn-amber:hover{background:var(--amber2)}
.btn-ghost{border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.7);padding:12px 22px;font-size:13px;font-weight:500;letter-spacing:-0.01em;background:none;border-radius:6px;cursor:pointer;transition:border-color 0.15s;display:inline-flex;align-items:center}
.btn-ghost:hover{border-color:rgba(255,255,255,0.5)}
.hero-stats{display:flex;flex-direction:column;gap:16px;text-align:right;flex-shrink:0}
.hero-stat-num{font-size:44px;font-weight:800;color:white;line-height:1;letter-spacing:-0.04em}
.hero-stat-num span{color:var(--amber)}
.hero-stat-label{font-size:11px;font-weight:500;color:rgba(255,255,255,0.4);letter-spacing:0.06em;text-transform:uppercase;margin-top:2px}

/* ─── QUICKLINKS ─── */
.quicklinks{background:var(--amber);display:grid;grid-template-columns:repeat(4,1fr)}
.ql{padding:22px 28px;border-right:1px solid rgba(0,0,0,0.1);cursor:pointer;transition:background 0.12s;display:flex;align-items:center;gap:14px;text-decoration:none}
.ql:last-child{border-right:none}
.ql:hover{background:rgba(0,0,0,0.07)}
.ql-icon-wrap{width:38px;height:38px;background:rgba(25,30,41,0.12);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ql-label{font-size:13px;font-weight:700;color:var(--char);letter-spacing:-0.02em}
.ql-desc{font-size:11px;color:rgba(25,30,41,0.6);margin-top:2px}

/* ─── ABOUT (home) ─── */
.about-section{padding:80px 48px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:white}
.about-label{font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--amber);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.about-label::before{content:'';display:block;width:20px;height:2px;background:var(--amber)}
.about-h2{font-size:48px;font-weight:800;line-height:1.05;letter-spacing:-0.04em;color:var(--char);margin-bottom:20px}
.about-body{font-size:15px;line-height:1.8;color:var(--muted);font-weight:400}
.about-body p+p{margin-top:14px}
.about-pullquote{font-size:20px;font-weight:700;color:var(--char);letter-spacing:-0.03em;line-height:1.4;border-left:3px solid var(--amber);padding-left:20px;margin:28px 0;font-style:italic}
.about-right{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.about-tile{background:var(--off);padding:36px 28px;display:flex;flex-direction:column;justify-content:flex-end;min-height:200px}
.about-tile:nth-child(1){background:var(--char);grid-column:span 2}
.about-tile-num{font-size:56px;font-weight:800;color:var(--amber);letter-spacing:-0.05em;line-height:1}
.about-tile-label{font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.about-tile:nth-child(1) .about-tile-label{color:rgba(255,255,255,0.5)}
.about-tile-desc{font-size:13px;color:rgba(255,255,255,0.6);margin-top:6px;line-height:1.5}

/* ─── EVENTS (home) ─── */
.events-section{background:var(--off);padding:80px 48px}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.section-label{font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.section-label::before{content:'';display:block;width:16px;height:2px;background:var(--amber)}
.section-h2{font-size:44px;font-weight:800;letter-spacing:-0.04em;color:var(--char)}
.see-all{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--char);background:none;border:1px solid var(--mid);border-radius:6px;padding:9px 16px;cursor:pointer;transition:all 0.15s;text-decoration:none}
.see-all:hover{border-color:var(--char);background:var(--char);color:white}
.events-rail{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3px}
.event-hero{background:var(--char);padding:48px;min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;cursor:pointer}
.event-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#191e29 0%,#0f1319 100%)}
.event-hero-num{position:absolute;top:-20px;right:-10px;font-size:240px;font-weight:800;color:rgba(255,255,255,0.03);line-height:1;pointer-events:none;letter-spacing:-0.05em}
.event-hero-content{position:relative;z-index:1}
.event-hero-tag{display:inline-flex;align-items:center;gap:5px;background:var(--amber);color:var(--char);padding:4px 10px;border-radius:4px;font-size:9.5px;font-weight:700;letter-spacing:0.06em;margin-bottom:16px}
.event-hero-name{font-size:44px;font-weight:800;color:white;letter-spacing:-0.04em;line-height:1.0;margin-bottom:12px}
.event-hero-desc{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.65;max-width:380px}
.event-card{background:white;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:background 0.15s;min-height:188px;border-bottom:3px solid transparent}
.event-card:hover{background:var(--amber-pale);border-bottom-color:var(--amber)}
.event-card-season{font-size:9.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}
.event-card-name{font-size:22px;font-weight:800;letter-spacing:-0.03em;color:var(--char);line-height:1.1}
.event-card-month{font-size:12px;color:var(--muted);margin-top:6px}
.event-col{display:flex;flex-direction:column;gap:3px}

/* ─── DOCS TEASER (home) ─── */
.docs-teaser{background:var(--char);padding:80px 48px}
.docs-teaser-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.docs-teaser-h2{font-size:44px;font-weight:800;letter-spacing:-0.04em;color:white;line-height:1.05;margin-bottom:16px}
.docs-teaser-h2 em{color:var(--amber);font-style:normal}
.docs-teaser-sub{font-size:14px;color:rgba(255,255,255,0.48);line-height:1.75;margin-bottom:28px}
.docs-list{display:flex;flex-direction:column;gap:2px}
.doc-item{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.07);border-radius:6px;padding:13px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background 0.12s;text-decoration:none}
.doc-item:hover{background:rgba(255,255,255,0.09)}
.doc-item-info{flex:1;min-width:0}
.doc-item-title{font-size:13px;color:white;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.01em}
.doc-item-meta{font-size:11px;color:rgba(255,255,255,0.38);margin-top:3px;display:flex;gap:8px;align-items:center}
.doc-type-chip{font-size:9px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:2px 7px;background:rgba(232,149,45,0.18);color:var(--amber);border-radius:4px}
.doc-all-btn{display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.6);padding:13px;font-size:12px;font-weight:600;cursor:pointer;border-radius:6px;margin-top:6px;font-family:var(--sans);transition:all 0.15s;width:100%;text-decoration:none}
.doc-all-btn:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.3)}

/* ─── NEWSLETTER ─── */
.newsletter{padding:64px 48px;background:white;border-top:1px solid var(--grey);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.nl-label{font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.nl-label::before{content:'';display:block;width:16px;height:2px;background:var(--amber)}
.nl-h2{font-size:36px;font-weight:800;letter-spacing:-0.04em;color:var(--char);line-height:1.1;margin-bottom:10px}
.nl-sub{font-size:14px;color:var(--muted);line-height:1.7}
.nl-form{display:flex;gap:8px;flex-direction:column}
.nl-input-row{display:flex;gap:0}
.nl-input{flex:1;background:var(--off);border:1.5px solid var(--grey);border-right:none;padding:13px 16px;font-size:14px;font-family:var(--sans);outline:none;color:var(--text);border-radius:6px 0 0 6px;font-weight:400}
.nl-input:focus{border-color:var(--amber);background:white}
.nl-btn{background:var(--char);color:white;border:none;padding:13px 22px;font-size:12px;font-weight:700;cursor:pointer;border-radius:0 6px 6px 0;font-family:var(--sans);transition:background 0.15s;white-space:nowrap}
.nl-btn:hover{background:var(--amber);color:var(--char)}
.nl-note{font-size:11px;color:var(--muted)}

/* ─── FOOTER ─── */
.footer{background:var(--char2);padding:56px 48px 32px}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.footer-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.footer-logo-mark{width:28px;height:28px;background:var(--amber);display:flex;align-items:center;justify-content:center;border-radius:4px}
.footer-logo-mark span{font-size:12px;font-weight:800;color:var(--char)}
.footer-logo-name{font-size:15px;font-weight:700;color:white;letter-spacing:-0.02em}
.footer-desc{font-size:12.5px;color:rgba(255,255,255,0.38);line-height:1.75}
.footer-col-title{font-size:9px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}
.footer-links{display:flex;flex-direction:column;gap:9px}
.footer-links a{font-size:12.5px;color:rgba(255,255,255,0.48);background:none;border:none;text-align:left;cursor:pointer;transition:color 0.12s;padding:0;font-family:var(--sans);font-weight:400;text-decoration:none;display:block}
.footer-links a:hover{color:white}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:11px;color:rgba(255,255,255,0.22);font-weight:400}
.footer-socials{display:flex;gap:16px}
.footer-socials a{font-size:11px;color:rgba(255,255,255,0.32);letter-spacing:0.06em;transition:color 0.12s}
.footer-socials a:hover{color:var(--amber)}

/* ─── DOCS PAGE ─── */
.docs-page{background:var(--off);min-height:calc(100vh - 64px)}
.docs-page-header{background:var(--char);padding:52px 48px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.docs-page-h1{font-size:52px;font-weight:800;letter-spacing:-0.04em;color:white;margin-bottom:12px;line-height:1}
.docs-page-sub{font-size:14px;color:rgba(255,255,255,0.48);line-height:1.7;max-width:560px}
.docs-page-stats{display:flex;gap:32px;flex-shrink:0}
.docs-page-stat{text-align:right}
.docs-page-stat-num{font-size:44px;font-weight:800;color:var(--amber);letter-spacing:-0.04em;line-height:1}
.docs-page-stat-label{font-size:10px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-top:4px}
.docs-body{padding:40px 48px;display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}
.docs-sidebar{background:white;border:1.5px solid var(--grey);border-radius:8px;overflow:hidden}
.docs-sidebar-section{padding:18px 16px;border-bottom:1px solid var(--grey)}
.docs-sidebar-section:last-child{border-bottom:none}
.docs-sidebar-label{font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.docs-filter-btn{width:100%;text-align:left;background:none;border:none;padding:8px 10px;font-size:12.5px;font-family:var(--sans);font-weight:500;color:var(--text);cursor:pointer;border-radius:5px;display:flex;align-items:center;gap:8px;transition:background 0.1s}
.docs-filter-btn:hover{background:var(--off)}
.docs-filter-btn.active{background:var(--char);color:white}
.filter-count{margin-left:auto;font-size:9.5px;background:var(--grey);color:var(--muted);padding:1px 7px;border-radius:10px}
.docs-filter-btn.active .filter-count{background:rgba(255,255,255,0.18);color:white}
.docs-toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center}
.docs-search-wrap{flex:1;display:flex}
.docs-search-input{flex:1;background:white;border:1.5px solid var(--grey);border-right:none;padding:10px 16px;font-size:13px;font-family:var(--sans);outline:none;color:var(--text);border-radius:6px 0 0 6px;font-weight:400}
.docs-search-input:focus{border-color:var(--amber)}
.docs-search-btn{background:var(--char);border:none;padding:0 14px;cursor:pointer;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center}
.year-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.year-chip{padding:7px 14px;font-size:12px;font-weight:600;border:1.5px solid var(--grey);background:white;cursor:pointer;border-radius:20px;transition:all 0.12s;font-family:var(--sans);color:var(--muted);letter-spacing:-0.01em}
.year-chip.active{background:var(--char);color:white;border-color:var(--char)}
.year-chip:hover:not(.active){border-color:var(--char);color:var(--char)}
.docs-table{background:white;border:1.5px solid var(--grey);border-radius:8px;overflow:hidden}
.docs-table-head{display:grid;grid-template-columns:1fr 150px 130px 110px;padding:12px 20px;background:var(--char);gap:12px;align-items:center}
.docs-table-hcell{font-size:9.5px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.5)}
.docs-row{display:grid;grid-template-columns:1fr 150px 130px 110px;padding:13px 20px;border-bottom:1px solid var(--grey);gap:12px;align-items:center;cursor:pointer;transition:background 0.1s}
.docs-row:last-child{border-bottom:none}
.docs-row:hover{background:var(--amber-pale)}
.docs-row-title{font-size:13px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:9px;min-width:0;letter-spacing:-0.01em}
.docs-row-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.docs-row-date{font-size:12px;color:var(--muted)}
.type-badge{font-size:9.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:3px 9px;border-radius:4px;white-space:nowrap}
.badge-board{background:#e8f4f0;color:#1b3a2d}
.badge-joint{background:#fef3c7;color:#92400e}
.badge-special{background:#fee2e2;color:#991b1b}
.docs-row-actions{display:flex;gap:6px;justify-content:flex-end}
.doc-btn{background:none;border:1.5px solid var(--grey);padding:5px 10px;font-size:10.5px;font-weight:600;font-family:var(--sans);cursor:pointer;display:flex;align-items:center;gap:4px;color:var(--text);border-radius:5px;transition:all 0.12s;white-space:nowrap}
.doc-btn:hover{background:var(--char);color:white;border-color:var(--char)}
.docs-empty{padding:32px;text-align:center;color:var(--muted);font-size:14px}
.annual-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
.annual-card{background:white;border:1.5px solid var(--grey);border-radius:8px;padding:20px;cursor:pointer;transition:all 0.15s;display:flex;flex-direction:column;gap:12px}
.annual-card:hover{border-color:var(--amber);box-shadow:0 4px 16px rgba(232,149,45,0.12)}
.annual-card-year{font-size:32px;font-weight:800;color:var(--amber);letter-spacing:-0.04em}
.annual-card-title{font-size:13px;font-weight:500;color:var(--text)}
.annual-card-dl{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted)}

/* ─── EVENTS PAGE ─── */
.events-page{background:var(--off);min-height:calc(100vh - 64px)}
.events-page-header{background:var(--char);padding:52px 48px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.events-page-h1{font-size:56px;font-weight:800;letter-spacing:-0.05em;color:white;margin-bottom:12px;line-height:1}
.events-page-sub{font-size:14px;color:rgba(255,255,255,0.48);max-width:500px;line-height:1.7}
.events-body{padding:36px 48px}
.events-featured{background:var(--char);border-radius:12px;padding:48px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:24px;position:relative;overflow:hidden}
.events-featured-bg{position:absolute;right:-60px;top:-60px;font-size:320px;font-weight:800;color:rgba(255,255,255,0.025);line-height:1;pointer-events:none;letter-spacing:-0.05em}
.events-featured-content{position:relative;z-index:1}
.events-featured-tag{display:inline-flex;align-items:center;gap:5px;background:var(--amber);color:var(--char);padding:5px 12px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:0.06em;margin-bottom:18px}
.events-featured-name{font-size:52px;font-weight:800;letter-spacing:-0.04em;color:white;line-height:1.0;margin-bottom:14px}
.events-featured-desc{font-size:15px;color:rgba(255,255,255,0.55);line-height:1.7;max-width:520px}
.events-featured-cta{position:relative;z-index:1}
.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.event-card-c{background:white;border-radius:8px;overflow:hidden;border:1.5px solid var(--grey);cursor:pointer;transition:all 0.15s;display:grid;grid-template-columns:200px 1fr}
.event-card-c:hover{border-color:var(--amber);box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.event-card-c-img{background:var(--char);position:relative;overflow:hidden;min-height:160px}
.event-card-c-img-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1e2840 0%,#0f1319 100%)}
.event-card-c-badge{position:absolute;bottom:14px;left:14px;background:var(--amber);color:var(--char);padding:4px 9px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:0.08em}
.event-card-c-body{padding:22px 24px}
.event-card-c-month{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--amber);margin-bottom:8px;display:flex;align-items:center;gap:4px}
.event-card-c-name{font-size:22px;font-weight:800;letter-spacing:-0.03em;color:var(--char);line-height:1.1;margin-bottom:8px}
.event-card-c-desc{font-size:12.5px;color:var(--muted);line-height:1.6}

/* ─── BIZ PAGE ─── */
.biz-page{background:var(--off);min-height:calc(100vh - 64px)}
.biz-header{background:var(--char);padding:52px 48px}
.biz-page-h1{font-size:52px;font-weight:800;letter-spacing:-0.04em;color:white;margin-bottom:8px;line-height:1}
.biz-page-sub{font-size:14px;color:rgba(255,255,255,0.48)}
.biz-body{padding:36px 48px}
.biz-filter-bar{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}
.biz-filter{padding:7px 16px;font-size:12px;font-weight:600;border:1.5px solid var(--grey);background:white;cursor:pointer;transition:all 0.12s;font-family:var(--sans);color:var(--muted);border-radius:20px;letter-spacing:-0.01em}
.biz-filter.active{background:var(--char);color:white;border-color:var(--char)}
.biz-filter:hover:not(.active){border-color:var(--char);color:var(--char)}
.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.biz-card{background:white;border:1.5px solid var(--grey);border-radius:8px;padding:24px;cursor:pointer;transition:all 0.15s}
.biz-card:hover{border-color:var(--amber);box-shadow:0 4px 16px rgba(232,149,45,0.1)}
.biz-cat{font-size:9.5px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.biz-name{font-size:18px;font-weight:700;letter-spacing:-0.03em;margin-bottom:8px;color:var(--char)}
.biz-desc{font-size:12.5px;color:var(--muted);line-height:1.65}

/* ─── ABOUT PAGE ─── */
.about-page-header{background:var(--char);padding:72px 48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.about-page-h1{font-size:60px;font-weight:800;letter-spacing:-0.05em;color:white;line-height:1.0;margin-bottom:16px}
.about-page-h1 em{color:var(--amber);font-style:normal}
.about-page-sub{font-size:15px;color:rgba(255,255,255,0.5);line-height:1.75;max-width:480px}
.about-page-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}
.about-tile-sm{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);padding:28px;border-radius:4px}
.about-tile-sm-num{font-size:44px;font-weight:800;color:var(--amber);letter-spacing:-0.05em;line-height:1}
.about-tile-sm-label{font-size:10px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.42);margin-top:6px}
.about-content{padding:64px 48px;display:grid;grid-template-columns:1fr 1fr;gap:56px;background:white}
.about-content-h3{font-size:28px;font-weight:800;letter-spacing:-0.04em;margin-bottom:16px}
.about-content-body{font-size:14px;color:var(--muted);line-height:1.8}
.about-content-body p+p{margin-top:12px}
.contact-bar{background:var(--amber);padding:48px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.contact-item{display:flex;gap:14px;align-items:flex-start}
.contact-icon{width:44px;height:44px;background:rgba(25,30,41,0.12);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-label{font-size:9.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:rgba(25,30,41,0.6);margin-bottom:6px}
.contact-value{font-size:14px;font-weight:600;color:var(--char);white-space:pre-line}

/* ─── STATS SECTION ─── */
.stats-section{padding:72px 48px;background:var(--off)}
.stats-h2{font-size:48px;font-weight:800;letter-spacing:-0.05em;color:var(--char);margin-bottom:40px}
.stats-h2 em{color:var(--amber);font-style:normal}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.stat-card{background:white;border:1.5px solid var(--grey);border-radius:16px;padding:32px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.stat-card:hover{border-color:var(--amber);box-shadow:0 8px 24px rgba(232,149,45,0.12);transform:translateY(-2px)}
.stat-card-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--grey)}
.stat-card-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(232,149,45,0.1),rgba(232,149,45,0.05));border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stat-card-title{font-size:20px;font-weight:700;color:var(--char);letter-spacing:-0.02em}
.stat-metric{margin-bottom:24px}
.stat-metric:last-child{margin-bottom:0}
.stat-metric-label{font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.stat-metric-value{font-size:36px;font-weight:800;color:var(--char);letter-spacing:-0.04em;line-height:1}
.stat-metric-sub{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.4}
.stat-breakdown{margin-top:24px;padding-top:24px;border-top:1px solid var(--grey)}
.stat-breakdown-item{display:flex;justify-content:space-between;font-size:14px;color:var(--text);padding:10px 0;border-bottom:1px solid var(--off);font-weight:500}
.stat-breakdown-item:last-child{border-bottom:none}
.stat-breakdown-item span:last-child{font-weight:700;color:var(--char)}
.stat-note{font-size:12px;color:var(--muted);margin-top:20px;line-height:1.6;padding:12px;background:var(--off);border-radius:8px;border-left:3px solid var(--amber)}
.stat-list{margin-top:24px}
.stat-list-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text);padding:10px 0;font-weight:500}
.stat-list-item span[data-icon]{flex-shrink:0}
.stats-cta{background:var(--char);border-radius:16px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:0 8px 32px rgba(0,0,0,0.12)}
.stats-cta-title{font-size:24px;font-weight:700;color:white;letter-spacing:-0.02em;margin-bottom:8px}
.stats-cta-sub{font-size:15px;color:rgba(255,255,255,0.7);max-width:450px;line-height:1.5}
.stats-cta-actions{display:flex;gap:16px}
.btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,0.4);color:white;padding:14px 24px;font-size:14px;font-weight:600;font-family:var(--sans);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all 0.2s;text-decoration:none}
.btn-outline:hover{border-color:white;background:rgba(255,255,255,0.15);transform:translateY(-1px)}
.btn-outline-dark{background:transparent;border:1.5px solid var(--char);color:var(--char);padding:14px 24px;font-size:14px;font-weight:600;font-family:var(--sans);border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all 0.2s;text-decoration:none}
.btn-outline-dark:hover{border-color:var(--amber);color:var(--amber);transform:translateY(-1px)}

/* ─── RESOURCES PAGE ─── */
.resources-page-header{background:var(--char);padding:72px 48px;display:grid;grid-template-columns:1fr;gap:32px}
.resources-page-h1{font-size:60px;font-weight:800;letter-spacing:-0.05em;color:white;line-height:1.0;margin-bottom:16px}
.resources-page-sub{font-size:15px;color:rgba(255,255,255,0.5);line-height:1.75;max-width:600px}
.featured-program{background:linear-gradient(135deg,var(--char),#1a1f2e);padding:48px;border-radius:16px;margin:48px;box-shadow:0 8px 32px rgba(0,0,0,0.12)}
.featured-program-badge{display:inline-block;background:var(--amber);color:var(--char);font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:6px 12px;border-radius:4px;margin-bottom:24px}
.featured-program-content{display:grid;grid-template-columns:2fr 1fr;gap:48px}
.featured-program-title{font-size:36px;font-weight:800;color:white;letter-spacing:-0.04em;margin-bottom:16px}
.featured-program-desc{font-size:16px;color:rgba(255,255,255,0.7);line-height:1.7;margin-bottom:32px;max-width:600px}
.featured-program-stats{display:flex;gap:48px;margin-bottom:32px}
.featured-stat{text-align:center}
.featured-stat-value{font-size:48px;font-weight:800;color:var(--amber);letter-spacing:-0.04em;line-height:1}
.featured-stat-label{font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-top:8px}
.featured-program-cta{display:flex;gap:16px}
.program-timeline{background:rgba(255,255,255,0.05);border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,0.1)}
.program-timeline-title{font-size:14px;font-weight:700;color:white;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:20px}
.timeline-item{padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.timeline-item:last-child{border-bottom:none}
.timeline-date{font-size:13px;font-weight:700;color:var(--amber);margin-bottom:4px}
.timeline-label{font-size:14px;color:rgba(255,255,255,0.7)}
.resources-section{padding:72px 48px;background:var(--off)}
.resources-section-h2{font-size:48px;font-weight:800;letter-spacing:-0.05em;color:var(--char);margin-bottom:40px}
.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.resource-card{background:white;border:1.5px solid var(--grey);border-radius:16px;padding:32px;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.resource-card:hover{border-color:var(--amber);box-shadow:0 8px 24px rgba(232,149,45,0.12);transform:translateY(-2px)}
.resource-card-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(232,149,45,0.1),rgba(232,149,45,0.05));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.resource-card-title{font-size:20px;font-weight:700;color:var(--char);letter-spacing:-0.02em;margin-bottom:12px}
.resource-card-desc{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.resource-card-link{font-size:14px;font-weight:600;color:var(--amber);text-decoration:none;display:flex;align-items:center;gap:8px;transition:all 0.2s}
.resource-card-link:hover{gap:12px}
.business-cta{background:var(--char);padding:72px 48px;display:flex;align-items:center;justify-content:center}
.business-cta-content{display:flex;align-items:center;gap:40px;max-width:1000px}
.business-cta-icon{width:80px;height:80px;background:rgba(232,149,45,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.business-cta-text{flex:1}
.business-cta-title{font-size:32px;font-weight:800;color:white;letter-spacing:-0.04em;margin-bottom:12px}
.business-cta-sub{font-size:16px;color:rgba(255,255,255,0.7);line-height:1.6}
.business-cta-actions{display:flex;gap:16px;flex-shrink:0}

/* ─── REDIRECT BANNER ─── */
.redirect-banner{background:linear-gradient(135deg,#f5a623,#e8952d);padding:16px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(0,0,0,0.15)}
.redirect-banner-content{display:flex;align-items:center;gap:16px;flex:1}
.redirect-banner-icon{width:40px;height:40px;background:rgba(255,255,255,0.3);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.redirect-banner-text{flex:1}
.redirect-banner-title{font-size:14px;font-weight:700;color:#1a1f2e;margin-bottom:2px}
.redirect-banner-sub{font-size:12px;color:#2d3748}
.redirect-banner-close{width:32px;height:32px;background:rgba(26,31,46,0.15);border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1a1f2e;transition:all 0.2s;flex-shrink:0}
.redirect-banner-close:hover{background:rgba(26,31,46,0.25);color:#1a1f2e}
.redirect-banner-actions{display:flex;flex-shrink:0}

/* icon helper sizing */
[data-icon] svg{display:block}

/* ─── RESPONSIVE ─── */
@media(max-width:900px){
  .nav{padding:0 20px}
  .nav-toggle{display:flex}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:2px;padding:10px 12px 14px;border-bottom:1px solid var(--grey);box-shadow:0 12px 30px rgba(0,0,0,0.1)}
  .nav-links.open{display:flex}
  .nav-link{padding:12px 14px;font-size:14px;border-radius:8px}
  .nav-cta{margin-left:0;margin-top:6px;justify-content:center;padding:13px 20px;font-size:13px}
  .hero,.about-section,.events-section,.docs-teaser,.newsletter,.docs-body,.events-body,.biz-body,.about-content,.contact-bar,.docs-page-header,.events-page-header,.biz-header,.about-page-header,.stats-section,.resources-page-header,.resources-section,.business-cta{padding-left:20px;padding-right:20px}
  .hero-h1{font-size:48px}
  .hero-bottom,.about-section,.docs-teaser-inner,.newsletter,.docs-body,.events-grid,.about-content,.about-page-header,.stats-cta,.featured-program-content,.business-cta-content,.events-featured{grid-template-columns:1fr}
  .events-rail{grid-template-columns:1fr}
  .biz-grid,.annual-grid,.stats-grid,.resources-grid{grid-template-columns:1fr 1fr}
  .quicklinks{grid-template-columns:1fr 1fr}
  .ql:nth-child(2){border-right:none}
  .ql:nth-child(1),.ql:nth-child(2){border-bottom:1px solid rgba(0,0,0,0.1)}
  .docs-page-header,.events-page-header{grid-template-columns:1fr}
  .contact-bar{grid-template-columns:1fr}
  .event-card-c,.docs-table-head,.docs-row{grid-template-columns:1fr}
  .docs-table-head{display:none}
  .docs-row-actions{justify-content:flex-start}
  .hero-bottom{gap:32px}
  .hero-stats{flex-direction:row;text-align:left;gap:40px}
  .events-featured{gap:28px;align-items:start;padding:32px}
  .events-featured-name{font-size:36px}
  .docs-page-stats,.events-page-header .docs-page-stats{justify-content:flex-start}
  .stats-h2{font-size:36px}
  .featured-program{margin:24px;padding:32px}
  .featured-program-stats{gap:24px}
  .featured-stat-value{font-size:36px}
  .redirect-banner{padding:12px 20px}
  .redirect-banner-content{gap:12px}
  .redirect-banner-actions{display:none}
  .business-cta-content{flex-direction:column;text-align:center}
  .business-cta-actions{justify-content:center}
}

@media(max-width:600px){
  .annual-grid,.biz-grid,.stats-grid,.resources-grid{grid-template-columns:1fr}
  .hero-h1{font-size:36px}
  .hero-sub{font-size:14px}
  .about-page-h1,.docs-page-h1,.events-page-h1,.biz-page-h1,.resources-page-h1{font-size:36px}
  .about-page-sub,.docs-page-sub,.events-page-sub,.biz-page-sub,.resources-page-sub{font-size:14px}
  .section-label{font-size:10px}
  .stats-h2{font-size:28px}
  .featured-program-title{font-size:28px}
  .featured-program-stats{flex-direction:column;gap:16px}
  .featured-stat-value{font-size:32px}
  .program-timeline{padding:16px}
  .business-cta-title{font-size:24px}
  .business-cta-sub{font-size:14px}
  .business-cta-content{gap:24px}
  .redirect-banner-content{flex-direction:column;text-align:center;gap:12px}
  .redirect-banner-actions{justify-content:center;width:100%}
  .contact-bar{grid-template-columns:1fr;gap:24px}
  .footer-top{grid-template-columns:1fr;gap:32px}
  .footer-links{display:flex;flex-wrap:wrap;gap:8px}
  .about-page-tiles{grid-template-columns:1fr 1fr;gap:12px}
  .about-tile-sm{padding:16px}
  .about-tile-sm-num{font-size:24px}
  .about-tile-sm-label{font-size:11px}
  .stat-card{padding:24px}
  .stat-metric-value{font-size:28px}
  .resource-card{padding:24px}
  .resource-card-icon{width:48px;height:48px}
  .stats-cta{flex-direction:column;text-align:center;gap:24px}
  .stats-cta-actions{flex-direction:column;width:100%}
  .btn-amber,.btn-outline-dark{width:100%;justify-content:center}
  .quicklinks{grid-template-columns:1fr}
  .ql{border-right:none;border-bottom:1px solid rgba(0,0,0,0.1)}
  .ql:last-child{border-bottom:none}
  .about-h2,.section-h2,.about-page-h1{font-size:32px}
  .about-right{grid-template-columns:1fr}
  .about-tile:nth-child(1){grid-column:span 1}
  .hero-stats{gap:28px}
  .hero-stat-num{font-size:36px}
  .hero-actions{flex-direction:column}
  .hero-actions .btn-amber,.hero-actions .btn-ghost{width:100%;justify-content:center}
  .events-featured{padding:28px}
  .events-featured-name{font-size:30px}
  .events-featured-cta .btn-amber{width:100%;justify-content:center}
  .nl-input-row{flex-direction:column;gap:8px}
  .nl-input{border-right:1.5px solid var(--grey);border-radius:6px}
  .nl-btn{border-radius:6px;width:100%}
  .docs-toolbar{flex-direction:column}
  .docs-page-stats{gap:24px}
  .docs-page-stat-num{font-size:32px}
}