/* A complete light presentation, using the same exact orange-X identity. */
html{color-scheme:light dark}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light;--paper:#f5f3ef;--line:#1e1e1e24;--dark-line:#1e1e1e24;--muted:#626b76;--accent-ink:#9b4500}
.brand .logo-on-light,.footer-ghost .logo-on-light{display:none}[data-theme=light] .brand .logo-on-dark,[data-theme=light] .footer-ghost .logo-on-dark{display:none}[data-theme=light] .brand .logo-on-light,[data-theme=light] .footer-ghost .logo-on-light{display:block}
[data-theme=light] body{background:#f5f3ef;color:#1e1e1e}[data-theme=light] .utility{background:#ece9e3;color:#4f5863;border-color:#1e1e1e1a}[data-theme=light] .appearance-button{border-color:#1e1e1e2b;background:#ffffff80}[data-theme=light] .appearance-button:hover{background:#f57c0012;border-color:#b55b00}[data-theme=light] .site-header{background:#faf9f5ed;color:#1e1e1e;border-color:#1e1e1e21;box-shadow:0 4px 24px #1e1e1e05}[data-theme=light] .brand-emblem{outline:1px solid #1e1e1e18}[data-theme=light] .nav-links>a[aria-current=page]{color:#9b4500}[data-theme=light] .nav-links .nav-cta{border-color:#b452006b}[data-theme=light] .nav-links .nav-cta:hover{background:#f57c0010}[data-theme=light] .menu-toggle{border-color:#1e1e1e30}
[data-theme=light] .dark{background:#f5f3ef;color:#1e1e1e}[data-theme=light] .dark em{color:#9b4500}[data-theme=light] .dark .lead{color:#535b66}[data-theme=light] .dark .small{color:#626b76}[data-theme=light] .dark .kicker{color:#535b66}[data-theme=light] .soft{background:#eae7e1}
[data-theme=light] .hero{background:#f5f3ef;color:#1e1e1e}[data-theme=light] .hero-photo{inset:45px 2% 105px auto;width:47%;opacity:1}[data-theme=light] .hero-photo img{border-radius:8px;filter:drop-shadow(0 24px 32px #1e1e1e24)}[data-theme=light] .hero:after{background:linear-gradient(90deg,#f5f3ef 0%,#f5f3effa 24%,#f5f3efb0 39%,#f5f3ef00 61%)}[data-theme=light] .hero .lead{color:#505863}[data-theme=light] .hero h1 .accent{color:#b45200}[data-theme=light] .hero .text-link{border-color:#1e1e1e50}[data-theme=light] .hero-annotation{color:#4b5662}[data-theme=light] .hero-bottom{background:#ece9e2e0;border-color:#1e1e1e26}[data-theme=light] .hero-bottom .descriptor{color:#626b76}[data-theme=light] .hero-bottom .num,[data-theme=light] .hero-bottom a:hover{color:#9b4500}[data-theme=light] .hero-atmosphere:before{background-image:linear-gradient(#1e1e1e08 1px,transparent 1px),linear-gradient(90deg,#1e1e1e08 1px,transparent 1px)}[data-theme=light] .hero-atmosphere:after{border-color:#b4520030;background:radial-gradient(circle,#f57c0014,transparent 62%)}[data-theme=light] .discipline-strip{background:#eae7e1;color:#4f5863}[data-theme=light] .discipline-strip:before{background:linear-gradient(90deg,#eae7e1,transparent)}[data-theme=light] .discipline-strip:after{background:linear-gradient(270deg,#eae7e1,transparent)}
[data-theme=light] .page-hero{background:#edeae4;color:#1e1e1e;border-bottom:1px solid #1e1e1e18}[data-theme=light] .page-hero:before{background:radial-gradient(ellipse at 93% 10%,#f57c001a,transparent 47%),repeating-linear-gradient(90deg,transparent 0 79px,#1e1e1e06 79px 80px),repeating-linear-gradient(0deg,transparent 0 79px,#1e1e1e06 79px 80px)}[data-theme=light] .breadcrumbs,[data-theme=light] .article-meta{color:#626b76}[data-theme=light] .breadcrumbs a:hover{color:#9b4500}
[data-theme=light] .feature-panel{background:#faf9f5;color:#1e1e1e;box-shadow:0 16px 40px #1e1e1e08;border:1px solid #1e1e1e1b}[data-theme=light] .feature-copy p{color:#59636f}[data-theme=light] .feature-copy .kicker{color:#9b4500}[data-theme=light] .feature-copy h2 em{color:#9b4500}[data-theme=light] .structure-stage{background:radial-gradient(ellipse at 55% 40%,#494846 0%,#252a30 44%,#14181d 80%)}[data-theme=light] .stage-label{color:#d1d5db}[data-theme=light] .feature-copy{border-color:#1e1e1e24}
[data-theme=light] .learning-feature{background:radial-gradient(ellipse at 100% 0,#f57c0012,transparent 55%),linear-gradient(125deg,#fdfcf9,#ece8e1);border-color:#1e1e1e26;color:#1e1e1e;box-shadow:0 10px 40px #1e1e1e03}[data-theme=light] .learning-card{background:#faf9f6;border-color:#1e1e1e26;color:#1e1e1e}[data-theme=light] .learning-card:hover{background:#fffdf9}[data-theme=light] .learning-card .caps,[data-theme=light] .learning-feature .caps{color:#9b4500}[data-theme=light] .learning-feature p,[data-theme=light] .learning-card .bottom,[data-theme=light] .note-row{color:#59636f}[data-theme=light] .mini-code{color:#8b4b20b0}[data-theme=light] .community-card p{color:#59636f}[data-theme=light] .community-card .caps{color:#9b4500}[data-theme=light] .community-split,[data-theme=light] .community-card+article{border-color:#1e1e1e26}[data-theme=light] .coming-preview{background:#e3e0da;color:#4d5661;border:1px solid #1e1e1e18}[data-theme=light] .image-dialog{background:#faf9f6;color:#1e1e1e;border-color:#1e1e1e30}[data-theme=light] .image-dialog img{background:#1e2228;border-radius:5px}[data-theme=light] .image-dialog::backdrop{background:#262a309e}[data-theme=light] .dialog-close{border-color:#1e1e1e30}[data-theme=light] .empty-state .big-number{color:#9b4500}
[data-theme=light] .site-footer{background:radial-gradient(ellipse at 0 0,#f57c0009,transparent 45%),#eae7e1;color:#1e1e1e;border-top:1px solid #1e1e1e1a}[data-theme=light] .footer-brand p,[data-theme=light] .footer-col>a,[data-theme=light] .footer-col>button{color:#535c68}[data-theme=light] .footer-col>a:hover,[data-theme=light] .footer-col>button:hover{color:#9b4500}[data-theme=light] .footer-col h3,[data-theme=light] .footer-cta h2 em{color:#9b4500}[data-theme=light] .footer-bottom{color:#59636f}[data-theme=light] .footer-cta,[data-theme=light] .footer-bottom,[data-theme=light] .footer-ghost{border-color:#1e1e1e24}[data-theme=light] .footer-ghost img{opacity:.2}
/* Base content stays readable without scripts; no loading curtain. */
@media(max-width:1050px){[data-theme=light] .hero-photo{width:67%;right:-8%;top:40px;bottom:95px;opacity:.2}[data-theme=light] .hero:after{background:linear-gradient(90deg,#f5f3ef 0%,#f5f3efb3 45%,#f5f3ef00 100%)}[data-theme=light] .hero .lead{color:#505863}}
@media(max-width:600px){[data-theme=light] .hero-photo{width:95%;right:-18%;top:70px;bottom:80px;opacity:.13}[data-theme=light] .hero-photo img{filter:none}[data-theme=light] .hero:after{background:linear-gradient(90deg,#f5f3efb3,#f5f3ef00)}[data-theme=light] .hero-bottom a+a{border-color:#1e1e1e18}}
@media print{html[data-theme] body{background:white;color:black}.hero-atmosphere{display:none}}

[data-theme=light] .feature-copy h2 em{color:#9b4500}