.header-inner > .brand { order: 1; }
#navigation { order: 2; margin-left: auto; }
.theme-toggle { order: 3; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; flex-shrink: 0; padding: 10px 12px; border: 1px solid #d4dfea; border-radius: 7px; background: #fff; color: #344d64; font-size: 11px; transition: background .25s, border-color .25s; }
.theme-toggle:hover { background: #eaf2fa; border-color: #94badb; }
.theme-toggle .icon { width: 19px; height: 19px; }
.theme-sun { display: none; }
.menu-toggle { order: 4; }
html[data-theme="dark"] .theme-sun { display: block; }
html[data-theme="dark"] .theme-moon { display: none; }
html[data-theme="dark"] { --ink: #e9eff7; --muted: #a7b7c9; --paper: #0c1521; --line: #2c4055; --dark: #0a111c; }
html[data-theme="dark"] body { background: var(--paper); color: var(--ink); }
html[data-theme="dark"] .skip-link { background: #1b2d42; color: #e9eff7; }
html[data-theme="dark"] .site-header, html[data-theme="dark"] #navigation { background: #111d2c; border-color: #2c4055; }
html[data-theme="dark"] .site-header.is-scrolled { box-shadow: 0 5px 24px #0004; }
html[data-theme="dark"] .brand .brand-caption { color: #b6c6d9; border-color: #344b63; }
html[data-theme="dark"] .brand-logo { background: #fff; border-radius: 5px; }
html[data-theme="dark"] .theme-toggle { color: #e1ebf8; background: #1b2d42; border-color: #3c5672; }
html[data-theme="dark"] .theme-toggle:hover { background: #263e58; border-color: #6ca3d1; }
html[data-theme="dark"] .menu-toggle { border-color: #405874; }
html[data-theme="dark"] .menu-toggle > span { background: #e0eafa; }
html[data-theme="dark"] nav > a:hover, html[data-theme="dark"] nav > a.is-current { color: #78bfff; }
html[data-theme="dark"] .header-cta, html[data-theme="dark"] .header-cta:hover, html[data-theme="dark"] .header-cta.is-current { color: #fff; }
html[data-theme="dark"] .instagram-header { border-color: #40526b; color: #e5eaf4; }
html[data-theme="dark"] .instagram-header .icon { color: #f49dc5; }
html[data-theme="dark"] .instagram-header:hover { background: #382338; border-color: #965d81; color: #ffd4e8; }
html[data-theme="dark"] .service-strip { background: #111f2f; border-color: #2b4056; }
html[data-theme="dark"] .strip-inner .icon, html[data-theme="dark"] .motion-toggle > span:first-child { color: #70baff; }
html[data-theme="dark"] .brand-ribbon, html[data-theme="dark"] .motion-toggle { background: #0f1a28; border-color: #2a3f54; }
html[data-theme="dark"] .motion-toggle { color: #b4c5d8; }
html[data-theme="dark"] .motion-toggle:hover { background: #1a2e44; }
html[data-theme="dark"] .ribbon-track > span { color: #71859c; }
html[data-theme="dark"] .ribbon-track b { color: #f56c7a; }
html[data-theme="dark"] .muted { color: #9aadc3; }
html[data-theme="dark"] .company-copy, html[data-theme="dark"] .section-description { color: #adbed2; }
html[data-theme="dark"] .text-link { color: #82c4ff; border-color: #588ab6; }
html[data-theme="dark"] .text-link:hover { color: #b7ddff; border-color: #b7ddff; }
/* The original identity keeps its white plate and its original colors. */
html[data-theme="dark"] .identity-frame { background: #fff; border-color: #d7e0ea; box-shadow: 0 12px 32px #0003; }
html[data-theme="dark"] .identity-frame figcaption { color: #52677b; }
html[data-theme="dark"] .parts-section { background: #101d2c; }
html[data-theme="dark"] .category, html[data-theme="dark"] .category + .category, html[data-theme="dark"] .category:nth-child(3), html[data-theme="dark"] .category:nth-child(4) { background: #162638; border-color: #30475f; }
html[data-theme="dark"] .category:hover { background: #1b3047; border-color: #6aaee5; box-shadow: 0 15px 30px #0002; }
html[data-theme="dark"] .category-no, html[data-theme="dark"] .category p { color: #a8bad0; }
html[data-theme="dark"] .category > svg { stroke: #93c6f2; }
html[data-theme="dark"] .category-arrow { color: #78bfff; }
html[data-theme="dark"] .gallery-contact { background: #1b3047; color: #e9eff7; }
html[data-theme="dark"] .gallery-contact:hover { background: #25415e; }
html[data-theme="dark"] .gallery-contact > .icon { color: #82c4ff; }
html[data-theme="dark"] .section-footnote, html[data-theme="dark"] .ranking-explanation p { color: #a3b6ce; }
html[data-theme="dark"] .demo-badge { background: #1d344e; border-color: #3f5c7a; color: #c0dffd; }
html[data-theme="dark"] .ranking-toolbar input, html[data-theme="dark"] .ranking-toolbar select { color: #edf3fb; background: #152538; border-color: #3b526c; }
html[data-theme="dark"] .ranking-toolbar input::placeholder { color: #a4b8ce; }
html[data-theme="dark"] .search-wrap > .icon { color: #a3bdd8; }
html[data-theme="dark"] .ranking-table-header { color: #a9bed5; }
html[data-theme="dark"] .rank-row:hover { background: #17283c; }
html[data-theme="dark"] .rank-position { color: #a2b9d1; }
html[data-theme="dark"] .rank-position::after { background: #415a74; }
html[data-theme="dark"] .part-icon { background: #1c344e; }
html[data-theme="dark"] .part-icon svg { stroke: #a0c9ee; }
html[data-theme="dark"] .rank-product p { color: #adc0d7; }
html[data-theme="dark"] .rank-quote { color: #b8ddff; background: #19314b; border-color: #436585; }
html[data-theme="dark"] .rank-quote:hover { background: #254966; border-color: #7eb9eb; }
html[data-theme="dark"] .empty-state p { color: #b4c5d8; }
html[data-theme="dark"] .quote-form { color: #e9eff7; background: #162638; border-color: #354d66; box-shadow: 0 20px 60px #0003; }
html[data-theme="dark"] .form-field input, html[data-theme="dark"] .form-field textarea { background: #0e1b2b; border-color: #405a75; color: #edf3fb; }
html[data-theme="dark"] .form-field input::placeholder, html[data-theme="dark"] .form-field textarea::placeholder { color: #a1b5cd; }
html[data-theme="dark"] .form-field label > span { color: #ff9ca6; }
html[data-theme="dark"] .form-field label > .optional { color: #adbed3; }
html[data-theme="dark"] .form-intro, html[data-theme="dark"] .form-note { color: #b0c2d9; }
html[data-theme="dark"] .quote-status { color: #a6e0bd; }
html[data-theme="dark"] .instagram-section { background: #0c1521; }
html[data-theme="dark"] .instagram-panel { background: #142334; border-color: #30475f; box-shadow: 0 16px 50px #0002; }
html[data-theme="dark"] .instagram-story > p:not(.eyebrow) { color: #b0c2d8; }
html[data-theme="dark"] .instagram-story h2 em { color: #f09ac6; }
html[data-theme="dark"] .instagram-handle { color: #b7c8df; }
html[data-theme="dark"] .instagram-visual { background: #1a2e43; border-color: #38516b; }
html[data-theme="dark"] .profile-card > img { background: #fff; }
html[data-theme="dark"] .profile-card span, html[data-theme="dark"] .instagram-visual-note { color: #b2c5dc; }
html[data-theme="dark"] .profile-card > .icon { color: #f1a0c5; }
html[data-theme="dark"] .faq-list details p { color: #aec1d7; }
html[data-theme="dark"] .site-footer { background: #101f30; border-color: #2c435b; }
html[data-theme="dark"] .footer-top { border-color: #344c65; }
html[data-theme="dark"] .footer-top > p, html[data-theme="dark"] .footer-bottom { color: #a9bdd4; }
html[data-theme="dark"] .footer-instagram { background: #1c3047; border-color: #3b5876; color: #e6effa; }
html[data-theme="dark"] .footer-instagram .icon { color: #f2a0c6; }
@media(max-width:1100px) { .theme-label { display: none; }.theme-toggle { padding: 10px; width: 44px; }.header-inner { gap: 16px; } }
@media(max-width:780px) { #navigation { margin-left: 0; }.theme-toggle { margin-left: auto; }.header-inner { gap: 12px; } }
@media(max-width:480px) { .site-header .brand .brand-caption { display: none; } }