/*
 * HelpIn Services - shared dark mode for ALL supplied Blade pages.
 * Controlled by the existing sun/moon header toggle:
 *   localStorage['helpin-theme'] === 'dark' | 'light'
 *   document.documentElement.classList.contains('dark')
 * CSS is intentionally active ONLY in dark mode. Existing light design is untouched.
 * Load this stylesheet LAST in <head> on each view (the ZIP already does so).
 */
html.dark { color-scheme: dark; background: #0b1220; }
html.dark body.helpin-themed-page {
  --h-bg: #0b1220;
  --h-canvas: #101b2c;
  --h-surface: #172438;
  --h-elevated: #1d3048;
  --h-muted-surface: #14283a;
  --h-border: #31445f;
  --h-ink: #edf4ff;
  --h-body: #b3c4d9;
  --h-muted: #93a8c2;
  --h-blue: #83c0ff;
  background-color: var(--h-bg) !important;
  color: var(--h-ink);
}
/* Underlying body, section backgrounds and utility colors. */
html.dark body.helpin-themed-page main { background-color: var(--h-bg); color: var(--h-body); }
html.dark body.helpin-themed-page main :is(h1,h2,h3,h4,h5,h6) { color: var(--h-ink); }
html.dark body.helpin-themed-page main :is(p,li,dd,dt,summary) { border-color: var(--h-border); }
html.dark body.helpin-themed-page .bg-white,
html.dark body.helpin-themed-page [class~="bg-white/95"],
html.dark body.helpin-themed-page [class~="bg-white/90"],
html.dark body.helpin-themed-page [class~="bg-white/80"],
html.dark body.helpin-themed-page [class~="bg-white/75"],
html.dark body.helpin-themed-page [class~="bg-white/70"],
html.dark body.helpin-themed-page [class~="bg-white/60"] { background-color: var(--h-surface) !important; }
html.dark body.helpin-themed-page .bg-mint,
html.dark body.helpin-themed-page .bg-mint-light,
html.dark body.helpin-themed-page .bg-primary-soft,
html.dark body.helpin-themed-page [class~="bg-primary-soft/30"] { background-color: var(--h-muted-surface) !important; }
html.dark body.helpin-themed-page .bg-gray-50,
html.dark body.helpin-themed-page .bg-gray-100,
html.dark body.helpin-themed-page .bg-slate-50,
html.dark body.helpin-themed-page .bg-slate-100,
html.dark body.helpin-themed-page .bg-blue-50,
html.dark body.helpin-themed-page .bg-sky-50,
html.dark body.helpin-themed-page .bg-emerald-50,
html.dark body.helpin-themed-page .bg-emerald-100,
html.dark body.helpin-themed-page .bg-cyan-50,
html.dark body.helpin-themed-page .bg-amber-50,
html.dark body.helpin-themed-page .bg-amber-100,
html.dark body.helpin-themed-page .bg-green-50,
html.dark body.helpin-themed-page .bg-violet-50,
html.dark body.helpin-themed-page .bg-rose-50,
html.dark body.helpin-themed-page [class~="bg-rose-50/90"],
html.dark body.helpin-themed-page .bg-rose-100,
html.dark body.helpin-themed-page .bg-red-50 { background-color: var(--h-muted-surface) !important; }
html.dark body.helpin-themed-page .text-ink,
html.dark body.helpin-themed-page .text-gray-900,
html.dark body.helpin-themed-page .text-slate-900,
html.dark body.helpin-themed-page .text-black,
html.dark body.helpin-themed-page .text-gray-800,
html.dark body.helpin-themed-page .text-slate-800 { color: var(--h-ink) !important; }
html.dark body.helpin-themed-page .text-body,
html.dark body.helpin-themed-page .text-gray-700,
html.dark body.helpin-themed-page .text-gray-600,
html.dark body.helpin-themed-page .text-slate-600 { color: var(--h-body) !important; }
html.dark body.helpin-themed-page .text-gray-500,
html.dark body.helpin-themed-page .text-gray-400,
html.dark body.helpin-themed-page .text-slate-500,
html.dark body.helpin-themed-page .text-slate-400 { color: var(--h-muted) !important; }
html.dark body.helpin-themed-page .text-primary,
html.dark body.helpin-themed-page .text-primary-hover,
html.dark body.helpin-themed-page .text-blue-600,
html.dark body.helpin-themed-page .text-blue-700 { color: var(--h-blue) !important; }
html.dark body.helpin-themed-page .text-emerald-700,
html.dark body.helpin-themed-page .text-emerald-600,
html.dark body.helpin-themed-page .text-green-700 { color: #73deb2 !important; }
html.dark body.helpin-themed-page .text-amber-700,
html.dark body.helpin-themed-page .text-amber-600 { color: #f6c667 !important; }
html.dark body.helpin-themed-page .text-rose-700,
html.dark body.helpin-themed-page .text-red-700,
html.dark body.helpin-themed-page .text-red-600 { color: #fda4af !important; }
html.dark body.helpin-themed-page .border-line,
html.dark body.helpin-themed-page .border-gray-100,
html.dark body.helpin-themed-page .border-gray-200,
html.dark body.helpin-themed-page .border-gray-300,
html.dark body.helpin-themed-page .border-blue-100,
html.dark body.helpin-themed-page .border-blue-200,
html.dark body.helpin-themed-page .border-slate-100,
html.dark body.helpin-themed-page .border-slate-200,
html.dark body.helpin-themed-page .border-red-200 { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="hover:bg-primary-soft"]:hover,
html.dark body.helpin-themed-page [class~="hover:bg-blue-50"]:hover,
html.dark body.helpin-themed-page [class~="hover:bg-gray-50"]:hover,
html.dark body.helpin-themed-page [class~="hover:bg-white"]:hover { background-color: var(--h-elevated) !important; }
html.dark body.helpin-themed-page [class~="hover:text-primary"]:hover { color: var(--h-blue) !important; }
/* Keep bright primary buttons bright; white text remains white. */
html.dark body.helpin-themed-page .bg-primary,
html.dark body.helpin-themed-page [class~="bg-[#0578EC]"] { background-color: #0578ec !important; }
html.dark body.helpin-themed-page .bg-primary.text-white,
html.dark body.helpin-themed-page .bg-red-600.text-white,
html.dark body.helpin-themed-page [class~="bg-[#0578EC]"].text-white { color: #ffffff !important; }
/* Inputs, selects, datepickers, textarea, dropdowns and dialog controls. */
html.dark body.helpin-themed-page :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
  background-color: #17283e !important;
  border-color: var(--h-border) !important;
  color: var(--h-ink) !important;
  color-scheme: dark;
}
html.dark body.helpin-themed-page :is(input,textarea)::placeholder { color: #8ea5c1 !important; opacity: 1; }
html.dark body.helpin-themed-page select option { background: #17283e; color: var(--h-ink); }
html.dark body.helpin-themed-page :is(input,textarea,select):focus-visible {
  outline-color: #6cadf8;
  box-shadow: 0 0 0 3px rgba(80,155,245,.14);
}
html.dark body.helpin-themed-page :is(input[type="checkbox"],input[type="radio"]) { accent-color: #64acff; }
html.dark body.helpin-themed-page dialog { background-color: #172438 !important; border-color: var(--h-border) !important; color: var(--h-ink) !important; color-scheme: dark; }
html.dark body.helpin-themed-page dialog::backdrop { background-color: rgba(3, 9, 22, .78); }
html.dark body.helpin-themed-page :is(hr, fieldset) { border-color: var(--h-border); }
/* Plain links keep adequate contrast, without overriding the designed primary action buttons. */
html.dark body.helpin-themed-page main a:not([class]) { color: #95c6ff; }
html.dark body.helpin-themed-page main :is(.text-white, .text-white\/80) { color: #f8fbff; }
html.dark body.helpin-themed-page main a.bg-primary,
html.dark body.helpin-themed-page main button.bg-primary { color: #ffffff !important; }
/* Native disclosure and scroll areas */
html.dark body.helpin-themed-page main details { border-color: var(--h-border); }
html.dark body.helpin-themed-page main details[open] { background-color: #172438; }
html.dark body.helpin-themed-page * { scrollbar-color: #425670 #111b2b; }
/* Preserve the dark brand footer in both themes, and distinguish its text. */
html.dark body.helpin-themed-page footer { background-color: #171717 !important; color: #e5e7eb; }
html.dark body.helpin-themed-page footer :is(h2,h3,h4) { color: #ffffff !important; }
html.dark body.helpin-themed-page footer :is(p,li) { color: #cbd5e1; }
html.dark body.helpin-themed-page footer :is(a,span) { border-color: #3e4652; }
/* Logo contrast in dark mode, keep user photos and other site images unchanged. */
html.dark body.helpin-themed-page #helpinHeader a[aria-label="HelpIn home"] img { filter: brightness(0) invert(1); }
html.dark body.helpin-themed-page [class~="bg-[#F3F8FF]"] { background-color: #12243a !important; }
html.dark body.helpin-themed-page [class~="bg-[#F8FAFD]"] { background-color: #101c2e !important; }
html.dark body.helpin-themed-page [class~="bg-[#F7FAF7]"] { background-color: #111f2d !important; }
html.dark body.helpin-themed-page [class~="bg-[#F5F9F6]"] { background-color: #14263a !important; }
html.dark body.helpin-themed-page [class~="bg-[#F5F9FF]"] { background-color: #182a42 !important; }
html.dark body.helpin-themed-page [class~="bg-[#F8FBFF]"] { background-color: #15263e !important; }
html.dark body.helpin-themed-page [class~="bg-[#F9FBFF]"] { background-color: #14263d !important; }
html.dark body.helpin-themed-page [class~="bg-[#EEF6FF]"] { background-color: #18304a !important; }
html.dark body.helpin-themed-page [class~="bg-[#E1F1FF]"] { background-color: #19354e !important; }
html.dark body.helpin-themed-page [class~="bg-[#F7FAFF]"] { background-color: #17293e !important; }
html.dark body.helpin-themed-page [class~="bg-[#FFFDF4]"] { background-color: #262519 !important; }
html.dark body.helpin-themed-page [class~="bg-[#FAFCFF]"] { background-color: #1a2b40 !important; }
html.dark body.helpin-themed-page [class~="bg-[#F8FAFC]"] { background-color: #172438 !important; }
html.dark body.helpin-themed-page [class~="bg-[#F5FAFF]"] { background-color: #152840 !important; }
html.dark body.helpin-themed-page [class~="bg-[#FFF7F7]"] { background-color: #2c212c !important; }
html.dark body.helpin-themed-page [class~="bg-[#FFF5DF]"] { background-color: #332915 !important; }
html.dark body.helpin-themed-page [class~="bg-[#FFF6E4]"] { background-color: #32291c !important; }
html.dark body.helpin-themed-page [class~="bg-[#FFF0F2]"] { background-color: #30232c !important; }
html.dark body.helpin-themed-page [class~="bg-[#EAF3EE]"] { background-color: #17302f !important; }
html.dark body.helpin-themed-page [class~="bg-[#DFEDE5]"] { background-color: #19342d !important; }
html.dark body.helpin-themed-page [class~="bg-[#EAF5ED]"] { background-color: #183329 !important; }
html.dark body.helpin-themed-page [class~="bg-[#EDF6F0]"] { background-color: #18332d !important; }
html.dark body.helpin-themed-page [class~="bg-[#DCFCE7]"] { background-color: #16362b !important; }
html.dark body.helpin-themed-page [class~="bg-[#ECFDF3]"] { background-color: #15382e !important; }
html.dark body.helpin-themed-page [class~="bg-[#FEF2F2]"] { background-color: #32242c !important; }
html.dark body.helpin-themed-page [class~="bg-[#DCE9FB]"] { background-color: #192e46 !important; }
html.dark body.helpin-themed-page [class~="bg-[#D8ECFF]"] { background-color: #1c3c5d !important; }
html.dark body.helpin-themed-page [class~="bg-[#B4F2DA]"] { background-color: #153d36 !important; }
html.dark body.helpin-themed-page [class~="bg-[#B3F0D8]"] { background-color: #164139 !important; }
html.dark body.helpin-themed-page [class~="text-[#0B2F68]"] { color: #e8f1ff !important; }
html.dark body.helpin-themed-page [class~="text-[#192878]"] { color: #dfebff !important; }
html.dark body.helpin-themed-page [class~="text-[#192A7A]"] { color: #dfebff !important; }
html.dark body.helpin-themed-page [class~="text-[#111827]"] { color: #edf4ff !important; }
html.dark body.helpin-themed-page [class~="text-[#14253F]"] { color: #edf4ff !important; }
html.dark body.helpin-themed-page [class~="text-[#172436]"] { color: #edf4ff !important; }
html.dark body.helpin-themed-page [class~="text-[#252525]"] { color: #e7edf7 !important; }
html.dark body.helpin-themed-page [class~="text-[#667085]"] { color: #b3c4d9 !important; }
html.dark body.helpin-themed-page [class~="text-[#929BAF]"] { color: #9bb1cb !important; }
html.dark body.helpin-themed-page [class~="text-[#94A3B8]"] { color: #afc1d9 !important; }
html.dark body.helpin-themed-page [class~="text-[#6A8797]"] { color: #adc2d6 !important; }
html.dark body.helpin-themed-page [class~="text-[#5D6B75]"] { color: #afc1d9 !important; }
html.dark body.helpin-themed-page [class~="text-[#73819B]"] { color: #b5c6db !important; }
html.dark body.helpin-themed-page [class~="text-[#DFE7F5]"] { color: #d9e9ff !important; }
html.dark body.helpin-themed-page [class~="text-[#52746A]"] { color: #8bdbbd !important; }
html.dark body.helpin-themed-page [class~="text-[#477059]"] { color: #83d8ab !important; }
html.dark body.helpin-themed-page [class~="text-[#4E8A6A]"] { color: #83d8ab !important; }
html.dark body.helpin-themed-page [class~="text-[#498064]"] { color: #83d8ab !important; }
html.dark body.helpin-themed-page [class~="text-[#4D8B6C]"] { color: #83d8ab !important; }
html.dark body.helpin-themed-page [class~="text-[#A47F32]"] { color: #f2cd88 !important; }
html.dark body.helpin-themed-page [class~="text-[#A87616]"] { color: #f3cf78 !important; }
html.dark body.helpin-themed-page [class~="text-[#BF7483]"] { color: #f2a5b5 !important; }
html.dark body.helpin-themed-page [class~="text-[#7F3840]"] { color: #ffadb8 !important; }
html.dark body.helpin-themed-page [class~="text-[#0578EC]"] { color: #83c0ff !important; }
html.dark body.helpin-themed-page [class~="text-[#1685EA]"] { color: #83c0ff !important; }
html.dark body.helpin-themed-page [class~="text-[#6676C3]"] { color: #aabcf6 !important; }
html.dark body.helpin-themed-page [class~="border-[#E7E9EE]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#DEE4EB]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#D9E6F4]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#DFE8F3]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#DDEDFB]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#CADBEC]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#E8EEF5]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#D6E2EF]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#D4E9FC]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#E0E9E3]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#DCE5DF]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#C6D6CB]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#E1EAE4]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#DDE6E1]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#BECEC2]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#E4EAE5]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#E3ECE6]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#E3EAE6]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#95A4B9]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#95ACBE]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#8CC8FA]"] { border-color: var(--h-border) !important; }
html.dark body.helpin-themed-page [class~="border-[#B9CEC4]"] { border-color: var(--h-border) !important; }

/* Page-specific components with hard-coded light backgrounds outside Tailwind. */
html.dark body.helpin-page-categories .category-hero,
html.dark body.helpin-page-services .directory-section,
html.dark body.helpin-page-categories .directory-section { background: #0e1b2e !important; }
html.dark body.helpin-page-services section[aria-labelledby="page-title"] {
  background: linear-gradient(120deg, #10273a 0%, #0c1728 100%) !important;
}
html.dark body.helpin-page-categories :is(.category-hero,.category-container,.directory-section,.help-banner),
html.dark body.helpin-page-services :is(.category-container,.directory-section,.help-banner) { color: #eaf3ff; }
html.dark body.helpin-page-categories :is(.service-card,.help-banner,.collage-card,.collage-note),
html.dark body.helpin-page-services :is(.service-card,.help-banner) {
  background-color: #172438 !important;
  border-color: #31445f !important;
  color: #edf4ff;
}
html.dark body.helpin-page-categories :is(.service-card-body,.service-card-bottom),
html.dark body.helpin-page-services :is(.service-card-body,.service-card-bottom) { background-color: #172438 !important; }
html.dark body.helpin-page-categories :is(.service-search,.results-toolbar,.results-controls,.popular-searches),
html.dark body.helpin-page-services :is(.results-toolbar,.results-controls) { color: #b3c4d9 !important; }
html.dark body.helpin-page-categories :is(.service-card h3,.service-card-title,.section-heading h2,.hero-copy h1,.hero-description),
html.dark body.helpin-page-services :is(.service-card h3,.service-card-title,.section-heading h2) { color: #edf4ff !important; }
html.dark body.helpin-page-categories :is(.service-description,.provider-count,.directory-intro,.service-group),
html.dark body.helpin-page-services :is(.service-description,.provider-count,.directory-intro,.service-group) { color: #b3c4d9 !important; }
html.dark body.helpin-page-categories :is(.service-search,.service-search input,.results-controls select,.results-controls button),
html.dark body.helpin-page-services :is(.results-controls select,.results-controls button) {
  background-color: #17283e !important; border-color: #31445f !important; color: #edf4ff !important;
}
html.dark body.helpin-page-categories .service-card-icon,
html.dark body.helpin-page-services .service-card-icon { background-color: #243a50 !important; }
html.dark body.helpin-page-categories :is(.photo-label,.mini-photo-label) { background: rgba(19,35,54,.95) !important; color: #edf4ff !important; }
html.dark body.helpin-page-categories .category-hero :is(.eyebrow,.popular-searches,.breadcrumb) { color: #b3c4d9 !important; }
html.dark body.helpin-page-services [class*="via-[#F4F9F5]"] { --tw-gradient-via: #173047; }
/* Provider onboarding: these elements use custom CSS, not Tailwind utility classes. */
html.dark body.helpin-page-become-provider,
html.dark body.helpin-page-become-provider .provider-onboarding { background-color: #0b1628 !important; }
html.dark body.helpin-page-become-provider .provider-onboarding .provider-hero {
  background: linear-gradient(115deg,#112f48,#10243b) !important;
}
html.dark body.helpin-page-become-provider .provider-onboarding :is(h1,h2,h3,p) { color: #e7f2ff; }
html.dark body.helpin-page-become-provider .provider-onboarding .provider-benefit-icon { background: #0578ec; color: #fff; }
html.dark body.helpin-page-become-provider .provider-bottom-nav { background-color: #172438 !important; border-color: #31445f !important; }
/* Registration wizard: progress indicator, service options, upload cards, forms. */
html.dark body.helpin-page-provider-registration .wizard-stepper::before { background: #415169 !important; }
html.dark body.helpin-page-provider-registration .wizard-step-circle { background: #20334b; color: #edf4ff; }
html.dark body.helpin-page-provider-registration .wizard-step-label { color: #b3c4d9; }
html.dark body.helpin-page-provider-registration .wizard-stepper-item:is(.is-active,.is-complete) .wizard-step-circle { background: #0578ec; color: #fff; }
html.dark body.helpin-page-provider-registration .wizard-stepper-item:is(.is-active,.is-complete) .wizard-step-label { color: #83c0ff; }
html.dark body.helpin-page-provider-registration .service-option:hover { background-color: #203750 !important; }
html.dark body.helpin-page-provider-registration .upload-card { background: #17283e !important; border-color: #31445f !important; }
html.dark body.helpin-page-provider-registration .upload-card :is(h3,p,span) { color: #e6f0ff; }
html.dark body.helpin-page-provider-registration .wizard-bottom-nav { background-color: #172438 !important; border-color: #31445f !important; }
/* Dashboard: cards, drawers, generated service dialogs and success confirmations. */
html.dark body.helpin-page-dashboard [data-dashboard-panel] { color: #b3c4d9; }
html.dark body.helpin-page-dashboard :is(#myServicesAddDialog,#myServicesInfoDialog,#myServicesWorkDialog,#myServicesRemoveDialog,#myServicesRemoveWorkDialog) {
  background: #172438 !important; color: #edf4ff !important;
}
html.dark body.helpin-page-dashboard :is(#myServicesAddDialog,#myServicesInfoDialog,#myServicesWorkDialog,#myServicesRemoveDialog,#myServicesRemoveWorkDialog) :is(h2,h3,h4,p) {
  border-color: #31445f;
}
html.dark body.helpin-page-dashboard [data-dashboard-panel] :is(.bg-white,.bg-primary-soft) { border-color: #31445f; }
html.dark body.helpin-page-dashboard :is(.myservices-catalog-scroll,#myServicesOptions,#myServicesInfoContent) {
  scrollbar-color: #526d88 #172438;
}
html.dark body.helpin-page-dashboard #profilePhotoSuccessDialog { background: #172438 !important; color: #edf4ff !important; }
html.dark body.helpin-page-dashboard :is(.text-ink,.text-body) { text-shadow: none; }
/* How It Works accessible tab selection: original CSS hardcoded white active tab. */
html.dark body.helpin-page-how-it-works #steps [role="tab"][aria-selected="true"] {
  background: #23405b !important; color: #8dc4ff !important; box-shadow: inset 0 0 0 1px #365c86;
}
html.dark body.helpin-page-how-it-works #steps [role="tab"][aria-selected="false"] { color: #adbed4; }
html.dark body.helpin-page-how-it-works :is(.bg-slate-50,.bg-white) { border-color: #31445f; }
/* Policy, FAQs, safety, contact: their local <style> blocks set black headings. */
html.dark body.helpin-themed-page .policy-content :is(h1,h2,h3,h4,strong) { color: #edf4ff !important; }
html.dark body.helpin-themed-page .policy-content section + section { border-color: #31445f !important; }
html.dark body.helpin-themed-page .policy-content li::marker { color: #83c0ff; }
html.dark body.helpin-themed-page .policy-content :is(.policy-link,a:not(.bg-primary)) { color: #8dc4ff; }
html.dark body.helpin-themed-page .policy-content a:hover { color: #b9dcff; }
/* Keep component accent icons, logos and provider photos visible; do not invert images. */
html.dark body.helpin-themed-page main img { filter: none; }
/* Printing policies should always be readable with normal white paper, regardless of theme. */
@media print {
  html.dark body.helpin-themed-page { color-scheme: light; background: white !important; color: #111827 !important; }
  html.dark body.helpin-themed-page main,
  html.dark body.helpin-themed-page main :is(h1,h2,h3,h4,h5,h6,p,li,strong) { background: white !important; color: #111827 !important; }
  html.dark body.helpin-themed-page .policy-content section + section { border-color: #e7e9ee !important; }
  html.dark body.helpin-themed-page .policy-content li::marker { color: #4f7fe8; }
}
