/* Sicuur daylight surface: derived from the supplied in-app day valley artwork. */
:root {
  color-scheme: light;
  --night: #edf6f4;
  --night2: #e6f1f4;
  --panel: #ffffff;
  --panel2: #eef7f7;
  --ink: #173540;
  --muted: #526d76;
  --teal: #087f8d;
  --teal2: #218ab7;
  --mint: #b8ece0;
  --gold: #c27638;
  --line: #bfd7dc;
  --cream: #fbfdf7;
  --dark: #123745;
}

html { background: #edf6f4; scroll-behavior: smooth; }
body { background: linear-gradient(180deg, #edf6f4 0%, #f5faf8 48%, #eaf3f5 100%); color: var(--ink); }
::selection { background: #9de7dc; color: #103744; }
a { text-underline-offset: .2em; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline-color: #047d8c; }

.topbar, .site-header {
  background: rgba(249, 253, 250, .94);
  border-bottom-color: #c9dfe0;
  box-shadow: 0 8px 28px #153d4a12;
  color: var(--ink);
}
.brand strong, .brand-name { color: #183d49; }
.brand small { color: #55717a; }
.nav-links a, .nav a { color: #345660; }
.nav-links a:hover, .nav a:hover { color: #007f8d; }
.menu-toggle { color: #183d49; border-color: #9fc6cd; background: #ffffffc9; }

.button {
  color: #073846;
  background: linear-gradient(112deg, #a9eadb 0%, #72d9dd 52%, #9dc6fa 100%);
  box-shadow: 0 8px 28px #2a93a521, inset 0 1px #ffffffc7;
}
.button:hover { box-shadow: 0 12px 34px #20839b2b, inset 0 1px #ffffff; }
.button.outline, .button.ghost {
  color: #184250;
  border-color: #a7cad1;
  background: #ffffffb8;
  box-shadow: none;
}
.button.outline:hover, .button.ghost:hover { background: #e8f7f4; border-color: #5daab1; }
.text-link, .footer-links a:hover { color: #087f8d; }

.hero {
  color: var(--ink);
  background: linear-gradient(90deg, #f5fbf4f5 0%, #f5fbf4db 42%, #f5fbf488 76%, #f5fbf42b 100%), url("daytime-valley.jpg") center 53% / cover;
}
.hero:before { background: linear-gradient(90deg, #f4faf4f0 0%, #f4faf4d9 40%, #f4faf47a 72%, #f4faf412 100%); }
.hero:after { background: linear-gradient(0deg, #edf6f4 0%, #edf6f400 50%, #f7fbf452 100%); }
.hero-photo { opacity: .2; mix-blend-mode: multiply; filter: saturate(.74); }
.hero h1 { color: #153743; text-shadow: none; }
.hero h1 .shine { background: linear-gradient(105deg, #087f8d, #297cbb 68%, #589fba); -webkit-background-clip: text; background-clip: text; }
.hero-copy, .hero-proof { color: #274d5a; }
.hero-demo-link { color: #145765; }
.hero-demo-link:hover { color: #087f8d; }
.hero-privacy-note { color: #46646c; }
.hero .eyebrow, .section .eyebrow, .film-section .eyebrow { color: #087f8d; }
.hero-note, .hero-foot { color: #46646c; }
.hero-float { border-color: #a6ccd0; background: #f9fdf2df; box-shadow: 0 22px 60px #123b4820; color: #173b48; }
.status-pill { color: #075965; background: #d7f4e9; }
.status-pill:before { background: #168c81; box-shadow: 0 0 9px #168c8155; }
.float-rule { border-color: #b6d6db; background: #ffffffa8; color: #254c57; }
.orbit-light { background: #37b8c3; box-shadow: 0 0 30px 10px #54c4c288; }
.hero-orbit, .hero-orbit:before, .hero-orbit:after { border-color: #4a9eac55; }
.hero-orbit { box-shadow: 0 0 65px #2f9ab922, inset 0 0 60px #ffffff32; }
.scroll-cue, .scroll-cue b { color: #3c606b; }
.ticker { color: #174652; background: linear-gradient(105deg, #d9f2eb, #cfeaf3 55%, #dce8fb); border-bottom-color: #b9d8dc; }

.quick-start { padding: 1.1rem 0 1.4rem; background: #f6fbf8d9; border-bottom: 1px solid #d1e2e2; }
.quick-start-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 0 0 .8rem; }
.quick-start-head h2 { margin: 0; color: #345762; font-size: 1.1rem; font-weight: 750; }
.quick-start-head span { color: #617b82; font-size: .9rem; }
.quick-start-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .7rem; }
.quick-start a { display: grid; gap: .25rem; padding: .8rem 1rem; border: 1px solid #c4dcdf; border-radius: 14px; background: #ffffffc9; color: #173d49; text-decoration: none; transition: transform .18s, border-color .18s, box-shadow .18s; }
.quick-start a:hover { transform: translateY(-2px); border-color: #5eabb5; box-shadow: 0 10px 24px #174c5b14; }
.quick-start b { font-size: .95rem; }
.quick-start small { color: #55717a; line-height: 1.4; }

.section, .film-section { color: var(--ink); background: #eff7f5; }
.section.dark { background: linear-gradient(145deg, #f5faf7, #e8f3f6); }
#plan.section.dark, #reflect.section.dark, #pricing.section.dark, #faq.section.dark { color: #173540; background: linear-gradient(145deg, #f6faf7, #e7f2f5) !important; border-color: #c4dade; }
#plan .section-head h2, #pricing .section-head h2, #faq .faq-intro h2, #reflect .reflect-copy h2, #reflect .reflect-details h2 { color: #173a46; }
#plan .section-head h2 em, #pricing .section-head h2 em, #faq .faq-intro h2 em, #reflect .reflect-copy h2 em, #reflect .reflect-details h2 em { color: #087f8d; }
#plan .section-head p, #pricing .section-head p, #faq .faq-intro > p, #reflect .reflect-copy > p, #reflect .reflect-details > p { color: #4d6972; }
#pricing .price-card { color: #173b47; border-color: #c1d9dd; background: #ffffffed; box-shadow: 0 14px 36px #123d4a0b; }
#pricing .price-card h3, #pricing .price-card strong { color: #173a46; }
#pricing .price-card ul, #pricing .price-period { color: #4f6c75; }
#pricing .price-label, #pricing .price-card li:before { color: #087f8d; }
#reflect .reflect-card { color: #173b47; border-color: #c1d9dd; background: #ffffffed; box-shadow: 0 14px 36px #123d4a0b; }
#reflect .reflect-card strong, #reflect .reflect-card h3, #reflect .reflect-insight strong { color: #173a46; }
#reflect .reflect-card p, #reflect .reflect-insight p { color: #4f6c75; }
#reflect .reflect-insight { color: #173b47; border-color: #c1d9dd; background: #f4faf8; }
#reflect .bar-label { color: #58717a; }
#faq .faq-list summary { color: #183d49; }
.section.alt { background: linear-gradient(135deg, #e9f5f2, #eef6f9); }
.section-head h2, .pause-copy h2, .reflect-copy h2, .faq-intro h2, .final-copy h2,
.about-section h2, .guide-landing h1, .guide-library h2, .article h1, .article h2 { color: #173a46; }
.section-head h2 em, .pause-copy h2 em, .reflect-copy h2 em, .faq-intro h2 em, .final-copy h2 em { color: #087f8d; }
.section-head p, .pause-copy > p, .reflect-copy > p, .faq-intro > p { color: #4d6972; }
.section-link { border-top-color: #bdd7da; }
.section-link p { color: #526d76; }

.story-step, .choice-controls, .plan-card, .moment-option, .schedule-console,
.reflect-card, .reflect-insight, .trust-item, .price-card, .pricing-fit,
.faq-list details, .film-frame, .v4-card, .v4-watch, .guide-card, .card,
.direct-answer, .callout, .toc, .related, .writing-card, .principle,
.about-contact, .legal-card, .article-section {
  color: #183b47;
  border-color: #c1d9dd;
  background: #ffffffd6;
  box-shadow: 0 14px 36px #123d4a0b;
}
.story-step { color: #284e59; }
.story-step:hover { border-color: #72b9bd; background: #f2fbf8; }
.story-step[aria-pressed=true] { color: #143e4b; border-color: #62b9c0; background: linear-gradient(112deg, #dff6ed, #dceefa); box-shadow: 0 8px 24px #237c8414; }
.story-step small, .story-instruction, .story-status { color: #55717a; }
.story-stage { border-color: #b3d4d9; background: radial-gradient(circle at 50% 40%, #d8f0ed 0, #e8f4f5 47%, #dcebf3 100%); }
.poster-frame { border-color: #95c4cb; box-shadow: 0 18px 40px #143d4a1c; }
.panel-callout { color: #183d49; border-color: #b9d7dc; background: #fbfef5e8; box-shadow: 0 12px 36px #153c4818; }
.panel-callout small { color: #526d76; }
.plan-card, .choice-controls, .moment-option, .schedule-console, .reflect-card,
.reflect-insight, .trust-item, .price-card, .pricing-fit, .faq-list details,
.direct-answer, .callout, .toc, .related, .writing-card, .principle, .legal-card { color: #173b47; }
.plan-card p, .plan-field label, .reflect-note, .pricing-terms, .faq-answer,
.direct-answer p, .callout p, .article-section p, .article-section li,
.related p, .sources, .legal-card p { color: #4f6c75; }
.moment-option { border-color: #bdd6da; background: #f8fcfa; }
.moment-option[aria-pressed=true], .moment-option.active { color: #16434f; border-color: #5cabb4; background: #ddf4ed; }
.pill { color: #315762; border-color: #c4dcdf; background: #f8fcfa; }
.pill[aria-pressed=true] { color: #104451; border-color: #4ca9b1; background: linear-gradient(110deg,#c8efe3,#d4eef8); }
.timer-card { border-color: #a8cfd3; background: linear-gradient(145deg, #fbfef9, #e9f7f6); box-shadow: 0 22px 60px #15475218; }
.timer-card:before, .timer-card:after { border-color: #71b8bd2b; }
.timer-head, .timer-state, .timer-caveat { color: #54717a; }
.timer-head b { color: #17434e; }
.timer-phase, .breath-cue, .breath-word { color: #087d89; }
/* Keep the existing website Pause circle and controls; only shift its colour treatment to daylight. */
.breath { background: conic-gradient(from -90deg, #4ec5bb 0deg, #408fce var(--progress), #91bde8 var(--progress), #d9edeb 0); box-shadow: 0 0 42px #42a6aa38; }
.breath:before, .breath:after { border-color: #69aeb755; }
.breath-inner { border-color: #9bcbd0; background: radial-gradient(circle at 48% 25%, #ffffff, #e5f5f3 78%); box-shadow: inset 0 0 30px #58aab51c, 0 0 24px #367f7f1c; }
.breath-time { color: #153b48; }
.pause-journey span { color: #718990; }
.pause-journey span.active { color: #087f8d; text-shadow: none; }
.pause-journey span.complete { color: #287aa2; }
.pause-journey i { background: #88b9bf58; }
.pause-journey span.active ~ i { background: #87b7bd58; }
.timer-read { color: #087f8d; }
.timer-controls .button { color: #083a47; }
.switch { border-color: #bed7da; background: #edf6f4; }
.switch button { color: #526d76; }
.switch button[aria-pressed=true] { color: #073c49; background: linear-gradient(115deg,#bfeee2,#a8d9ee); }
.bar { background: linear-gradient(180deg,#80d7c8,#5aaad6 65%,#7ba8e7); box-shadow: 0 0 14px #4d9cac25; }
.insight-icon, .trust-icon { color: #087f8d; border-color: #b1d4d7; background: #ddf2ec; }
.faq-list summary { color: #183d49; }
.faq-list details[open] { background: #f7fcf9; }
.faq-answer { background: transparent; }

.v4-showcase { background: linear-gradient(135deg, #e4f3edeb, #e8f4f8e8), url("daytime-valley.jpg") center 58% / cover; border-color: #c4dfe0; }
.v4-device-note { color: #4b6b74; }
.v4-card { border-color: #bdd8dc; background: #fffffff2; box-shadow: 0 16px 38px #183e4b12; }
.v4-card img { background: #d8e9ec; }
.v4-card figcaption b { color: #173b47; }
.v4-card figcaption span, .v4-watch p { color: #516f78; }
.v4-watch { border-color: #a7d1d3; background: linear-gradient(120deg,#f8fcf7eF,#e4f1f4f2); }

.pause-section { background: linear-gradient(110deg, #eaf6f1ef 0%, #eaf6f1ca 50%, #eaf6f18a 100%), url("daytime-valley.jpg") center 66% / cover; border-color: #bfdcdd; }
.pause-section:before { border-color: #4aa3a63b; box-shadow: 0 0 0 55px #4aa3a60a, 0 0 0 115px #4389ad08, 0 0 0 180px #71b4b209; }
#pause.section.pause-section { color: #173540; background: linear-gradient(110deg, #edf7f2f5 0%, #edf7f2e8 48%, #edf7f2b8 100%), url("daytime-valley.jpg") center 66% / cover; border-color: #bfdcdd; }
#pause .pause-copy h2 { color: #173a46; }
#pause .pause-copy h2 em { color: #087f8d; }
#pause .pause-copy > p, #pause .pause-step, #pause .section-link p { color: #4d6972; }
#pause .pause-step span { color: #087f8d; border-color: #86bfc5; }
.pause-step span { border-color: #7db7ba; color: #087f8d; }
.film-section { background: linear-gradient(135deg,#f3f9f6,#e8f3f6); }
.film-frame { border-color: #bdd7dc; background: #ffffffdc; }
.film-frame figcaption, .film-note { color: #526f78; }
.film-cta { color: #087f8d; }
.film-secondary { color: #315b67; }
.reel-library { padding: clamp(3rem, 7vw, 5.5rem) 0; background: linear-gradient(140deg,#e6f3ef,#f2f8f7); border-top: 1px solid #c8dfe0; }
.reel-library-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.8fr); gap: 2rem; align-items: end; margin-bottom: 1.5rem; }
.reel-library-head h2 { margin: .25rem 0; color: #173b47; font-size: clamp(1.7rem,3vw,2.6rem); }
.reel-library-head p { margin: 0; color: #526f78; }
.reel-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.reel-card { overflow: hidden; border: 1px solid #bfd8dc; border-radius: 22px; background: #ffffffed; box-shadow: 0 18px 44px #153c4812; }
.reel-card video { display: block; width: 100%; max-height: min(72svh,720px); aspect-ratio: 9 / 16; object-fit: contain; background: #dcebef; }
.reel-card-copy { display: grid; gap: .45rem; padding: 1rem 1.15rem 1.2rem; }
.reel-card-copy .eyebrow { color: #087f8d; }
.reel-card-copy h3 { margin: 0; color: #173b47; font-size: 1.15rem; }
.reel-card-copy p { margin: 0; color: #526f78; line-height: 1.55; }
.reel-note { margin: 1rem 0 0; color: #657d84; font-size: .86rem; }

.footer, .site-footer { color: #496972; background: #eef6f3; border-top-color: #c9dfe0; }
.footer a, .site-footer a { color: #315b66; }
.footer-disclaimer, .footer-meta { color: #5e777e; }
.mobile-dock { color: #173d48; border-color: #b7d2d8; background: #f8fcf8ed; box-shadow: 0 12px 36px #143f4b22; }
.mobile-dock .dock-label, .mobile-dock .dock-label b { color: #214c58; }
.back-to-top { color: #15515f; background: #f7fcf8e8; border-color: #b7d5d9; }

.guide-landing, .about-hero { background: linear-gradient(100deg,#f3fbf5ec,#eff8f7b8), url("daytime-valley.jpg") center 48% / cover; }
.guide-landing-copy, .about-hero, .about-section, .trusted-section, .guide-library { color: #173b47; }
.guide-library { background: linear-gradient(145deg,#f6fbf8,#e8f3f5); }
.guide-library-heading h2, .guide-landing h1, .about-section h2 { color: #173b47; }
.guide-landing .dek, .guide-landing-note, .guide-library-heading p { color: #526f78; }
.guide-card, .card, .writing-card, .principle, .about-contact, .trusted-art,
.article, .article-section, .direct-answer, .callout, .toc, .related, .faq-item,
.planner, .plan-preview, .local-note, .sources, .final {
  color: #183d49;
  border-color: #c3dade;
  background-color: #ffffffdf;
  box-shadow: 0 12px 34px #173d4a0c;
}
.card h2 a, .article h1, .article h2, .article h3 { color: #173b47; }
.card p, .article p, .article li, .dek, .byline, .crumb, .local-note { color: #526f78; }
.article a, .related a, .sources a { color: #087f8d; }
.crumb a, .related a:hover { color: #087f8d; }
.footer-inner { color: #496972; }
.legal-shell { color: #173b47; }

@media (max-width: 760px) {
  .quick-start-head { align-items: flex-start; flex-direction: column; gap: .2rem; }
  .quick-start-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .reel-library-head { grid-template-columns: 1fr; gap: .5rem; }
  .reel-grid { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
  .quick-start-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .quick-start a { transition: none; }
}

/* Editorial pages need the same daylight contrast as the product sections. */
.guide-visual {
  border-color: #bfd7dc !important;
  background: #ffffffed !important;
  box-shadow: 0 16px 40px #173d4a12 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.guide-visual img {
  display: block;
  width: 100%;
  max-height: 620px;
  border: 0 !important;
  border-radius: 14px;
  background: #edf6f4 !important;
  box-shadow: none !important;
  object-fit: contain;
}
.guide-visual figcaption { color: #526d76 !important; }
.article .quick-answer {
  border-color: #bfd7dc !important;
  background: #ffffffed !important;
  box-shadow: 0 14px 34px #173d4a0d !important;
}
.article .quick-answer h2 { color: #087f8d !important; }
.article .quick-answer p { color: #31545f !important; }
.article .planner, .article .faq, .article .related, .article .final,
.article .toc, .article .callout, .article .sources {
  color: #183d49 !important;
  border-color: #c1d9dd !important;
  background: #ffffffed !important;
  box-shadow: 0 14px 36px #123d4a0b !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.article .planner h2, .article .faq h2, .article .related h2,
.article .final h2, .article .sources h2 { color: #173a46 !important; }
.article .planner p, .article .faq-item p, .article .related li,
.article .sources li, .article .final p, .article .toc a,
.article .formgrid label, .article .local-note { color: #526d76 !important; }
.article .faq-item summary { color: #173b47 !important; }
.article .formgrid input { color: #173b47 !important; border-color: #bfd7dc !important; background: #f8fcfa !important; }
.article .plan-preview { color: #173b47 !important; border-color: #bfd7dc !important; background: #eff7f4 !important; }
.article .plan-preview p { color: #244955 !important; }
.article .sources a, .article .related a, .article .toc a:hover { color: #087f8d !important; }
.article .final .button { color: #073846 !important; }

/* About and Guides use one restrained V4 daylight treatment. */
#main .about-section-head p, #main .about-section p, #main .trusted-copy p,
#main .principle p, #main .writing-card p, #main .about-contact p {
  color: #526d76 !important;
}
#main .about-section h2, #main .trusted-copy h2,
#main .principle h3, #main .writing-card h3, #main .about-contact h2 { color: #173b47 !important; }
#main .about-section h2 em, #main .trusted-copy h2 em {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #087f8d !important;
  color: #087f8d !important;
  filter: none !important;
}
#main .trusted-section {
  color: #173b47 !important;
  background: linear-gradient(115deg, #edf7f2e8, #e8f3f5e3), url("daytime-valley.jpg") center 56% / cover !important;
}
#main .about-visual figure { filter: drop-shadow(0 20px 38px #123b4828) !important; }
#main .about-visual img, #main .trusted-art img { border-color: #bfd7dc !important; box-shadow: 0 14px 34px #173d4a19 !important; }
#main .about-visual figcaption, #main .trusted-art figcaption { color: #526d76 !important; }
#main .guide-hero-art img {
  padding: 0 !important;
  border-color: #bfd7dc !important;
  background: transparent !important;
  box-shadow: 0 20px 40px #173d4a24 !important;
  filter: drop-shadow(0 18px 28px #173d4a1c) !important;
}

/* Shared daytime treatment for the small legal pages. */
.site-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; max-width:1180px; margin:0 auto; padding:16px 24px; }
.site-header .brand { display:inline-flex; align-items:center; gap:.7rem; color:#183d49; text-decoration:none; font-weight:750; }
.brand-symbol { width:34px; height:34px; object-fit:contain; }
.site-header .nav { display:flex; flex-wrap:wrap; align-items:center; gap:1.2rem; }
.site-header .nav a, .site-footer a { color:#315b66; text-underline-offset:.2em; }
.legal-shell { width:min(100% - 40px, 850px); margin:0 auto; padding:46px 0 90px; color:#173540; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.legal-shell .eyebrow { color:#087f8d; font-size:.76rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.legal-shell h1 { margin:.4rem 0 .8rem; color:#173a46; font-size:clamp(2.35rem, 7vw, 4rem); line-height:1.04; letter-spacing:-.05em; }
.legal-shell .legal-lede { color:#526d76; }
.legal-shell .legal-card { margin:1rem 0; padding:clamp(1.15rem, 3vw, 1.7rem); border:1px solid #c1d9dd; border-radius:18px; background:#ffffffd6; box-shadow:0 14px 36px #123d4a0b; }
.legal-shell .legal-card h2 { margin:.1rem 0 .7rem; color:#173a46; font-size:clamp(1.15rem, 3vw, 1.5rem); letter-spacing:-.025em; }
.legal-shell .legal-card p, .legal-shell .legal-card li { color:#4f6c75; line-height:1.72; }
.legal-shell .back-link { color:#087f8d; font-weight:700; }
.site-footer.compact { padding:20px 24px; color:#5e777e; background:#eef6f3; border-top:1px solid #c9dfe0; }
@media(max-width:560px) { .site-header { align-items:flex-start; flex-direction:column; gap:.7rem; padding:14px 20px; } .site-header .nav { gap:.7rem 1rem; } }

/* Final shared editorial pass: one daylight surface, consistent contrast. */
main > .hero {
  color: #173b47 !important;
  border-bottom: 1px solid #c5dce0 !important;
  background: linear-gradient(105deg, #f4faf4f2 0%, #f4faf4df 48%, #edf6f4bd 100%), url("daytime-valley.jpg") center 52% / cover !important;
}
main > .hero::after {
  border-color: #5ba5ad36 !important;
  box-shadow: 0 0 0 52px #4da3aa0c, 0 0 0 110px #4da3aa08 !important;
  opacity: .72;
}
main > .hero h1 { color: #173b47 !important; text-shadow: none !important; }
main > .hero h1 em { color: #087f8d !important; -webkit-text-fill-color: #087f8d !important; }
main > .hero .eyebrow { color: #087f8d !important; }
main > .hero .crumb, main > .hero .byline, main > .hero .hero-cta small { color: #526d76 !important; }
main > .hero .crumb a, main > .hero .author-link { color: #087f8d !important; }
main > .hero .byline b { color: #173b47 !important; }
main > .hero .dek { color: #31545f !important; }
.reading { color: #526d76 !important; border-bottom-color: #c5dce0 !important; background: #e8f2f2; }
.guide-landing {
  color: #173b47 !important;
  border-bottom-color: #c5dce0 !important;
  background: linear-gradient(100deg, #f4faf4f0 0%, #f1f8f5dc 54%, #edf6f4bb 100%), url("daytime-valley.jpg") center 48% / cover !important;
}
.guide-landing::before { border-color: #5ba5ad32 !important; box-shadow: 0 0 0 42px #4da3aa0a, 0 0 0 92px #4da3aa07 !important; }
.guide-landing-copy { text-shadow: none !important; }
.guide-landing h1 { color: #173b47 !important; text-shadow: none !important; }
.guide-landing h1 em { background: linear-gradient(110deg, #087f8d, #3288b8 72%) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; filter: none !important; }
.guide-landing .eyebrow { color: #087f8d !important; }
.guide-landing .dek { color: #31545f !important; }
.guide-landing-actions .text-link { color: #145765 !important; }
.guide-landing-note { color: #526d76 !important; }
.guide-landing-note::before { background: #168c81 !important; box-shadow: none !important; }
.guide-hero-art::before, .guide-hero-art::after { border-color: #5ba5ad40 !important; box-shadow: none !important; }
.guide-hero-art img { border-color: #c1d9dd !important; background: #eaf4f2 !important; box-shadow: 0 18px 44px #173d4a20 !important; }
.guide-library { color: #173b47 !important; background: linear-gradient(145deg, #f6fbf8, #e8f3f5) !important; }
.guide-library-heading h2 { color: #173b47 !important; }
.guide-library-heading p, .guide-reading-note { color: #526d76 !important; }
.card { color: #183d49 !important; border-color: #c3dade !important; background: #ffffffed !important; box-shadow: 0 12px 34px #173d4a0c !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.card::after { border-color: #65aeb32b !important; box-shadow: 0 0 0 22px #4da3aa08 !important; }
.card .eyebrow { color: #087f8d !important; }
.card h2 a, .card p { color: #31545f !important; }
.card h2 a { color: #173b47 !important; }
.card .more { color: #087f8d !important; }
.guide-visual { overflow: hidden; }
.guide-visual img { max-height: 620px; object-fit: contain; }
.about-visual::before, .about-visual::after, .trusted-art::before, .trusted-art::after { border-color: #5ba5ad30 !important; box-shadow: 0 0 0 36px #4da3aa09 !important; }
.about-visual figure, .trusted-art figure { filter: drop-shadow(0 20px 36px #123b4822) !important; }
.visual-chip { color: #173b47 !important; border-color: #bfd7dc !important; background: #fffffff0 !important; box-shadow: 0 12px 32px #173d4a18 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.visual-chip small { color: #087f8d !important; }
.about-contact, .writing-card { color: #183d49 !important; border-color: #c1d9dd !important; background: #ffffffed !important; box-shadow: 0 14px 36px #123d4a0b !important; }
.about-contact h2, .writing-card h3 { color: #173b47 !important; }
.about-contact p, .writing-card p { color: #526d76 !important; }
.article-hero-art {
  position: absolute;
  top: 50%;
  right: max(24px, calc((100vw - 1160px) / 2));
  width: min(29vw, 350px);
  margin: 0;
  padding: 12px;
  overflow: hidden;
  border: 1px solid #bfd7dc;
  border-radius: 22px;
  background: #ffffffed;
  box-shadow: 0 18px 44px #173d4a20;
  transform: translateY(-50%);
}
.article-hero-art img {
  display: block;
  width: 100%;
  max-height: 330px;
  aspect-ratio: 3 / 2;
  border: 0 !important;
  border-radius: 14px;
  background: #eaf4f2 !important;
  box-shadow: none !important;
  object-fit: contain;
}
.article-hero-art figcaption { padding: 9px 4px 1px; color: #526d76 !important; font-size: 10px; line-height: 1.45; }
main > .hero:has(.article-hero-art) > .wrap { padding-right: min(34vw, 410px); }
.article h1, .article h2, .article h3 { color: #173b47 !important; }
.article p, .article li { color: #42616b !important; }
.article .intro { color: #31545f !important; }
.article-section { border-bottom-color: #d4e3e4 !important; }
.article .steps li::before { color: #087f8d !important; border-color: #87c2c5 !important; background: #eff8f5 !important; box-shadow: none !important; }
.article .toc b { color: #087f8d !important; }
.article .toc a { color: #42616b !important; border-bottom-color: #dce8e8 !important; }
.article .faq-item { border-top-color: #d6e4e5 !important; }
.article .faq-item summary { color: #173b47 !important; }
.article .sources li { color: #42616b !important; }
.article .cite { color: #087f8d !important; }
.article .toc, .layout > .toc { color: #183d49 !important; border-color: #c1d9dd !important; background: #ffffffed !important; box-shadow: 0 12px 32px #173d4a0c !important; }
.toc b { color: #087f8d !important; }
.toc a { color: #42616b !important; border-bottom-color: #dce8e8 !important; }
.toc a:hover { color: #087f8d !important; }
main > .hero .direct-answer { max-width: 780px; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #31545f !important; }
.guide-library .eyebrow, .guide-library-heading .eyebrow,
.about-section .eyebrow, .trusted-section .eyebrow, .about-contact .eyebrow,
.writing-card .eyebrow { color: #087f8d !important; }
.about-section, .trusted-section { color: #173b47 !important; }
.principle, .about-contact, .writing-card { border-color: #c1d9dd !important; background: #ffffffed !important; }
.principle h3 { color: #173b47 !important; }
.principle p { color: #526d76 !important; }

/* Keep editorial FAQs readable against their card backgrounds in daylight mode. */
.article { padding: clamp(18px, 2.4vw, 30px); }
.faq, .article .faq {
  color: #173b47 !important;
  border-color: #c1d9dd !important;
  background: #ffffffed !important;
}
.faq > h2, .article .faq > h2 { color: #173a46 !important; }
.faq-item, .article .faq-item { color: #31545f !important; border-top-color: #d6e4e5 !important; background: #f5faf9 !important; }
.faq-item summary, .article .faq-item summary { color: #173b47 !important; }
.faq-item p, .article .faq-item p { color: #42616b !important; }
.faq-item a, .article .faq-item a { color: #087f8d !important; text-decoration-thickness: .08em; text-underline-offset: .16em; }
.faq-item summary:focus-visible { outline: 3px solid #087f8d; outline-offset: 4px; border-radius: 4px; }
.faq-item summary::marker { color: #087f8d; }

@media (max-width: 760px) {
  main > .hero { padding-block: 46px 38px; }
  main > .hero:has(.article-hero-art) { padding-block: 42px 26px; }
  main > .hero:has(.article-hero-art) > .wrap { padding-right: 0; }
  .article-hero-art { position: relative; top: auto; right: auto; width: min(calc(100% - 36px), 480px); margin: 24px auto 0; padding: 10px; transform: none; }
  .article-hero-art img { max-height: 310px; }
  .guide-landing-grid { padding-block: 48px 46px; }
  .guide-landing h1 { font-size: clamp(42px, 11vw, 64px) !important; }
  .about-visual { min-height: 360px !important; }
  .visual-chip { right: 0 !important; bottom: 5% !important; max-width: 210px !important; }
}