.nav{gap:16px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid #44444b;border-radius:50%;background:#202023;color:#f6d7ba;font-size:24px;line-height:1}.theme-toggle:hover{border-color:var(--orange)}.chronology-page .nav .brand{margin-right:auto}
:root[data-theme="light"]{color-scheme:light;--bg:#fafafa;--panel:#fff;--text:#202024;--muted:#595960;--orange:#a74713}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] header{background:#fafafae8;border-color:#dcdce0}
html[data-theme="light"] .theme-toggle{background:#fff;color:#33333b;border-color:#cdccd2}
html[data-theme="light"] :is(.navlinks,.text-link,.eyebrow,.project-top,.timeline-label,.back-link){color:#565660}
html[data-theme="light"] .navlinks a:hover{color:#a74713}
html[data-theme="light"] .nav-contact{background:#252529;color:white}
html[data-theme="light"] .button{background:#a74713;color:white}
html[data-theme="light"] .button:hover{background:#883609}
html[data-theme="light"] h1>span{background-image:linear-gradient(105deg,#6b4936,#a95323,#654531)}
html[data-theme="light"] :is(.orange-text,.contact h2 span){color:#97502d}
html[data-theme="light"] :is(.subtle,.wide-symbol){color:#686873}
html[data-theme="light"] :is(.projects,.journey){background:#ededf0}
html[data-theme="light"] :is(.project-card,.wide,.watch-card,.security-card,.passkey-flow li,.summary-sources a,.slam-reading){background:#fff;border-color:#d7d7de}
html[data-theme="light"] .project-card:hover{border-color:#a74713;box-shadow:0 14px 32px #3232420d}
html[data-theme="light"] :is(.template-note,.project-bottom p,.wide p,.visual-caption,.hero-foot,.hero-foot a,.to-complete,.article-meta,.flow-location,.passkey-intro figcaption){color:#62626b}
html[data-theme="light"] .display-word{color:#764827}html[data-theme="light"] .display-word>span{color:#a96a3b}
html[data-theme="light"] .api-mark{color:#626b8c}html[data-theme="light"] .api-mark>span{color:#3a476b}
html[data-theme="light"] .example{color:#62626b;border-color:#cccbd2}
html[data-theme="light"] .circle-plus{background:#e6e6eb;color:#35353c}
html[data-theme="light"] .tags span{color:#55555f;border-color:#ceced5}
html[data-theme="light"] :is(.skills-grid article,.timeline,.watch-details,.summary-sources,.history-year article,.chronology-end){border-color:#ceced5}
html[data-theme="light"] .timeline article:before{background:#a74713;box-shadow:0 0 0 6px #ededf0}
html[data-theme="light"] .history-year article:before{box-shadow:0 0 0 6px #fafafa}
html[data-theme="light"] :is(.history-year article>p,.slam-reading p,.watch-details-content p,.watch-details-content ul){color:#595960}
html[data-theme="light"] :is(.watch-details summary,.watch-details-content strong){color:#303038}
html[data-theme="light"] .watch-takeaway{background:#f3e7dc;color:#654936}
html[data-theme="light"] .watch-takeaway strong{color:#713711}
html[data-theme="light"] .security-card .watch-label{color:#256247}
html[data-theme="light"] .security-card.limits .watch-label{color:#a74713}
html[data-theme="light"] .watch-method-list li{background:#e9e9ed;color:#42424b}
html[data-theme="light"] .year-links a{border-color:#c9c9d1}
html[data-theme="light"] .year-links a:hover{background:#f3e7dc}
html[data-theme="light"] dialog{background:#fff;color:#202024;border-color:#d4d4db}
html[data-theme="light"] :is(dialog p,dialog li){color:#56565f}
html[data-theme="light"] .close{background:#e8e8ed;color:#202024}
html[data-theme="light"] footer{color:#62626b;border-color:#d1d1d8}
html[data-theme="light"] footer .brand{color:#202024}
html[data-theme="light"] .footer-social a{color:#484851;border-color:#c9c9d1}
html[data-theme="light"] .footer-social a:hover{background:#f3e7dc;color:#a74713;border-color:#a74713}
html[data-theme="light"] .contact .contact-note{color:#62626b!important}
/* The editor keeps its familiar dark syntax theme in both page modes. */
html[data-theme="light"] .code-window{color:#f5f5f7}
html[data-theme="light"] .menu-toggle{background:#fff;border-color:#ceced5}
html[data-theme="light"] .nav .navlinks a[aria-current="location"]{color:#a74713}
@media(max-width:760px){.nav{gap:8px}.theme-toggle{order:2}.nav-contact{order:1}.menu-toggle{order:3}.chronology-page .nav{gap:10px}.chronology-page .back-link{order:1}.chronology-page .theme-toggle{order:2}html[data-theme="light"] .nav .navlinks{background:#fafafa;border-color:#d4d4db;box-shadow:0 16px 40px #20202420}html[data-theme="light"] .nav .navlinks a{color:#34343d}html[data-theme="light"] .nav .navlinks a:is(:hover,:focus-visible,[aria-current="location"]){background:#eee4da;color:#8c3e16}}