/* Light palette shared by all seven pages. */
:root{color-scheme:light;--bg:#fff;--surface:#f5f7fa;--line:#dce2e9;--muted:#566171;--blue:#265ac6;--white:#192231}
body{background:#fff;color:#192231}
::selection{background:#dbe8ff;color:#142442}
header{background:#ffffffed;border-bottom-color:#e2e7ee}
footer,.expanded-footer{background:#f7f8fb;border-top-color:#dce2e9}
.surface{background:#f5f7fa;border-block-color:#e7ebf0}
.grid-bg{background-image:radial-gradient(ellipse at 50% 15%,#dce8ff80,transparent 60%),linear-gradient(#344d7610 1px,transparent 1px),linear-gradient(90deg,#344d7610 1px,transparent 1px)}
.pill{background:#f0f4fa;border-color:#d9e1ed;color:#4d607a}
h1 em,.closing h2 em,.topic-tagline{color:#657184}
.hero-desc,.topic-intro{color:#566171}
.hero-note,.breadcrumbs,.topic-hero-art figcaption,.topic-page .closing .source-note,.edit-example small{color:#657184}
.button.primary{background:#202c3e;color:#fff;box-shadow:0 3px 10px #182b4912}
.button.primary:hover{background:#2e4059;box-shadow:0 8px 22px #182b4926}
.button.primary:after{background:linear-gradient(110deg,transparent 20%,#ffffff18 50%,transparent 80%)}
.button.secondary{background:#fff;border-color:#cfd8e5;color:#344259}
.button.secondary:hover{background:#f1f5fb}
.hero-demo{background:#fff;border-color:#d8e0ec;box-shadow:0 20px 60px #22385b12}
.demo-toolbar{color:#4e5c70;border-color:#e1e6ee;background:#fff}
.demo-status,.demo-bottom,.carousel-hint{color:#647084}
.demo-bottom{background:#fff}
.text-button{color:#284f8e}
.demo-stage{background:#edf1f7}
.video-caption{color:#fff}
.video-caption span:last-child{color:#d5dce5}
.demo-play{background:#ffffffed;border-color:#d6dfeb;color:#243146;box-shadow:0 5px 22px #11233b30}
.benefits{color:#536074;border-color:#dce2e9}
.carousel-panel{background:linear-gradient(#f3f6fb,#f8f9fc);border-color:#dce3ed}
.slide-button{border-color:#ccd5e2;box-shadow:0 4px 12px #172f5010}
.slide-button:hover,.slide-button.selected{box-shadow:0 0 0 1px #265ac640,0 12px 22px #19325218}
.slide-number{background:#202c3ee8;color:#fff}
.dots button:before{background:#78869c}
.dots button.active:before{background:#265ac6}
.arrows button{background:#fff;border-color:#cbd5e3;color:#33445d}
.arrows button:hover{background:#e9eff8}
.format-card{background:#fff;border-color:#d8e0ea}
.format-card.selected{background:#f4f8ff;border-color:#89aaf0;box-shadow:0 0 0 1px #265ac610}
.format-preview{background:#edf2f9}
.ratio{background:linear-gradient(140deg,#dce8ff,#edf3ff);border-color:#718fc7}
.ratio span{color:#2854a0}
.ratio small,.size-line,.format-card dt{color:#5c687b}
.square{border-color:#8c9bb2}
.filter{color:#536174;background:#fff;border-color:#d3dce8}
.filter.active{background:#253d65;color:#fff;border-color:#253d65}
.filter:hover:not(.active){background:#edf3fc;border-color:#8b9fbe}
.example-card,.prompt-card,.scenario-card,.structure-card{background:#fff;border-color:#d8e0ea;box-shadow:0 3px 16px #22385b05}
.example-card:hover,.prompt-card:hover,.scenario-card:hover,.structure-card:hover{border-color:#8b9fbe}
.example-category{color:#45658e}
.steps article{border-color:#cdd7e5}
.story-visual{background:radial-gradient(#d3e6df88,transparent 65%),#edf3f2;border-color:#d9e5df}
.story-visual img{box-shadow:0 18px 35px #304d4620}
.floating-label{background:#fff;border-color:#cbd9d5;color:#37574f;box-shadow:0 8px 25px #304d461a}
.copy-button{background:#f5f7fb;border-color:#cdd7e5;color:#344763}
.copy-button:hover{background:#e9eff9;border-color:#9aaecb}
.comparison{background:#fff;border-color:#dce2e9}
.comparison th,.comparison td{border-bottom-color:#e2e7ef}
.comparison thead{background:#eaf0f8}
.comparison thead th{color:#4a5b74}
.comparison tbody th{color:#526176;background:#f6f8fb}
.comparison td:nth-child(2){color:#596577}
.comparison td:last-child,.comparison thead th:last-child{background:#edf3ff;color:#263e66}
.related-card{border-color:#cbd6e5}
.related-icon{color:#3a67aa}
.text-link{color:#26559d;border-color:#9bb2d4}
.related-card:hover .text-link{color:#183d76}
.checklist{background:#fff;border-color:#d6dfe9}
.checklist label{color:#42516a;border-color:#e5eaf1}
.checklist input{accent-color:#265ac6}
.checklist input:checked+span,.check-progress{color:#63728a}
.check-progress>div{background:#e2e8f2}
.check-progress i{background:#265ac6}
.faq-list details,.faq-list details:first-child{border-color:#d2dbe7}
.faq-list summary{color:#26364c}
.faq-list summary:after{color:#657893}
dialog,.image-dialog{background:#fff;border-color:#ccd7e5;color:#192231;box-shadow:0 24px 80px #15283e33}
dialog::backdrop{background:#25344970;backdrop-filter:blur(7px)}
.dialog-head,.image-dialog-head{background:#fff;border-color:#dce3ed}
.dialog-head button,.image-close{background:#edf2f8;color:#33445d}
.dialog-head button:hover,.image-close:hover{background:#dfe8f4}
.image-dialog-head>span{color:#4d5f78}
.dialog-prompt,.copy-fallback{background:#f3f6fb;border-color:#cad6e6;color:#354c70}
#toast{background:#eef4ff;border-color:#a5bfe9;color:#254a82;box-shadow:0 10px 35px #1b335d1c}
.expanded-footer nav a{color:#56657b;border-bottom-color:#e0e6ef}
.expanded-footer nav a:hover,.expanded-footer nav a[aria-current=page]{color:#1c4d9a}
.topic-page{--accent:#265ac6;--accent-dim:#dbe7ff80}
.theme-orange{--accent:#a14b23;--accent-dim:#ffe5d480}
.theme-violet{--accent:#6b45b0;--accent-dim:#e9e0ff80}
.theme-green{--accent:#226d54;--accent-dim:#dbf0e480}
.breadcrumbs a{color:#56667e}
.breadcrumbs a:hover{color:#1f4d93}
.topic-hero .pill{color:var(--accent);background:#ffffffb3;border-color:#d6dfec}
.topic-hero-art>.image-open{border-color:#d6dee8;background:#f5f7fb;box-shadow:0 22px 50px #2135571c}
.topic-benefits{border-color:#dce3ed}
.topic-benefits span,.topic-nav{color:#59677d}
.scenario-image,.topic-related>img{background:#f0f3f8}
.scenario-image>span,.expand-image{background:#ffffffeb;color:#354a6c;border-color:#c4d1e3;box-shadow:0 2px 8px #182f4a12}
.wide-figure{background:#fff;border-color:#d8e0ec}
.wide-figure figcaption{color:#627189}
.clean-list li{color:#4b5d75;border-color:#dce4ed}
.guide-articles article,.format-choice article{border-color:#cbd7e5}
.topic-related{background:#fff;border-color:#d6dfeb}
.source-note a,.source-credit{color:#536987;border-color:#a3b2c8}
.motion-frame{background:#edf1f7;border-color:#ccd6e5}
.motion-play{background:#ffffffed;border-color:#d4dfec;color:#243652;box-shadow:0 4px 20px #192f4e29}
.structure-sequence{background:#edf3ff;border-color:#cfddf6;color:#355787}
.edit-example{background:#fff;border-color:#e0d9d2}
.edit-example>div+div{border-color:#e8e1db}
.edit-example>div>span{color:#677387}
.edit-example p{color:#637086}
.edit-example>div+div p{color:#383d47}
.prompt-formula span{color:#985020;border-color:#dfbfa8;background:#fff8f2}
.prompt-formula b{color:#6a7280}
.hero-more{color:#57677e;border-color:#aebdce}
.hero-more:hover{color:#254f94;border-color:#254f94}