/* Research site: shared, dependency-free layout and component behaviour */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.ico{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:none}.container{max-width:1200px;width:calc(100% - 72px);margin-inline:auto}.skip-link{position:absolute;z-index:2000;top:-100px;left:16px;padding:10px 14px;background:var(--accent);color:var(--accent-fg)}.skip-link:focus{top:12px}.site-header{z-index:30;position:sticky;top:0;background:var(--header);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-logo{display:grid;place-items:center;width:39px;height:39px;background:var(--logo);color:var(--logo-fg);font-size:14px;font-weight:850;letter-spacing:-.08em;flex:none}.brand-copy{display:flex;flex-direction:column;line-height:1.22}.brand-copy strong{font-size:14px;font-weight:760;letter-spacing:-.025em}.brand-copy small{font-size:11px;color:var(--muted);margin-top:3px}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{padding:9px 12px;font-size:13px;font-weight:570;color:var(--muted);white-space:nowrap}.site-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle,.menu-toggle{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:12px;font-weight:600}.theme-toggle:hover,.menu-toggle:hover{background:var(--hover)}.theme-toggle .sun-icon,.theme-toggle .moon-icon{display:none}.theme-toggle .sun-icon{display:inline-flex}.theme-toggle .moon-icon{display:none}html[data-theme=light] .theme-toggle .moon-icon{display:inline-flex}html[data-theme=light] .theme-toggle .sun-icon{display:none}.header-cta{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:10px 14px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);white-space:nowrap}.header-cta .ico{width:15px}.header-cta:hover,.button-primary:hover{filter:brightness(1.08)}.menu-toggle{display:none}.eyebrow,.section-kicker{font-size:11px;font-weight:780;letter-spacing:.12em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:5%;align-items:center}.hero-copy{min-width:0}.hero h1{font-weight:800}.hero-intro{font-size:18px;line-height:1.66;max-width:630px}.hero-secondary{font-size:14px;line-height:1.75;max-width:610px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:28px 0 22px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:13px;line-height:1.2;font-weight:700;border:1px solid transparent;border-radius:var(--radius-sm);transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--accent);color:var(--accent-fg)}.button-outline{color:var(--text);border-color:var(--line);background:var(--surface)}.button-outline:hover{background:var(--hover)}.hero-disclaimer{font-size:11px;line-height:1.6;margin:0;color:var(--muted-soft)}.section{padding:100px 0}.section-kicker{color:var(--kicker);margin-bottom:16px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.section-head h2,.proposal-head h2{font-size:clamp(35px,4.1vw,52px);font-weight:780;max-width:690px;margin:0}.section-head p{font-size:14px;max-width:345px;line-height:1.75;margin:0}.areas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.area-card{text-align:left;display:flex;flex-direction:column;min-height:265px;position:relative;overflow:hidden;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:transform .18s,box-shadow .18s,border-color .18s}.area-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--line-strong)}.area-top,.area-foot{display:flex;align-items:center;justify-content:space-between}.area-icon{display:grid;place-items:center;font-size:23px;line-height:1;width:47px;height:47px}.area-sequence{font-size:10px;font-weight:760;letter-spacing:.1em;color:var(--muted-soft)}.area-card h3{font-size:20px;letter-spacing:-.045em;margin:26px 0 10px;font-weight:750}.area-card p{font-size:13px;line-height:1.65;flex-grow:1;margin-bottom:20px}.area-foot{margin-top:auto;font-size:11px;font-weight:700;color:var(--muted)}.area-go{display:flex;align-items:center;gap:5px;color:var(--text)}.area-go .ico{width:16px;height:16px}.topics-section{background:var(--section-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.topic-controls{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr) minmax(0,.75fr);gap:13px;margin-bottom:20px}.search-field{display:flex;align-items:center;gap:10px;padding:0 15px;height:53px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--muted)}.search-field .ico{width:19px;height:19px}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px;min-width:0}.search-field input::placeholder{color:var(--muted-soft)}.search-field:focus-within{outline:2px solid var(--focus);outline-offset:2px}.select-control{display:flex;flex-direction:column;justify-content:center;padding:7px 14px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);min-width:0}.select-control label{font-size:10px;color:var(--muted);margin-bottom:1px}.select-control select{width:100%;color:var(--text);background:transparent;border:0;outline:0;font-size:13px;font-weight:650;cursor:pointer}.select-control select option{background:var(--surface);color:var(--text)}.results-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:23px}.results-bar p{font-size:12px;margin:0;color:var(--muted)}.text-button{font-size:12px;color:var(--muted);border:0;background:none;font-weight:680}.text-button:hover{color:var(--text)}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.topic-card{padding:25px;min-height:273px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .15s,border .15s}.topic-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.topic-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;font-weight:720;letter-spacing:.04em}.topic-id{color:var(--kicker);white-space:nowrap}.topic-area-name{text-align:right}.topic-card h3{font-size:19px;line-height:1.25;letter-spacing:-.04em;margin:22px 0 11px;font-weight:730}.topic-question{font-size:13px;line-height:1.63;margin-bottom:20px;flex-grow:1}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.topic-tag{display:inline-flex;padding:5px 8px;border-radius:var(--tag-radius);background:var(--tag-bg);border:1px solid var(--tag-border);font-size:10px;font-weight:690;line-height:1.2;color:var(--tag-text)}.topic-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:21px;padding-top:16px;border-top:1px solid var(--line);gap:5px}.pathway{font-size:11px;color:var(--muted)}.open-brief{background:none;border:0;color:var(--link);font-size:12px;font-weight:720;padding:5px 0;white-space:nowrap}.open-brief:hover{text-decoration:underline}.topics-footnote{font-size:11px;line-height:1.7;margin:20px 0 0;color:var(--muted-soft)}.no-results{text-align:center;padding:44px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface)}.no-results[hidden]{display:none}.no-results strong{font-size:19px}.no-results p{font-size:14px}.proposal-section{padding:100px 0 110px}.proposal-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:33px}.proposal-head h2{margin-bottom:16px}.proposal-head p{font-size:14px;line-height:1.78;margin:0;max-width:700px}.proposal-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--kicker);font-size:12px;font-weight:720;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.proposal-chip .ico{width:15px}.proposal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.proposal-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--surface)}.proposal-number{display:flex;gap:9px;align-items:center;color:var(--kicker);font-size:11px;font-weight:850;letter-spacing:.09em}.proposal-number span{color:var(--muted)}.proposal-card h3{font-size:22px;margin:21px 0 8px}.proposal-card p{font-size:13px}.proposal-card ol{padding-left:19px;margin-bottom:0}.proposal-card li{font-size:13px;line-height:1.7;padding:5px 0;color:var(--muted)}.proposal-card li::marker{color:var(--kicker);font-weight:bold}.proposal-send{border-radius:var(--radius);display:grid;grid-template-columns:1.5fr .65fr;gap:32px;align-items:center;padding:30px;margin-top:18px;background:var(--proposal-bg);border:1px solid var(--proposal-border)}.proposal-send h3{font-size:23px;margin-bottom:10px}.proposal-send p{font-size:13px;line-height:1.7;margin-bottom:14px}.proposal-send small,.proposal-action small{font-size:11px;color:var(--muted);line-height:1.6;display:block}.proposal-action{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.copy-status{font-size:12px;color:var(--kicker);font-weight:700}.site-footer{padding:34px 0 24px;border-top:1px solid var(--line);background:var(--footer-bg)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:28px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand>span:last-child{display:flex;flex-direction:column}.footer-brand strong{font-size:13px}.footer-brand small{color:var(--muted);font-size:11px}.footer-links{display:flex;gap:21px;flex-wrap:wrap}.footer-links a{font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid var(--line);font-size:11px;color:var(--muted-soft)}.topic-dialog{border:1px solid var(--line-strong);border-radius:var(--dialog-radius);padding:0;width:min(770px,calc(100vw - 32px));max-height:calc(100vh - 48px);color:var(--text);background:var(--surface);box-shadow:0 32px 90px #0008;overflow:auto}.topic-dialog::backdrop{background:#020617af;backdrop-filter:blur(5px)}.dialog-shell{padding:33px 40px 36px}.dialog-top{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line)}.dialog-top>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dialog-code{color:var(--kicker);font-size:11px;font-weight:850;letter-spacing:.1em}.dialog-area{font-size:11px;color:var(--muted)}.dialog-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);background:var(--hover);color:var(--text);border-radius:var(--radius-sm);font-size:22px;line-height:1}.dialog-shell h2{font-size:35px;line-height:1.2;margin:28px 0 11px}.dialog-lede{font-size:16px;line-height:1.7;color:var(--text)}.dialog-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.dialog-section{padding:15px 0 17px;border-top:1px solid var(--line)}.dialog-section h3{font-size:14px;letter-spacing:-.01em;margin:0 0 8px}.dialog-section p{font-size:13px;line-height:1.7;margin:0}.dialog-sources{display:flex;flex-direction:column;gap:7px}.dialog-sources h3{margin-bottom:4px}.dialog-sources a{font-size:13px;color:var(--link);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;overflow-wrap:anywhere}.dialog-warning{background:var(--hover);border:1px solid var(--line);padding:13px 15px;border-radius:var(--radius-sm);font-size:11px;color:var(--muted);line-height:1.7;margin-top:10px}.dialog-bottom{margin-top:15px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.copy-topic{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:9px 11px;color:var(--text);font-size:12px;font-weight:690}
@media(max-width:1100px){.container{width:calc(100% - 50px)}.site-nav{gap:0}.site-nav a{padding:9px 7px}.hero h1{font-size:clamp(42px,5vw,67px)}.areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-card{min-height:245px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:76px}.container{width:calc(100% - 36px)}.header-inner{min-height:70px;gap:8px}.brand-logo{width:35px;height:35px}.header-cta{display:none}.menu-toggle{display:inline-flex;width:38px;height:38px;padding:8px}.theme-toggle{height:38px;padding:8px}.theme-label{display:none}.site-nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;flex-direction:column;align-items:stretch;background:var(--surface);border-bottom:1px solid var(--line);padding:14px 18px 20px;box-shadow:var(--shadow-hover)}.site-nav.open{display:flex}.site-nav a{padding:12px;border-radius:8px}.hero{display:flex;flex-direction:column;gap:35px;padding:60px 0}.hero h1{font-size:clamp(43px,10vw,62px)}.hero-intro{font-size:16px}.hero-secondary{font-size:13px}.hero-feature{width:100%;max-width:540px}.section{padding:65px 0}.section-head{display:block;margin-bottom:24px}.section-head h2,.proposal-head h2{font-size:clamp(33px,8vw,45px);margin-bottom:13px}.section-head p{max-width:680px}.topic-controls{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.proposal-head{display:block}.proposal-chip{margin-top:20px}.proposal-grid{grid-template-columns:1fr}.proposal-send{grid-template-columns:1fr;gap:18px}.proposal-section{padding:65px 0 72px}.footer-inner,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-links{gap:15px}.dialog-shell{padding:20px}.dialog-shell h2{font-size:27px}.dialog-lede{font-size:14px}}
@media(max-width:520px){.areas-grid,.topic-grid{grid-template-columns:1fr}.area-card{min-height:215px}.area-card h3{margin-top:15px}.topic-controls{grid-template-columns:1fr}.search-field{grid-column:auto}.topic-card{min-height:250px}.hero-actions .button{flex:1}.proposal-card{padding:23px}.proposal-send{padding:24px}.brand-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* OPTION A — shadcn/ui-inspired, blue accents. Deliberately static; no React bundle or runtime dependencies. */
html[data-theme=dark]{color-scheme:dark;--bg:#090c12;--header:#090c12dc;--surface:#0f131c;--section-alt:#0c1018;--footer-bg:#090c12;--text:#f2f4f8;--muted:#9da6b7;--muted-soft:#778293;--line:#252c38;--line-strong:#404957;--accent:#f4f5f7;--accent-fg:#0b1018;--logo:#f5f6f8;--logo-fg:#10131b;--hover:#1b2230;--kicker:#93c5fd;--focus:#60a5fa;--tag-bg:#0d1e36;--tag-border:#25446c;--tag-text:#bfdbfe;--link:#93c5fd;--proposal-bg:#0c1a30;--proposal-border:#274a72;--shadow-hover:0 15px 35px #0005;--radius:12px;--radius-sm:8px;--tag-radius:5px;--dialog-radius:13px}
html[data-theme=light]{color-scheme:light;--bg:#fafbfc;--header:#fafbfce5;--surface:#ffffff;--section-alt:#f6f7fb;--footer-bg:#fff;--text:#111827;--muted:#5d6879;--muted-soft:#7a8493;--line:#e3e6ec;--line-strong:#c8cbd3;--accent:#111827;--accent-fg:#fafbfc;--logo:#111827;--logo-fg:white;--hover:#f0f2f7;--kicker:#1d4ed8;--focus:#2563eb;--tag-bg:#eff6ff;--tag-border:#bfdbfe;--tag-text:#1e40af;--link:#1d4ed8;--proposal-bg:#eff6ff;--proposal-border:#dbeafe;--shadow-hover:0 16px 36px #14213a15;--radius:12px;--radius-sm:8px;--tag-radius:5px;--dialog-radius:13px}
.design-shadcn .site-header{border-bottom:1px solid var(--line)}.design-shadcn .brand-logo{border-radius:9px}.design-shadcn .hero{min-height:610px;padding:82px 0 96px}.design-shadcn .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:7px 10px;border-radius:6px;margin-bottom:28px;font-size:10px;letter-spacing:.11em}.live-dot{display:inline-block;width:7px;height:7px;background:#60a5fa;border-radius:100%;box-shadow:0 0 0 4px #60a5fa27}.design-shadcn .hero h1{font-size:clamp(49px,5.5vw,72px);letter-spacing:-.066em;line-height:1.07;max-width:680px;margin:0 0 26px}.design-shadcn .highlight{color:var(--kicker)}.design-shadcn .hero-intro{color:var(--text);max-width:560px;margin-bottom:13px}.design-shadcn .hero-secondary{max-width:555px}.design-shadcn .hero-feature{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px 25px;box-shadow:var(--shadow-hover);transform:rotate(1deg)}.design-shadcn .panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:24px;border-bottom:1px solid var(--line)}.design-shadcn .panel-label,.design-shadcn .panel-small{font-size:9px;letter-spacing:.1em;font-weight:800;color:var(--muted)}.design-shadcn .panel-label{display:inline-flex;align-items:center;gap:7px}.design-shadcn .panel-dot{height:7px;width:7px;border-radius:50%;background:#60a5fa}.design-shadcn .feature-intro{padding:26px 0;display:flex;justify-content:space-between;align-items:center;font-size:26px;line-height:1.32;font-weight:550;letter-spacing:-.055em}.design-shadcn .feature-intro strong{font-weight:780}.design-shadcn .feature-asterisk{font-size:74px;line-height:1;color:var(--kicker);font-weight:300}.design-shadcn .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.design-shadcn .feature-cell{padding:15px;background:var(--section-alt);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column}.design-shadcn .feature-cell strong{font-size:35px;letter-spacing:-.06em;font-weight:790;line-height:1.1}.design-shadcn .feature-cell span{font-size:11px;margin-top:6px;color:var(--muted)}.design-shadcn .feature-rows{padding-top:17px}.design-shadcn .feature-rows>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:650}.design-shadcn .feature-rows>div span:last-child{margin-left:auto;color:var(--muted);font-size:10px;font-weight:700}.design-shadcn .signal{height:8px;width:8px;border-radius:3px}.design-shadcn .signal-one{background:#3b82f6}.design-shadcn .signal-two{background:#f7a977}.design-shadcn .signal-three{background:#5db6ed}.design-shadcn .signal-four{background:#7dd3fc}.design-shadcn .panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.18em}.design-shadcn .dashline{height:1px;background:var(--line-strong);flex:1}.design-shadcn .heading-accent{color:var(--kicker)}.design-shadcn .area-icon{background:var(--section-alt);border-radius:10px;border:1px solid var(--line)}.design-shadcn .analytics .area-icon{color:#60a5fa}.design-shadcn .game .area-icon{color:#ef9e79}.design-shadcn .compute .area-icon{color:#67b9ed}.design-shadcn .research .area-icon{color:#7dd3fc}.design-shadcn .area-go{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px}.design-shadcn .topics-section .section-kicker{margin-bottom:14px}.design-shadcn .proposal-section{background:var(--bg)}.design-shadcn .proposal-send .button-primary{white-space:nowrap}
@media(max-width:760px){.design-shadcn .hero{padding:55px 0}.design-shadcn .hero-feature{transform:none}.design-shadcn .hero h1{font-size:clamp(46px,10vw,64px)}}

/* Brand mark: use the same SVG icon as the browser tab instead of the EA monogram. */
.design-shadcn .brand-logo{background:transparent;overflow:hidden;border-radius:9px}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}

/* Supervision portal refinements: 2026-10-27 */
.site-footer{padding:23px 0;border-top:1px solid var(--line)}
.footer-simple{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.back-to-top{color:var(--link);font-weight:650;text-underline-offset:3px}
.back-to-top:hover{text-decoration:underline}
.proposal-head{display:block}
.proposal-head h2{margin-bottom:16px}
.proposal-head p{max-width:680px}
.proposal-send .email-address{color:var(--link);font-weight:680;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.proposal-action .button-email{white-space:nowrap}
.proposal-action .button-outline{white-space:nowrap}
.design-shadcn .hero{min-height:0}
.design-shadcn .hero h1{font-size:clamp(45px,5.1vw,69px);max-width:740px}
.design-shadcn .feature-intro{font-size:24px}
.section-head:has(> div:only-child){align-items:flex-start}
.section-head:has(> div:only-child) h2{max-width:880px}
@media(max-width:760px){.footer-simple{align-items:flex-start}.design-shadcn .hero{padding:52px 0 68px}.design-shadcn .hero h1{font-size:clamp(40px,8vw,59px)}}
@media(max-width:520px){.proposal-action .button{width:100%;justify-content:center}.design-shadcn .hero h1{font-size:clamp(36px,9vw,47px)}}