/* Service pages share one dark palette; selectors also override inline page styles. */
html[data-bs-theme="dark"] .cam-widget .cw-body{color:#cbd5e1}
html[data-bs-theme="dark"] .cam-widget .cw-lead{background:#3b242c;color:#fecdd3;border-color:#794050;border-left-color:#f87171}
html[data-bs-theme="dark"] .cam-widget .cw-tag-red{background:#582c38;color:#fecdd3}
html[data-bs-theme="dark"] .cam-widget .cw-tag-amber{background:#49371f;color:#fcd58d}
html[data-bs-theme="dark"] .cam-widget .cw-tag-slate{background:#304056;color:#dce4ef}
html[data-bs-theme="dark"] .cam-widget .cw-foot{border-color:#40536d;color:#a5b4c8}
html[data-bs-theme="dark"] .cam-widget .cw-link{color:#fda4af}
html[data-bs-theme="dark"] :is(.notice-faq-header-icon,.notice-section-icon,.notice-section-num,.notice-section-chev-wrap){background:#25344b;color:#b8cbee;border-color:#40536d}
html[data-bs-theme="dark"] .notice-section[open] :is(.notice-section-icon,.notice-section-num,.notice-section-chev-wrap){background:#293f67;color:#bfdbfe;border-color:#5273a0}
html[data-bs-theme="dark"] .notice-section-chev{color:#b8cbee}
html[data-bs-theme="dark"] .notice-section[open] .notice-section-chev{color:#bfdbfe}
html[data-bs-theme="dark"] .notice-item-body code{background:#29395a;color:#c4b5fd}
html[data-bs-theme="dark"] .notice-modal .notice-content{color:#dce4ef;background:#182232;border-color:#40536d}
html[data-bs-theme="dark"] .notice-modal .modal-header .btn-close{background-color:#25344b}
html[data-bs-theme="dark"] .svc-modern .sv-detail-inline :is(.sv-note-text,.sv-warn-text){color:#b8c8dc}
html[data-bs-theme="dark"] .svc-modern .sv-detail-inline :is(.sv-qc,.sv-warn-text b){color:#dce4ef}
html[data-bs-theme="dark"] .svc-modern .sv-detail-inline .sv-warn-label{color:#fcd083}
html[data-bs-theme="dark"] .sv-luuy .lv-ok{color:#79e3b5}
html[data-bs-theme="dark"] .sv-luuy .lv-warn{color:#fcd083}
html[data-bs-theme="dark"] .sv-luuy .lv-bad{color:#fda4af}
html[data-bs-theme="dark"] .sv-luuy .lv-mo{color:#a5b4c8}
html[data-bs-theme="dark"] .sv-detail-box{background:#202e43;color:#cbd5e1}
html[data-bs-theme="dark"] :is(.svc-toc,.svl-chip,.svl-cards>li,.svl-steplist>li,.svl-q){background:#182232;border-color:#34445b}
html[data-bs-theme="dark"] .svl-hero{background:linear-gradient(135deg,#1c2b43,#172232);border-color:#34445b}
html[data-bs-theme="dark"] .svl-risk .svl-cards>li{background:#302719;border-color:#705733}
html[data-bs-theme="dark"] :is(.svc-toc-head,.svl-hero-t,.svl-sec>h2,.svl-cards h3,.svl-steplist h3,.svl-q h3,.svl-check h3,.svc-article h1,.svc-article h2,.svc-article h3){color:#f1f5f9}
html[data-bs-theme="dark"] :is(.svc-article,.svl-hero-d,.svl-algo p,.svc-toc-nav a){color:#bfccdf}
html[data-bs-theme="dark"] .svc-toc-nav a:is(:hover,.active){background:#263e68;color:#bfdbfe}
html[data-bs-theme="dark"] .svl-eyebrow{background:#25344b;color:#bfdbfe;border-color:#40536d}
html[data-bs-theme="dark"] .svl-chip b{color:#a8c6ff}
html[data-bs-theme="dark"] :is(.btn-outline-primary,.btn-outline-success,.btn-outline-danger,.btn-outline-info,.btn-outline-secondary){--bs-btn-hover-color:#fff}
html[data-bs-theme="dark"] .btn-outline-primary{--bs-btn-color:#a8c6ff;--bs-btn-border-color:#5279ba}
html[data-bs-theme="dark"] .btn-outline-success{--bs-btn-color:#79e3b5;--bs-btn-border-color:#40866c}
html[data-bs-theme="dark"] .btn-outline-danger{--bs-btn-color:#fda4af;--bs-btn-border-color:#a44f66}
html[data-bs-theme="dark"] .btn-outline-info{--bs-btn-color:#8bddf5;--bs-btn-border-color:#42859a}
html[data-bs-theme="dark"] .btn-outline-secondary{--bs-btn-color:#cbd5e1;--bs-btn-border-color:#66758b}
html[data-bs-theme="dark"] :is(.svl-lead,.svl-cards p,.svl-steplist p,.svl-q>p,.svl-check p){color:#bfccdf}
html[data-bs-theme="dark"] .svl-steplist>li::before{background:#24385b;color:#abc8ff}
html[data-bs-theme="dark"] .svc-modern .sv-gia{color:#abc8ff!important}

/* Detailed buying guide and dynamically generated controls. */
html[data-bs-theme="dark"] .guide-widget .gw-body{color:#cbd5e1}
html[data-bs-theme="dark"] .guide-widget :is(.gw-title,.gw-list b){color:#e2e8f0}
html[data-bs-theme="dark"] .guide-widget .gw-warn{background:#342b19;color:#eed7aa;border-color:#705733;border-left-color:#fbbf24}
html[data-bs-theme="dark"] .guide-widget .gw-list code{background:#293b56;color:#dbeafe}
html[data-bs-theme="dark"] .guide-widget .gw-ic{background:#25344b}
html[data-bs-theme="dark"] .guide-widget .gw-mo{color:#a8c6ff}
html[data-bs-theme="dark"] #discount_percent_display{background:#293b56;color:#dbeafe;border-color:#40536d}
html[data-bs-theme] #reactions_type > .d-flex{justify-content:flex-start!important;flex-wrap:wrap;gap:18px;margin-top:12px!important;margin-bottom:14px!important}
html[data-bs-theme] #reactions_type label img{opacity:.85;filter:none}
html[data-bs-theme] #reactions_type input:checked + img{opacity:1;filter:none;outline:3px solid #6098ff;outline-offset:4px}
/* Draw the X explicitly; Bootstrap's dark filter also inverts the button background. */
html[data-bs-theme] .notice-modal .modal-header .btn-close{background:#25344b!important;background-image:none!important;filter:none!important;opacity:1;color:#e2e8f0}
html[data-bs-theme] .notice-modal .modal-header .btn-close::before,
html[data-bs-theme] .notice-modal .modal-header .btn-close::after{content:'';position:absolute;left:10px;top:16px;width:14px;height:2px;border-radius:1px;background:currentColor;transform:rotate(45deg)}
html[data-bs-theme] .notice-modal .modal-header .btn-close::after{transform:rotate(-45deg)}
html[data-bs-theme="light"] .notice-modal .modal-header .btn-close{background:#e2e8f0!important;color:#334155}