:root {
  --yo-navy: #13233a;
  --yo-deep: #0d1a29;
  --yo-paper: #fffdf8;
  --yo-cream: #f6f3ec;
  --yo-gold: #c9a84c;
  --yo-teal: #2a7f7f;
  --yo-rust: #c8612d;
  --yo-muted: #63707d;
  --yo-line: rgba(19, 35, 58, .15);
}

/* Authenticated Youth Opportunity stewardship room */
.yo-operations { background: #f4f1e9; min-height: 100vh; padding-bottom: 5rem; }
.yo-operations-shell { width: min(1160px, calc(100% - 2rem)); margin: 2rem auto 0; padding: clamp(1.25rem, 3vw, 2.5rem); background: #fff; border: 1px solid rgba(22, 42, 37, .14); border-radius: 18px; box-shadow: 0 18px 48px rgba(20, 36, 31, .08); }
.yo-operations-shell h2 { margin: .1rem 0 .6rem; font-family: "Playfair Display", serif; font-size: clamp(1.8rem, 3vw, 2.6rem); color: #173b32; }
.yo-operations-shell h3 { color: #173b32; }
.yo-operations-heading, .yo-health-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.yo-operations .yo-operations-heading .yo-button-secondary { border-color: #173b32; background: #fff; color: #173b32; cursor: pointer; }
.yo-operations .yo-operations-heading .yo-button-secondary:hover { background: #173b32; color: #fff; }
.yo-operations-heading > div > p:last-child { max-width: 720px; }
.yo-operations-pills { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.5rem; }
.yo-health-badge { display: inline-flex; align-items: center; border: 1px solid #c9a84c; border-radius: 999px; padding: .35rem .65rem; color: #5d4c17; background: #fff9de; font: 700 .72rem/1 Inter, sans-serif; text-transform: uppercase; letter-spacing: .05em; white-space: nowrap; }
.yo-health-badge.is-current, .yo-health-badge.is-ready { color: #145c45; border-color: #75b49e; background: #e8f7f0; }
.yo-health-badge.is-due_soon, .yo-health-badge.is-overdue, .yo-health-badge.is-invalid { color: #8a3024; border-color: #d99e93; background: #fff0ed; }
.yo-health-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; margin: 1.5rem 0 2rem; }
.yo-health-card { padding: 1rem; border: 1px solid #d9ddd7; border-radius: 12px; background: #fbfcf9; }
.yo-health-card h3 { margin: 0; font-size: 1rem; }
.yo-health-card p { margin: .9rem 0 .4rem; }
.yo-health-card small { color: #66746d; }
.yo-operations-boundary, .yo-operations-note { padding: .85rem 1rem; background: #f4f1e9; border-left: 4px solid #c9a84c; color: #48564f; }
.yo-operations-split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.yo-operations-split > div { border-top: 1px solid #d9ddd7; padding-top: 1rem; }
.yo-health-list { margin: 1rem 0 0; }
.yo-health-list div { display: grid; grid-template-columns: minmax(110px, .8fr) 1.2fr; gap: .8rem; padding: .55rem 0; border-bottom: 1px solid #e4e7e2; }
.yo-health-list dt { font-weight: 700; color: #40544b; }
.yo-health-list dd { margin: 0; overflow-wrap: anywhere; }
.yo-report-queue { display: grid; gap: 1rem; margin-top: 1.25rem; }
.yo-report-card { padding: 1.2rem; border: 1px solid #d9ddd7; border-radius: 12px; background: #fbfcf9; }
.yo-report-card h3 { margin: .25rem 0 0; text-transform: capitalize; }
.yo-report-card textarea { width: 100%; min-height: 76px; margin-top: .4rem; padding: .7rem; border: 1px solid #b8c1bc; border-radius: 8px; font: inherit; }
.yo-report-meta { color: #65726c; font-size: .83rem; }
.yo-report-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .8rem; }
.yo-report-actions button { border: 1px solid #173b32; border-radius: 999px; padding: .55rem .8rem; background: #fff; color: #173b32; font-weight: 700; cursor: pointer; }
.yo-report-actions button:hover { background: #173b32; color: #fff; }
.yo-operations-empty { padding: 1.2rem; border: 1px dashed #aeb8b2; border-radius: 10px; color: #5d6a64; }
.yo-operations-error { border-color: #d99e93; }

@media (max-width: 700px) {
  .yo-operations-split { grid-template-columns: 1fr; }
  .yo-operations-heading, .yo-health-card-top { align-items: flex-start; flex-direction: column; }
  .yo-health-list div { grid-template-columns: 1fr; gap: .15rem; }
}

.yo-hero { position: relative; overflow: hidden; padding: 54px 24px 76px; color: white; background: radial-gradient(circle at 83% 26%, rgba(42,127,127,.42), transparent 31%), linear-gradient(118deg, #0d1a29 0%, #162a45 59%, #244f55 100%); }
.yo-hero:after { position: absolute; right: clamp(24px,8vw,118px); bottom: 0; left: clamp(24px,8vw,118px); height: 5px; background: linear-gradient(90deg,var(--yo-gold),var(--yo-rust),var(--yo-teal)); content: ""; }
.yo-hero-inner { position: relative; z-index: 1; width: min(1150px,100%); margin: 0 auto; }
.yo-subnav { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 50px; }
.yo-subnav a { display: inline-flex; min-height: 38px; align-items: center; padding: 8px 13px; border: 1px solid rgba(255,255,255,.25); color: rgba(255,255,255,.8); font-size: 11px; font-weight: 800; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.yo-subnav a:hover,.yo-subnav a[aria-current="page"] { border-color: var(--yo-gold); background: rgba(201,168,76,.13); color: white; }
.yo-eyebrow,.yo-kicker { margin: 0 0 9px; color: var(--yo-rust); font-size: 11px; font-weight: 900; letter-spacing: .13em; line-height: 1.35; text-transform: uppercase; }
.yo-hero .yo-eyebrow { color: var(--yo-gold); }
.yo-hero h1 { max-width: 920px; margin: 0; font-family: "Playfair Display",Georgia,serif; font-size: clamp(2.65rem,7vw,5.55rem); font-weight: 700; letter-spacing: -.045em; line-height: .98; }
.yo-hero h1 span { display: block; color: var(--yo-gold); }
.yo-dek { max-width: 800px; margin: 27px 0 0; color: rgba(255,255,255,.86); font-size: clamp(1rem,2vw,1.17rem); line-height: 1.78; }
.yo-hero-actions,.yo-bridge-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.yo-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 11px 17px; border: 1px solid transparent; color: white; font-size: 12px; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.yo-button-primary { border-color: var(--yo-teal); background: var(--yo-teal); }
.yo-button-primary:hover { border-color: #226a6a; background: #226a6a; }
.yo-button-secondary { border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.06); }
.yo-button-secondary:hover { border-color: white; background: rgba(255,255,255,.13); }
.yo-button-light { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.yo-trust-row { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 34px; }
.yo-trust-row span { padding: 7px 11px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.07); color: rgba(255,255,255,.8); font-size: 11px; font-weight: 700; }
.yo-boundary { display: grid; grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr); gap: 40px; width: min(1080px,calc(100% - 48px)); margin: 46px auto 8px; padding: 27px 29px; border: 1px solid rgba(201,168,76,.3); border-left: 5px solid var(--yo-gold); background: rgba(201,168,76,.075); }
.yo-boundary h2,.yo-section-heading h2,.yo-advocate-bridge h2 { margin: 0; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; line-height: 1.13; }
.yo-boundary h2 { font-size: clamp(1.6rem,3vw,2.2rem); }
.yo-boundary > p { margin: 0; color: #525e68; font-size: 14.5px; line-height: 1.78; }
.yo-pathway { width: min(1150px,calc(100% - 48px)); margin: 0 auto; padding: 68px 0 16px; }
.yo-pathway-heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: clamp(28px,5vw,70px); align-items: end; }
.yo-pathway-heading h2 { max-width: 720px; margin: 0; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: clamp(2rem,4.6vw,3.5rem); letter-spacing: -.025em; line-height: 1.08; }
.yo-pathway-heading > p { margin: 0; color: #52616c; font-size: 14px; line-height: 1.8; }
.yo-mission-status { margin: 30px 0 13px; padding: 10px 13px; border-left: 4px solid var(--yo-gold); background: rgba(201,168,76,.08); color: #53616b; font-size: 11px; font-weight: 800; letter-spacing: .04em; line-height: 1.5; text-transform: uppercase; }
.yo-mission-status.is-ready { border-left-color: var(--yo-teal); background: rgba(42,127,127,.07); }
.yo-mission-status.is-error { border-left-color: var(--yo-rust); }
.yo-mission-stats { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 11px; }
.yo-mission-stats article { min-width: 0; padding: 19px 17px; border: 1px solid var(--yo-line); border-top: 4px solid var(--yo-rust); background: var(--yo-paper); }
.yo-mission-stats article:nth-child(2),.yo-mission-stats article:nth-child(3) { border-top-color: var(--yo-gold); }
.yo-mission-stats article:nth-child(4) { border-top-color: var(--yo-teal); }
.yo-mission-stats article:nth-child(5) { border-top-color: var(--yo-navy); }
.yo-mission-stats span { display: block; min-height: 27px; color: var(--yo-muted); font-size: 9.5px; font-weight: 900; letter-spacing: .09em; line-height: 1.4; text-transform: uppercase; }
.yo-mission-stats strong { display: block; margin: 11px 0 8px; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: clamp(2rem,3.5vw,3rem); line-height: 1; }
.yo-mission-stats p { min-height: 100px; margin: 0; color: #52616c; font-size: 11px; line-height: 1.62; }
.yo-mission-stats a { display: inline-block; margin-top: 13px; color: var(--yo-teal); font-size: 9.5px; font-weight: 900; letter-spacing: .04em; line-height: 1.45; text-decoration: none; text-transform: uppercase; }
.yo-mission-stats a:hover { text-decoration: underline; }
.yo-pathway-turn { display: grid; grid-template-columns: minmax(0,1fr) 130px minmax(0,1fr); gap: 18px; align-items: stretch; margin-top: 24px; }
.yo-pathway-turn article { padding: clamp(22px,3vw,32px); border: 1px solid var(--yo-line); }
.yo-pathway-pressure { border-top: 5px solid var(--yo-rust) !important; background: rgba(200,97,45,.055); }
.yo-pathway-protection { border-top: 5px solid var(--yo-teal) !important; background: rgba(42,127,127,.06); }
.yo-pathway-turn h3,.yo-pathway-action h3 { margin: 7px 0 15px; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: clamp(1.45rem,2.7vw,2.15rem); line-height: 1.17; }
.yo-pathway-turn ul { margin: 0; padding-left: 19px; color: #4d5c66; font-size: 12.5px; line-height: 1.7; }
.yo-pathway-turn li + li { margin-top: 7px; }
.yo-pathway-arrow { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--yo-rust); text-align: center; }
.yo-pathway-arrow span { font-size: 9.5px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.yo-pathway-arrow b { display: block; margin-top: 8px; font-family: Georgia,serif; font-size: 3rem; font-weight: 400; line-height: 1; }
.yo-pathway-action { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr); gap: 34px; align-items: center; margin-top: 18px; padding: clamp(24px,4vw,38px); background: linear-gradient(120deg,var(--yo-deep),#1d4050); color: white; }
.yo-pathway-action h3 { color: white; }
.yo-pathway-action p:not(.yo-kicker) { max-width: 720px; margin: 0; color: rgba(255,255,255,.8); font-size: 13px; line-height: 1.75; }
.yo-pathway-action > div:last-child { display: grid; gap: 10px; }
.yo-pathway-action .yo-button { width: 100%; text-align: center; }
.yo-pathway-boundary { margin: 18px 0 0; padding: 15px 18px; border-left: 4px solid var(--yo-gold); background: rgba(201,168,76,.075); color: #52616c; font-size: 12px; line-height: 1.65; }
.yo-section-nav { position: sticky; z-index: 20; top: 99px; border-top: 1px solid var(--yo-line); border-bottom: 1px solid var(--yo-line); background: rgba(246,243,236,.96); backdrop-filter: blur(10px); }
.yo-section-nav > div { display: flex; width: min(1150px,calc(100% - 48px)); margin: 0 auto; }
.yo-section-nav a { position: relative; flex: 1 1 auto; padding: 15px 12px; color: var(--yo-muted); font-size: 10px; font-weight: 900; letter-spacing: .075em; text-align: center; text-decoration: none; text-transform: uppercase; }
.yo-section-nav a:hover,.yo-section-nav a[aria-current="location"] { color: var(--yo-navy); }
.yo-section-nav a[aria-current="location"]:after { position: absolute; right: 12px; bottom: -1px; left: 12px; height: 3px; background: var(--yo-rust); content: ""; }
.yo-shell,.yo-economic,.yo-resources,.yo-framework,.yo-continuity,.yo-methods,.yo-sources,.yo-brief-shell { width: min(1150px,calc(100% - 48px)); margin: 0 auto; padding: 68px 0 12px; }
.yo-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 27px; }
.yo-section-heading h2,.yo-advocate-bridge h2 { font-size: clamp(2rem,4vw,3rem); }
.yo-section-heading p:not(.yo-kicker) { max-width: 730px; margin: 12px 0 0; color: #596571; font-size: 14px; line-height: 1.75; }
.yo-status { display: inline-flex; flex: 0 0 auto; align-items: center; padding: 8px 12px; border: 1px solid rgba(42,127,127,.26); border-radius: 999px; background: rgba(42,127,127,.07); color: var(--yo-teal); font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.yo-status.is-error { border-color: rgba(200,97,45,.3); background: rgba(200,97,45,.08); color: var(--yo-rust); }
.yo-controls { display: grid; grid-template-columns: .85fr 1.35fr 1.25fr .9fr 1.65fr; gap: 12px; padding: 21px; border: 1px solid var(--yo-line); background: var(--yo-paper); box-shadow: 0 10px 28px rgba(19,35,58,.045); }
.yo-controls label { display: grid; gap: 7px; }
.yo-controls label > span { color: var(--yo-muted); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.yo-controls select { width: 100%; min-height: 45px; padding: 0 12px; border: 1px solid var(--yo-line); border-radius: 2px; background: white; color: var(--yo-navy); font: inherit; font-size: 13px; }
.yo-controls select:focus { border-color: var(--yo-teal); box-shadow: 0 0 0 3px rgba(42,127,127,.12); outline: none; }
.yo-control-wide { grid-column: span 2; }
.yo-control-note { grid-column: 1 / -1; align-self: end; margin: 0; color: var(--yo-muted); font-size: 11.5px; line-height: 1.55; }
.yo-share-control { display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: 10px 14px; align-items: center; padding-top: 4px; }
.yo-share-control button { min-height: 39px; padding: 8px 13px; border: 1px solid var(--yo-teal); border-radius: 2px; background: transparent; color: var(--yo-teal); cursor: pointer; font: inherit; font-size: 10px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.yo-share-control button:hover,.yo-share-control button:focus-visible { background: var(--yo-teal); color: white; }
.yo-share-control span { color: var(--yo-muted); font-size: 10.5px; line-height: 1.5; }
.yo-summary { margin: 16px 0; padding: 17px 19px; border-left: 4px solid var(--yo-teal); background: rgba(42,127,127,.065); color: #364754; font-size: 14px; line-height: 1.7; }
.yo-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.yo-kpis article { min-width: 0; padding: 19px; border: 1px solid var(--yo-line); border-top: 4px solid var(--yo-gold); background: var(--yo-paper); }
.yo-kpis article:nth-child(2) { border-top-color: var(--yo-teal); }
.yo-kpis article:nth-child(3) { border-top-color: var(--yo-rust); }
.yo-kpis article:nth-child(4) { border-top-color: var(--yo-navy); }
.yo-kpis span { display: block; color: var(--yo-muted); font-size: 10px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.yo-kpis strong { display: block; margin: 8px 0 5px; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: clamp(1.8rem,4vw,2.7rem); line-height: 1; }
.yo-kpis small { display: block; color: var(--yo-muted); font-size: 10.5px; line-height: 1.5; }
.yo-context { margin: 16px 0; padding: 23px; border: 1px solid var(--yo-line); border-top: 5px solid var(--yo-navy); background: var(--yo-paper); }
.yo-context-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 17px; }
.yo-context-heading h3 { margin: 0; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: clamp(1.5rem,3vw,2.15rem); }
.yo-context-heading > span { max-width: 280px; color: var(--yo-muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; line-height: 1.45; text-align: right; text-transform: uppercase; }
.yo-context-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; }
.yo-context-grid article { min-width: 0; padding: 16px; border: 1px solid var(--yo-line); background: rgba(19,35,58,.025); }
.yo-context-grid span { display: block; margin-bottom: 8px; color: var(--yo-rust); font-size: 10px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.yo-context-grid p { margin: 0; color: #4f5d69; font-size: 12px; line-height: 1.65; }
.yo-context-reading { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 22px; align-items: start; margin-top: 12px; padding: 17px 18px; border-left: 4px solid var(--yo-teal); background: rgba(42,127,127,.065); }
.yo-context-reading strong { color: var(--yo-navy); font-size: 11px; letter-spacing: .08em; line-height: 1.5; text-transform: uppercase; }
.yo-context-reading p { margin: 0; color: #465763; font-size: 13px; line-height: 1.7; }
.yo-primary-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(280px,.65fr); gap: 16px; }
.yo-analysis-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 16px; }
.yo-panel { min-width: 0; padding: 24px; border: 1px solid var(--yo-line); background: var(--yo-paper); box-shadow: 0 9px 25px rgba(19,35,58,.035); }
.yo-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.yo-panel h3 { margin: 0; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: clamp(1.4rem,3vw,2rem); line-height: 1.15; }
.yo-legend { display: flex; align-items: center; gap: 7px; color: var(--yo-muted); font-size: 9.5px; font-weight: 700; white-space: nowrap; }
.yo-legend-scale { display: inline-block; width: 78px; height: 9px; background: linear-gradient(90deg,#91c1bc,#c9a84c,#c8612d); }
.yo-map-wrap { min-height: 470px; }
#borough-map { display: block; width: 100%; max-height: 500px; overflow: visible; }
.yo-map-shape { cursor: pointer; stroke: var(--yo-paper); stroke-width: 2.2; transition: opacity .15s ease,stroke .15s ease,transform .15s ease; vector-effect: non-scaling-stroke; }
.yo-map-shape:hover,.yo-map-shape:focus,.yo-map-shape.is-selected { opacity: .82; stroke: var(--yo-navy); stroke-width: 4; outline: none; }
.yo-map-label { fill: var(--yo-navy); font: 800 13px Inter,sans-serif; pointer-events: none; paint-order: stroke; stroke: rgba(255,253,248,.9); stroke-width: 4px; stroke-linejoin: round; }
.yo-map-instruction,.yo-chart-note { margin: 10px 0 0; color: var(--yo-muted); font-size: 11.5px; line-height: 1.6; }
.yo-area-panel { border-top: 5px solid var(--yo-teal); }
.yo-area-facts { display: grid; gap: 0; margin: 19px 0; }
.yo-area-facts div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--yo-line); }
.yo-area-facts dt { color: var(--yo-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.yo-area-facts dd { margin: 0; color: var(--yo-navy); font-size: 13px; font-weight: 800; text-align: right; }
.yo-quality { color: var(--yo-teal); }
.yo-reading { margin: 19px 0; padding: 15px; background: rgba(42,127,127,.06); }
.yo-reading h4 { margin: 0 0 7px; color: var(--yo-navy); font-size: 12px; text-transform: uppercase; }
.yo-reading p { margin: 0; color: #56636f; font-size: 12.5px; line-height: 1.65; }
.yo-text-link { color: var(--yo-teal); font-size: 12px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.yo-chart-wrap { min-height: 300px; }
#trend-chart { display: block; width: 100%; }
.yo-chart-grid { stroke: rgba(19,35,58,.1); stroke-width: 1; }
.yo-chart-axis { fill: var(--yo-muted); font: 11px Inter,sans-serif; }
.yo-chart-line { fill: none; stroke: var(--yo-teal); stroke-linecap: round; stroke-linejoin: round; stroke-width: 4; }
.yo-chart-area { fill: rgba(42,127,127,.09); }
.yo-chart-point { cursor: pointer; fill: var(--yo-paper); stroke: var(--yo-rust); stroke-width: 4; }
.yo-chart-point:focus { stroke: var(--yo-navy); outline: none; }
.yo-correlation-controls { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(120px,.55fr); gap: 10px; margin-top: 17px; }
.yo-correlation-controls label { display: grid; gap: 6px; }
.yo-correlation-controls label > span { color: var(--yo-muted); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.yo-correlation-controls select { width: 100%; min-height: 40px; padding: 0 10px; border: 1px solid var(--yo-line); background: white; color: var(--yo-navy); font: inherit; font-size: 11.5px; }
.yo-pairing { min-height: 38px; margin: 12px 0; color: var(--yo-muted); font-size: 10.5px; line-height: 1.55; }
.yo-correlation-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.yo-correlation-stats div { padding: 11px; border: 1px solid var(--yo-line); background: rgba(19,35,58,.025); }
.yo-correlation-stats span { display: block; color: var(--yo-muted); font-size: 8.5px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.yo-correlation-stats strong { display: block; margin-top: 5px; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: 1.3rem; }
#correlation-chart { display: block; width: 100%; margin-top: 10px; }
.yo-scatter-axis,.yo-scatter-label { fill: var(--yo-muted); font: 9px Inter,sans-serif; }
.yo-scatter-grid { stroke: rgba(19,35,58,.1); stroke-width: 1; }
.yo-scatter-point { fill: var(--yo-rust); stroke: var(--yo-paper); stroke-width: 3; }
.yo-scatter-point:focus { stroke: var(--yo-navy); outline: none; }
.yo-scatter-name { fill: var(--yo-navy); font: 800 9px Inter,sans-serif; paint-order: stroke; stroke: var(--yo-paper); stroke-width: 3px; }
.yo-correlation-summary { margin: 8px 0 0; padding: 13px; border-left: 4px solid var(--yo-gold); background: rgba(201,168,76,.08); color: #475763; font-size: 12px; line-height: 1.65; }
.yo-sensitivity { margin: 9px 0 0; color: var(--yo-muted); font-size: 10.5px; line-height: 1.55; }
.yo-correlation-boundary { margin: 10px 0 0; color: var(--yo-muted); font-size: 10.5px; line-height: 1.55; }
.yo-correlation-boundary strong { color: var(--yo-navy); }
.yo-correlation-notes,.yo-correlation-table-wrap { margin-top: 11px; border-top: 1px solid var(--yo-line); }
.yo-correlation-notes summary,.yo-correlation-table-wrap summary { padding: 12px 0 7px; color: var(--yo-navy); cursor: pointer; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.yo-correlation-notes ul { margin: 5px 0 0; padding-left: 18px; color: var(--yo-muted); font-size: 10.5px; line-height: 1.55; }
.yo-correlation-table-wrap table { width: 100%; border-collapse: collapse; font-size: 10px; }
.yo-correlation-table-wrap th,.yo-correlation-table-wrap td { padding: 8px; border-bottom: 1px solid var(--yo-line); text-align: left; }
.yo-correlation-table-wrap th { color: var(--yo-navy); font-size: 8.5px; text-transform: uppercase; }
.yo-table-panel { margin-top: 16px; border: 1px solid var(--yo-line); background: var(--yo-paper); }
.yo-table-panel summary { padding: 16px 19px; color: var(--yo-navy); cursor: pointer; font-size: 13px; font-weight: 900; text-transform: uppercase; }
.yo-table-scroll { overflow-x: auto; border-top: 1px solid var(--yo-line); }
.yo-table-panel table { width: 100%; border-collapse: collapse; font-size: 12px; }
.yo-table-panel caption { padding: 13px 17px; color: var(--yo-muted); text-align: left; }
.yo-table-panel th,.yo-table-panel td { padding: 12px 15px; border-bottom: 1px solid var(--yo-line); text-align: left; white-space: nowrap; }
.yo-table-panel th { background: rgba(19,35,58,.045); color: var(--yo-navy); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.yo-framework { padding-top: 82px; }
.yo-framework-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 14px; }
.yo-framework-grid article { padding: 22px; border: 1px solid var(--yo-line); border-top: 4px solid #9aa5ae; background: var(--yo-paper); }
.yo-framework-grid article.is-live { border-top-color: var(--yo-teal); }
.yo-framework-grid span { color: var(--yo-muted); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.yo-framework-grid .is-live span { color: var(--yo-teal); }
.yo-framework-grid h3 { margin: 10px 0 9px; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: 1.35rem; }
.yo-framework-grid p { margin: 0; color: #5c6873; font-size: 12.5px; line-height: 1.68; }
.yo-continuity { padding-top: 72px; }
.yo-continuity-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.yo-continuity-grid article { padding: 24px; border: 1px solid var(--yo-line); border-top: 4px solid var(--yo-gold); background: var(--yo-paper); }
.yo-continuity-grid article:nth-child(2) { border-top-color: var(--yo-teal); }
.yo-continuity-grid span,.yo-brief-card > span { color: var(--yo-rust); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.yo-continuity-grid h3 { margin: 10px 0 8px; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: 1.45rem; }
.yo-continuity-grid p { margin: 0; color: var(--yo-muted); font-size: 12.5px; line-height: 1.7; }
.yo-continuity-grid a,.yo-brief-actions a { display: inline-block; margin-top: 16px; color: var(--yo-teal); font-size: 11px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.yo-brief-hero { padding-bottom: 62px; }
.yo-brief-shell { padding-bottom: 86px; }
.yo-brief-history { display: grid; gap: 15px; }
.yo-brief-card { padding: 26px; border: 1px solid var(--yo-line); border-left: 5px solid var(--yo-teal); background: var(--yo-paper); }
.yo-brief-card h2 { margin: 10px 0; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: clamp(1.45rem,3vw,2rem); line-height: 1.25; }
.yo-brief-card p { max-width: 900px; margin: 0; color: var(--yo-muted); font-size: 13px; line-height: 1.72; }
.yo-brief-card .yo-brief-facts { margin-top: 13px; color: var(--yo-navy); font-size: 10.5px; font-weight: 800; }
.yo-brief-actions { display: flex; flex-wrap: wrap; gap: 18px; }
.yo-advocate-bridge { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(260px,.75fr); gap: 36px; align-items: center; width: min(1150px,calc(100% - 48px)); margin: 76px auto 0; padding: 36px; border-left: 5px solid var(--yo-rust); background: var(--yo-navy); }
.yo-advocate-bridge h2 { color: white; }
.yo-advocate-bridge p:not(.yo-kicker) { max-width: 720px; margin: 14px 0 0; color: rgba(255,255,255,.74); font-size: 14px; line-height: 1.75; }
.yo-advocate-bridge .yo-kicker { color: var(--yo-gold); }
.yo-engine-proof { max-width: 760px; margin-top: 22px; padding: 20px; border: 1px solid rgba(255,255,255,.17); border-top: 4px solid var(--yo-teal); background: rgba(255,255,255,.055); }
.yo-engine-proof > span { color: var(--yo-gold); font-size: 10px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.yo-engine-proof > span.is-error { color: #efac86; }
.yo-engine-proof h3 { margin: 8px 0 0; color: white; font-family: "Playfair Display",Georgia,serif; font-size: 1.35rem; line-height: 1.3; }
.yo-advocate-bridge .yo-engine-proof p { margin-top: 9px; color: rgba(255,255,255,.78); font-size: 12.5px; line-height: 1.65; }
.yo-engine-proof small { display: block; margin-top: 12px; color: rgba(255,255,255,.54); font-size: 10px; line-height: 1.5; }
.yo-engine-capabilities { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 15px 0 0; }
.yo-engine-capabilities div { min-width: 0; padding: 10px; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.045); }
.yo-engine-capabilities dt { color: rgba(255,255,255,.55); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.yo-engine-capabilities dd { margin: 6px 0 0; color: white; font-size: 10.5px; font-weight: 700; line-height: 1.45; }
.yo-advocate-bridge .yo-engine-boundary { font-size: 11.5px; }
.yo-bridge-actions { flex-direction: column; align-items: stretch; margin: 0; }
.yo-methods { padding-top: 80px; }
.yo-method-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.yo-method-grid article { padding: 20px; border-left: 4px solid var(--yo-gold); background: rgba(201,168,76,.065); }
.yo-method-grid span { color: var(--yo-rust); font-size: 11px; font-weight: 900; }
.yo-method-grid h3 { margin: 8px 0; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: 1.22rem; }
.yo-method-grid p { margin: 0; color: #5a6671; font-size: 12px; line-height: 1.65; }
.yo-limit-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 17px; }
.yo-limit-grid article { padding: 18px 19px; border: 1px solid var(--yo-line); background: var(--yo-paper); }
.yo-limit-grid strong { color: var(--yo-navy); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.yo-limit-grid p { margin: 8px 0 0; color: #596571; font-size: 12px; line-height: 1.65; }
.yo-method-note { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 25px; margin-top: 17px; padding: 22px; border: 1px solid var(--yo-line); background: var(--yo-paper); }
.yo-method-note strong { color: var(--yo-navy); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.yo-method-note p { margin: 0; color: #596571; font-size: 13px; line-height: 1.7; }
.yo-sources { padding: 80px 0 85px; }
.yo-source-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.yo-source-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 18px; padding: 20px; border: 1px solid var(--yo-line); background: var(--yo-paper); }
.yo-source-card h3 { margin: 0 0 6px; color: var(--yo-navy); font-size: 14px; line-height: 1.45; }
.yo-source-card p { margin: 0; color: var(--yo-muted); font-size: 11.5px; line-height: 1.55; }
.yo-source-card a { align-self: center; color: var(--yo-teal); font-size: 11px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.yo-source-card a:hover { color: var(--yo-navy); }
.yo-noscript { padding: 15px; border-left: 4px solid var(--yo-rust); background: rgba(200,97,45,.06); }
.yo-economic-toolbar { display: grid; grid-template-columns: minmax(230px,.45fr) minmax(0,1fr); gap: 18px; align-items: end; padding: 20px; border: 1px solid var(--yo-line); background: var(--yo-paper); }
.yo-economic-toolbar label { display: grid; gap: 7px; }
.yo-economic-toolbar label > span { color: var(--yo-muted); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.yo-economic-toolbar select { min-height: 45px; padding: 0 12px; border: 1px solid var(--yo-line); background: white; color: var(--yo-navy); font: inherit; }
.yo-economic-toolbar p { margin: 0; color: var(--yo-muted); font-size: 12px; line-height: 1.6; }
.yo-economic-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin: 16px 0; }
.yo-economic-grid article { min-width: 0; padding: 18px; border: 1px solid var(--yo-line); border-top: 4px solid var(--yo-teal); background: var(--yo-paper); }
.yo-economic-grid article:nth-child(2n) { border-top-color: var(--yo-gold); }
.yo-economic-grid article:nth-child(3) { border-top-color: var(--yo-rust); }
.yo-economic-grid span { display: block; min-height: 29px; color: var(--yo-muted); font-size: 10px; font-weight: 900; letter-spacing: .08em; line-height: 1.4; text-transform: uppercase; }
.yo-economic-grid strong { display: block; margin: 10px 0 5px; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: clamp(1.45rem,2.8vw,2.25rem); line-height: 1; }
.yo-economic-grid small { color: var(--yo-rust); font-size: 10px; font-weight: 700; line-height: 1.4; }
.yo-economic-grid p { margin: 12px 0 0; color: #52616c; font-size: 11px; line-height: 1.55; }
.yo-economic-boundary { padding: 17px 19px; border-left: 4px solid var(--yo-gold); background: rgba(201,168,76,.08); color: #4f5e69; font-size: 12.5px; line-height: 1.65; }
.yo-economic-table { margin-top: 16px; }
.yo-economic-sources { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.yo-economic-sources a { padding: 7px 10px; border: 1px solid var(--yo-line); background: var(--yo-paper); color: var(--yo-teal); font-size: 10px; font-weight: 800; text-decoration: none; }
.yo-economic-record { margin: 13px 0 0; }
.yo-economic-record a { color: var(--yo-teal); font-size: 12px; font-weight: 900; text-decoration: none; }
.yo-resource-toolbar { display: grid; grid-template-columns: minmax(230px,.45fr) minmax(0,1fr); gap: 18px; align-items: end; padding: 20px; border: 1px solid var(--yo-line); background: var(--yo-paper); }
.yo-resource-toolbar label { display: grid; gap: 7px; }
.yo-resource-toolbar label > span { color: var(--yo-muted); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.yo-resource-toolbar select { min-height: 45px; padding: 0 12px; border: 1px solid var(--yo-line); background: white; color: var(--yo-navy); font: inherit; }
.yo-resource-toolbar p { margin: 0; color: var(--yo-muted); font-size: 12px; line-height: 1.6; }
.yo-resource-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 16px; }
.yo-resource-grid article { display: flex; min-width: 0; flex-direction: column; padding: 21px; border: 1px solid var(--yo-line); border-top: 4px solid var(--yo-teal); background: var(--yo-paper); }
.yo-resource-grid article.is-urgent { border-top-color: var(--yo-rust); }
.yo-resource-grid article > span { color: var(--yo-rust); font-size: 10px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.yo-resource-grid h3 { margin: 8px 0; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: 1.35rem; line-height: 1.2; }
.yo-resource-grid article > p { margin: 0; color: #53616c; font-size: 12px; line-height: 1.65; }
.yo-resource-grid dl { display: grid; gap: 9px; margin: 16px 0; }
.yo-resource-grid dl div { display: grid; grid-template-columns: 60px minmax(0,1fr); gap: 8px; }
.yo-resource-grid dt { color: var(--yo-navy); font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.yo-resource-grid dd { margin: 0; color: var(--yo-muted); font-size: 10.5px; line-height: 1.5; }
.yo-resource-grid .yo-resource-phone { margin: auto 0 10px; color: var(--yo-navy); font-weight: 800; }
.yo-resource-grid a { color: var(--yo-teal); font-size: 11px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.yo-resource-actions { display: flex; flex-wrap: wrap; gap: 9px 16px; align-items: center; margin-top: auto; }
.yo-resource-grid .yo-resource-report-link { color: var(--yo-muted); font-size: 9.5px; }
.yo-resource-grid .yo-resource-report-link:hover { color: var(--yo-rust); }
.yo-resource-boundary { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 20px; margin-top: 16px; padding: 18px 20px; border-left: 4px solid var(--yo-rust); background: rgba(200,97,45,.07); }
.yo-resource-boundary strong { color: var(--yo-navy); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.yo-resource-boundary p { margin: 0; color: #53616c; font-size: 12px; line-height: 1.6; }
.yo-report-shell { width: min(880px,calc(100% - 48px)); margin: 0 auto; padding: 68px 0 86px; }
.yo-report-shell h2 { margin: 0 0 12px; color: var(--yo-navy); font-family: "Playfair Display",Georgia,serif; font-size: clamp(2rem,4vw,3rem); line-height: 1.13; }
.yo-report-intro { margin: 0 0 22px; color: var(--yo-muted); font-size: 14px; line-height: 1.75; }
.yo-report-alert { margin: 0 0 22px; padding: 16px 18px; border-left: 4px solid var(--yo-gold); background: rgba(201,168,76,.08); color: #4f5e69; font-size: 12px; line-height: 1.65; }
.yo-report-form { padding: 28px; border: 1px solid var(--yo-line); border-top: 5px solid var(--yo-teal); background: var(--yo-paper); box-shadow: 0 10px 28px rgba(19,35,58,.04); }
.yo-report-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.yo-report-field { display: grid; gap: 7px; min-width: 0; }
.yo-report-field.is-wide { grid-column: 1 / -1; }
.yo-report-field label { color: var(--yo-navy); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.yo-report-field small { color: var(--yo-muted); font-size: 10px; line-height: 1.5; }
.yo-report-field input,.yo-report-field select,.yo-report-field textarea { width: 100%; padding: 12px 13px; border: 1px solid var(--yo-line); border-radius: 2px; background: white; color: var(--yo-navy); font: inherit; font-size: 13px; }
.yo-report-field textarea { min-height: 145px; resize: vertical; }
.yo-report-field input:focus-visible,.yo-report-field select:focus-visible,.yo-report-field textarea:focus-visible { border-color: var(--yo-teal); box-shadow: 0 0 0 3px rgba(42,127,127,.12); outline: none; }
.yo-report-submit { width: 100%; margin-top: 20px; border: 0; cursor: pointer; }
.yo-report-back { display: inline-block; margin-top: 18px; color: var(--yo-teal); font-size: 11px; font-weight: 900; text-decoration: none; text-transform: uppercase; }

@media (max-width: 930px) {
  .yo-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .yo-control-note { grid-column: span 2; }
  .yo-kpis,.yo-economic-grid,.yo-resource-grid,.yo-framework-grid,.yo-continuity-grid,.yo-method-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .yo-mission-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .yo-pathway-heading { grid-template-columns: 1fr; gap: 18px; }
  .yo-pathway-turn { grid-template-columns: 1fr; }
  .yo-pathway-arrow { min-height: 55px; }
  .yo-pathway-arrow b { margin: 4px 0 0; transform: rotate(90deg); }
  .yo-context-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .yo-limit-grid { grid-template-columns: 1fr; }
  .yo-primary-grid,.yo-analysis-grid,.yo-advocate-bridge { grid-template-columns: 1fr; }
  .yo-map-wrap { min-height: 390px; }
}

@media (max-width: 650px) {
  body { overflow-x: hidden; }
  .yo-hero { padding: 34px 19px 58px; }
  .yo-hero-inner { min-width: 0; }
  .yo-subnav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 34px; }
  .yo-subnav a { min-width: 0; justify-content: center; text-align: center; white-space: normal; }
  .yo-hero-actions { display: grid; grid-template-columns: 1fr; }
  .yo-hero-actions .yo-button { width: 100%; white-space: normal; text-align: center; }
  .yo-boundary,.yo-pathway,.yo-shell,.yo-economic,.yo-resources,.yo-framework,.yo-continuity,.yo-methods,.yo-sources,.yo-brief-shell,.yo-advocate-bridge { width: min(100% - 32px,1150px); }
  .yo-section-nav { top: 79px; }
  .yo-section-nav > div { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
  .yo-section-nav a { flex: 0 0 auto; min-width: 132px; }
  .yo-boundary { grid-template-columns: 1fr; gap: 12px; padding: 22px; }
  .yo-pathway,.yo-shell,.yo-economic,.yo-resources,.yo-framework,.yo-continuity,.yo-methods,.yo-sources,.yo-brief-shell { padding-top: 53px; }
  .yo-section-heading { display: block; }
  .yo-status { margin-top: 14px; }
  .yo-controls,.yo-kpis,.yo-mission-stats,.yo-economic-grid,.yo-resource-grid,.yo-framework-grid,.yo-continuity-grid,.yo-method-grid,.yo-source-list { grid-template-columns: 1fr; }
  .yo-mission-stats p { min-height: 0; }
  .yo-pathway-action { grid-template-columns: 1fr; }
  .yo-economic-toolbar,.yo-resource-toolbar,.yo-resource-boundary { grid-template-columns: 1fr; }
  .yo-context-heading { display: block; }
  .yo-context-heading > span { display: block; margin-top: 10px; text-align: left; }
  .yo-context-grid,.yo-context-reading { grid-template-columns: 1fr; }
  .yo-correlation-controls { grid-template-columns: 1fr; }
  .yo-correlation-stats { grid-template-columns: 1fr; }
  .yo-control-wide,.yo-control-note { grid-column: auto; }
  .yo-panel { padding: 19px 16px; }
  .yo-panel-heading { display: block; }
  .yo-legend { margin-top: 12px; }
  .yo-map-wrap { min-height: 310px; }
  .yo-advocate-bridge { margin-top: 52px; padding: 27px 22px; }
  .yo-engine-capabilities,.yo-report-fields { grid-template-columns: 1fr; }
  .yo-report-field.is-wide { grid-column: auto; }
  .yo-report-shell { width: min(100% - 32px,880px); padding-top: 53px; }
  .yo-report-form { padding: 22px 18px; }
  .yo-method-note { grid-template-columns: 1fr; gap: 9px; }
  .yo-source-card { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .yo-map-shape { transition: none; }
}