@font-face{font-family:Manrope;src:url('/fonts/manrope-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#071019;--surface:#101f2c;--line:#334758;--text:#edf4f5;--muted:#b0c3d0;--accent:#bce5df;--warning:#f0ce9c;--radius:18px;font-family:Manrope,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-width:0;scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-width:0;background:radial-gradient(ellipse at 85% 0,#1c3a4b66,transparent 55%),var(--bg);color:var(--text);line-height:1.7}a{color:var(--accent);text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button,input,select,textarea{border:1px solid #536e83;border-radius:10px;background:#0b1a26;color:var(--text);padding:10px 14px;min-height:44px}button{background:#1b3445}button:hover{background:#2b495a}button:disabled{opacity:.48;cursor:default}button[aria-pressed=true],[role=tab][aria-selected=true],button.primary,.experience-primary{background:var(--accent);border-color:var(--accent);color:#09232a}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--warning);outline-offset:4px}input[type=range]{accent-color:var(--accent);padding:8px 0;border:0;background:none}input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px;accent-color:var(--accent)}label{display:block;color:#d6e4eb;font-size:14px}label input,label select,label textarea{display:block;width:100%;margin-top:7px}h1,h2,h3{line-height:1.18;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(35px,5vw,64px);max-width:1000px;margin:22px 0}h2{font-size:clamp(24px,3vw,36px)}h3{font-size:23px}p{max-width:78ch}small,.experience-muted,.muted{color:var(--muted)}small{font-size:12px}strong{font-weight:600}.eyebrow,.experience-eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.experience-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);background:#071019e8}.experience-header>a:first-child{font-size:14px;font-weight:600;letter-spacing:.12em;color:var(--text);text-decoration:none;white-space:nowrap}.experience-header nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.experience-header nav a{padding:8px 10px;text-decoration:none;border-radius:8px;min-height:40px;display:flex;align-items:center}.experience-header nav a:hover,.experience-header nav a[aria-current=page]{background:#bce5df15;color:#e7fffa}.experience-main{max-width:1320px;margin:0 auto;padding:40px 28px 80px;min-width:0}.experience-intro{max-width:900px;margin-bottom:30px}.experience-intro>p:not(.eyebrow){color:var(--muted);font-size:16px}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px}.experience-card{min-width:0;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#112332,#0c1823);box-shadow:0 12px 35px #0002}.experience-card h2,.experience-card h3{margin-top:8px}.experience-card p{color:var(--muted)}.experience-tabs{display:flex;gap:9px;flex-wrap:wrap;padding:10px 0 24px}.experience-tabs button{font-size:13px}.experience-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.experience-note{font-size:13px;color:var(--muted);padding:14px 18px;border-left:2px solid #88b9c5;background:#bce5df06;border-radius:0 8px 8px 0}.experience-result{font-size:clamp(23px,3vw,40px);color:var(--accent);font-variant-numeric:tabular-nums}.experience-error,[role=alert]{color:#ffd0b6}.experience-footer{max-width:1320px;margin:auto;padding:25px 28px 40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}fieldset{border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}legend{padding:0 8px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--accent)}details{padding:14px 0;border-top:1px solid var(--line)}summary{cursor:pointer;min-height:34px}canvas,svg,img{max-width:100%}canvas{display:block}dialog{color:var(--text);background:#10212e;border:1px solid #6b879a;border-radius:18px;width:min(850px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:26px}dialog::backdrop{background:#02080de8}.experience-skip{position:absolute;top:-100px;left:12px;background:var(--accent);color:#08202a;padding:12px;z-index:50}.experience-skip:focus{top:8px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.experience-brand{color:var(--text)}
@media(max-width:700px){.experience-header{padding:17px 18px;gap:12px}.experience-header nav{gap:1px;font-size:11px}.experience-header nav a{padding:6px 8px}.experience-main{padding:26px 18px 55px}.experience-card{padding:19px}.experience-tabs{gap:7px}.experience-tabs button{font-size:12px;padding:9px 11px}.experience-grid{gap:14px}th,td{padding:9px 7px;font-size:12px}h1{font-size:39px}.experience-footer{padding:22px 18px}dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.experience-header nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:#7897a4 transparent}.experience-header nav a{white-space:nowrap;font-size:12px;flex:none}.experience-header .experience-brand{font-family:Manrope,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:.12em;text-decoration:none;white-space:nowrap}.experience-header nav a[aria-current=page]{font-weight:600}
@media(max-width:700px){.experience-header nav{flex-basis:100%;padding-bottom:4px}.experience-header nav a{font-size:11px}}

/* Text enlargement must reflow prose and controls, not clip the whole page.
   Scientific plots and scrollable data tables keep their own geometry. */
.experience-main h1,.experience-main h2,.experience-main h3,.experience-main p,.experience-main label,.experience-main a,.experience-main output{overflow-wrap:anywhere}
.experience-main input,.experience-main select,.experience-main textarea{min-width:0;max-width:100%}
.experience-main button{max-width:100%;overflow-wrap:anywhere;white-space:normal}
header.experience-header>a.experience-brand{max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
.experience-skip,.skip-link{top:0!important;max-width:calc(100vw - 24px);transform:translateY(-200%);overflow-wrap:anywhere}
.experience-skip:focus,.skip-link:focus{top:12px!important;transform:none}

.experience-jump{display:none}@media(max-width:700px){.experience-jump{display:inline-flex;align-items:center;min-height:40px;margin:0 0 16px;padding:6px 12px;border:1px solid #7897a4;border-radius:9px;color:#bce5df;font-size:13px;text-decoration:none;max-width:100%}}