.header-actions{display:flex;align-items:center;gap:20px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;flex-shrink:0;min-height:40px;padding:9px;background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:10px;white-space:nowrap}
.theme-toggle:hover{border-color:var(--accent)}
.theme-toggle svg{width:17px;height:17px}
.theme-sun{display:none}
[data-theme="dark"] .theme-sun{display:block}
[data-theme="dark"] .theme-moon{display:none}
.education-card{max-width:420px;border-top:1px solid #454545;margin-top:26px;padding-top:23px;color:#f7f7f5}
.education-kicker{font-size:8px;letter-spacing:1.4px;color:#aaa}
.education-card h3{font-size:16px;line-height:1.7;font-weight:500;margin-top:12px}
.education-card p{font-size:11px;color:#aaa;line-height:1.9;margin-top:7px}
.education-achievements{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.education-achievements>span{font-size:11px;border:1px solid #505050;border-radius:3px;padding:7px 11px}
.education-achievements>span:last-child{color:#ff9bb1;border-color:#784052}
.education-achievements strong{color:#fff;margin-left:5px}
.stats{justify-content:flex-start;gap:70px}
.flow-connector{height:23px}
.flow-connector::after{content:'';position:absolute;bottom:2px;left:-2px;width:5px;height:5px;border-right:1px solid #999;border-bottom:1px solid #999;transform:rotate(45deg)}
[data-theme="dark"]{--paper:#141416;--white:#25252a;--ink:#f4f3f1;--muted:#b3b3bc;--line:#3b3b43;--accent:#f36483;--accent-dark:#ff9bb1}
[data-theme="dark"] .intro{color:#b3b3bc}
[data-theme="dark"] .header-contact{border-color:#85858f}
[data-theme="dark"] .button-dark{background:#f4f3f1;color:#171717}
[data-theme="dark"] .button-dark:hover{background:#ffd7e0}
[data-theme="dark"] .text-link{border-color:#777782}
[data-theme="dark"] .filters button:hover{background:#29292e}
[data-theme="dark"] .filters button[aria-pressed="true"]{background:#f4f3f1;color:#171717}
[data-theme="dark"] .filters button[aria-pressed="true"] span{color:#595962}
[data-theme="dark"] .search{border-color:#777782}
[data-theme="dark"] .search input::placeholder{color:#a7a7b0}
[data-theme="dark"] .discipline-strip,[data-theme="dark"] .about{background:#0b0b0e;color:#f7f7f5}
[data-theme="dark"] .hero-art.solution-art{background-color:#202025;background-image:radial-gradient(#424249 .7px,transparent .7px);border-color:#3b3b43}
[data-theme="dark"] .solution-step{background:#2a2a30;border-color:#45454e;color:#f4f3f1}
[data-theme="dark"] .solution-step:nth-of-type(2){background:#101013;border-color:#4b3940;color:#f4f3f1}
[data-theme="dark"] .solution-text .solution-stage,[data-theme="dark"] .solution-text>span:last-child{color:#b9b9c2}
[data-theme="dark"] .solution-step:hover{border-color:#f36483}
[data-theme="dark"] .solution-footer{color:#b3b3bc}
[data-theme="dark"] .flow-connector{background:#60606c}
/* Preview illustrations retain their original palettes and readable embedded SVG labels. */
[data-theme="dark"] .project-cover{border-color:#43434b}
[data-theme="dark"] .cover-arrow{background:#fff;color:#171717}
[data-theme="dark"] .project-cover:hover .cover-arrow{background:#ed4568;color:#fff}
[data-theme="dark"] .award-card{background:#202025}
[data-theme="dark"] .award-preview img{border-color:#45454e}
[data-theme="dark"] .dialog-details p,[data-theme="dark"] .dialog-details li{color:#c1c1c8}
[data-theme="dark"] .dialog-note{background:#25252b}
[data-theme="dark"] .dialog-close{background:#f4f3f1;color:#171717}
[data-theme="dark"] .dialog-preview{background:#ddd}
/* The pink contact block stays a high-contrast brand surface in either theme. */
[data-theme="dark"] .contact-card{background:#ed4568;color:#171717}
[data-theme="dark"] .contact .text-link{border-color:#592532}
[data-theme="dark"] .contact-channel:hover{background:#fff0f4;--icon-cutout:#fff0f4}
[data-theme="dark"] .contact .text-link:hover{color:#fff;border-color:#fff}
[data-theme="dark"] .skip-link{background:#f4f3f1;color:#171717}
@media(max-width:1100px){.header nav{gap:16px;font-size:11px}.header-actions{gap:13px}.theme-toggle{padding-inline:10px}.header-contact span{margin-left:13px}}
@media(max-width:800px){.theme-toggle{width:40px;padding:9px}.header nav{gap:13px;font-size:10px}.header-actions{gap:0}}
@media(max-width:600px){.header{gap:17px}.header .wordmark{margin-right:auto}.header-actions{order:3}.menu-toggle{order:2}.header nav{font-size:12px;gap:24px}.education-card{max-width:100%}.education-card h3{font-size:15px}.stats{gap:55px}.theme-toggle{min-height:36px;width:36px;padding:8px}}

/* Keep navigation accessible while scrolling in either color theme. */
.header{position:sticky;top:0;z-index:10;background:var(--paper)}
html{scroll-padding-top:120px}
@media(max-width:800px){html{scroll-padding-top:104px}}
@media(max-width:600px){html{scroll-padding-top:100px}.header nav{max-height:calc(100dvh - 76px);overflow-y:auto}}