/* Shared visitor theme. Photography and cinematic effects retain their colors. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #bd23334a;border-radius:50%;background:transparent;color:#a82031;cursor:pointer;line-height:1}
.theme-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:hover{background:#bd233315}.theme-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html[data-theme=dark]{color-scheme:dark;--paper:#191518;--ink:#faf1e9;--muted:#c8b8b6;--line:#514047}
html[data-theme=dark] body{background:#191518;color:#faf1e9}
html[data-theme=dark] :is(.site-header,.site-header.is-scrolled,.inner-page .site-header,.mobile-nav,.footer){background:#211b20;color:#faf1e9;border-color:#514047}
html[data-theme=dark] :is(.services,.approach,.page-hero,.legal-nav,.trust-strip,.marquee){background:#282127;color:#faf1e9}
html[data-theme=dark] :is(.service-rose,.service-sand,.everyday-card,.everyday-card.additional,.story-seal,.enrollment-card){background:#34272d;color:#faf1e9;border-color:#61434d}
html[data-theme=dark] :is(.intro-copy,.section-description,.everyday-services p,.story-copy p:not(.eyebrow),.step p,.faq-intro,.faq-answer,.footer-top p,.footer-bottom,.site-credit,.detail-copy p,.more-services p,.everyday-card p,.scope-note,.legal-body p,.page-hero p:not(.eyebrow),.breadcrumbs,.dialog-inner>p:not(.eyebrow),.dialog-inner li,.form-note,.form-status,.email-fallback,.dialog-call,.enrollment-year,.enrollment-source){color:#d8c8c5}
html[data-theme=dark] :is(.footer-pages,.site-credit strong,.legal-nav a,.legal-body a,.detail-resources,.page-jump,.language-control,.dialog-call a,.enrollment-dates,.enrollment-card-top){color:#ffabb2}
html[data-theme=dark] :is(input,select,textarea){background:#282127;color:#faf1e9;border-color:#82636a}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#c4b1b2}
html[data-theme=dark] .language-control option{background:#282127;color:#faf1e9}
html[data-theme=dark] .theme-toggle{color:#ffe0b3;border-color:#82636a}
html[data-theme=dark] .hero,html[data-theme=dark] .community-welcome,html[data-theme=dark] .contact{color:#fff7eb}
html[data-theme=dark] .button-red{color:#fff7eb}
html[data-theme=dark] :is(.service-rose,.service-sand) .card-link{border-color:#82636a}
html[data-theme=dark] .dialog-close:hover{background:#493039}
html[data-theme=dark] .floating-back-top{background:#ffabb2;color:#211b20}
html[data-theme=dark] .floating-back-top:hover{background:#ffd1d5}
/* The editor follows the same preference; logo preview cards keep their sample colors. */
html[data-theme=dark] :is(.intro>p:last-child,.choice small,#status,.preview-heading span:last-child){color:#d8c8c5}
html[data-theme=dark] :is(.choice,.preview-heading,.date-note,.secondary){background:#30252b;color:#faf1e9;border-color:#61434d}
html[data-theme=dark] .choice:has(input:checked){background:#4c2632;border-color:#ffabb2}
html[data-theme=dark] .preview-panel{background:#211b20;border-color:#61434d}
html[data-theme=dark] :is(.current,main>.intro .eyebrow){color:#ffabb2}
html[data-theme=dark] body>header a,html[data-theme=dark] .controls>a,html[data-theme=dark] .back{color:#ffabb2}
html[data-theme=dark] .rationale p,html[data-theme=dark] .usage,html[data-theme=dark] main>header p,html[data-theme=dark] footer:not(.footer){color:#d8c8c5}
@media(max-width:1250px) and (min-width:851px){.header-actions{gap:10px}.desktop-nav{gap:18px}.site-header{gap:16px}.header-actions .phone-link{display:none}}
@media(max-width:560px){.header-actions{gap:6px}.site-header{gap:8px}.site-header .brand-logo{width:112px}.language-control{width:120px}.theme-toggle{flex-basis:40px;width:40px;height:44px;padding:8px}.menu-toggle{width:36px;padding:7px}}
@media(max-width:360px){.site-header .brand-logo{width:92px}.header-actions{gap:3px}.site-header{gap:3px}.language-control{width:108px}}

html[data-theme=dark] :is(.service-rose,.service-sand) :is(.card-description,.card-vietnamese){color:#d8c8c5}
html[data-theme=dark] :is(.everyday-services .text-link,.all-services-link,.step-top svg){color:#ffabb2}

@media(max-width:560px){
  .header-actions{gap:5px;flex-shrink:0}
  .language-control{width:72px;height:36px;border:1px solid #8d26312e;border-radius:30px}
  .language-control>svg{left:8px;width:12px;height:12px}
  .language-control::after{content:'EN';position:absolute;left:25px;top:50%;transform:translateY(-50%);font:600 12px var(--sans);pointer-events:none}
  html[lang=vi] .language-control::after{content:'VN'}
  html[lang=es] .language-control::after{content:'ES'}
  .language-control select{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;opacity:0}
  .language-control:focus-within{outline:2px solid var(--red);outline-offset:3px}
  .language-chevron{top:8px;right:7px;font-size:14px}
  .theme-toggle{order:1;flex:0 0 34px;width:34px;height:34px;min-height:34px;padding:7px}
  .theme-toggle svg{width:18px;height:18px}
  .menu-toggle{order:2;flex:0 0 34px;width:34px;height:34px;padding:6px}
  .menu-toggle span{width:20px}
}