/* Homey Journal Readability Standard — isolated preview patch */
:root {
  --journal-surface: #f7f2e9;
  --journal-surface-soft: #fffdf7;
  --journal-ink: #10213f;
  --journal-heading: #07132b;
  --journal-muted: #33445b;
  --journal-link: #795619;
  --journal-link-hover: #07132b;
  --journal-callout: #eaf2f5;
  --journal-callout-border: #2e8995;
  --journal-border: #d8b56a;
}

/* The article body is intentionally light so the content never inherits the dark shell text treatment. */
main#main-content { background: var(--homey-ink) !important; color: var(--journal-ink) !important; }
main#main-content > .hero,
main#main-content > .section,
main#main-content > .section.tint {
  background: var(--journal-surface) !important;
  color: var(--journal-ink) !important;
  border-color: rgba(216,181,106,.58) !important;
}
main#main-content > .hero { box-shadow: inset 0 -1px 0 rgba(7,19,43,.08); }
main#main-content .wrap,
main#main-content .section,
main#main-content .section * { color: var(--journal-ink); }

/* Explicit heading and paragraph colors prevent inherited cream text from disappearing on light panels. */
main#main-content h1,
main#main-content h2,
main#main-content h3,
main#main-content h4,
main#main-content h5,
main#main-content h6,
main#main-content .eyebrow,
main#main-content .num { color: var(--journal-heading) !important; }
main#main-content p,
main#main-content li,
main#main-content dt,
main#main-content dd,
main#main-content label,
main#main-content figcaption,
main#main-content blockquote,
main#main-content td,
main#main-content th { color: var(--journal-ink) !important; }
main#main-content .lead-p,
main#main-content .muted,
main#main-content .meta,
main#main-content small { color: var(--journal-muted) !important; }
main#main-content strong,
main#main-content b { color: #5a3c0e !important; }
main#main-content a { color: var(--journal-link) !important; text-decoration-thickness: .11em; text-underline-offset: .16em; }
main#main-content a:hover,
main#main-content a:focus-visible { color: var(--journal-link-hover) !important; }

/* Guide contents, notices, FAQ, tables, and product callouts use opaque surfaces and explicit foreground colors. */
main#main-content .toc-card,
main#main-content .notice,
main#main-content .callout,
main#main-content .review-note,
main#main-content .faq-list details,
main#main-content .homey-amazon-callout,
main#main-content .article-note,
main#main-content .tip-box {
  background: var(--journal-callout) !important;
  color: var(--journal-ink) !important;
  border-color: var(--journal-callout-border) !important;
}
main#main-content .toc-card h2,
main#main-content .toc-card a,
main#main-content .notice a,
main#main-content .callout a,
main#main-content .review-note a,
main#main-content .faq-list details summary,
main#main-content .homey-amazon-callout h2,
main#main-content .homey-amazon-callout p,
main#main-content .homey-amazon-callout a { color: var(--journal-heading) !important; }
main#main-content .homey-amazon-callout a { background: var(--homey-ink) !important; color: var(--journal-surface) !important; }
main#main-content .homey-amazon-callout a:hover { background: #183c74 !important; color: #fff !important; }

main#main-content table,
main#main-content .table-wrap { background: var(--journal-surface-soft) !important; color: var(--journal-ink) !important; border-color: var(--journal-border) !important; }
main#main-content th { background: #e6edf3 !important; color: var(--journal-heading) !important; }
main#main-content td { background: var(--journal-surface-soft) !important; color: var(--journal-ink) !important; }
main#main-content hr { border-color: rgba(7,19,43,.18) !important; }

/* Readability on mobile and dense scripts. */
main#main-content p,
main#main-content li,
main#main-content td,
main#main-content th { line-height: 1.86 !important; }
html[dir="rtl"] main#main-content p,
html[dir="rtl"] main#main-content li,
html[dir="rtl"] main#main-content td,
html[dir="rtl"] main#main-content th,
html[lang="ar"] main#main-content p,
html[lang="ur"] main#main-content p,
html[lang="hi"] main#main-content p { line-height: 2.05 !important; }
main#main-content .section,
main#main-content .hero { padding-block: clamp(28px, 5vw, 62px) !important; }
main#main-content .i18n-block { max-width: 100%; }

@media (max-width: 640px) {
  main#main-content .wrap { padding-inline: 18px !important; }
  main#main-content h1 { font-size: clamp(27px, 7vw, 40px) !important; line-height: 1.35 !important; }
  main#main-content h2 { font-size: clamp(23px, 6vw, 33px) !important; line-height: 1.4 !important; }
  main#main-content .toc-card,
  main#main-content .notice,
  main#main-content .callout,
  main#main-content .review-note,
  main#main-content .faq-list details,
  main#main-content .homey-amazon-callout { padding: 18px !important; }
}


/* Final journal contrast contract — fixes mixed inheritance between the light article hero and dark project band. */
html body main#main-content > .hero :is(.breadcrumb,.breadcrumb a,.hero-meta,.hero-meta span,.hero-meta a,.art-meta,.meta),
html body main#main-content > .hero :is(.breadcrumb,.breadcrumb a,.hero-meta,.hero-meta span,.hero-meta a,.art-meta,.meta) * {
  color: var(--journal-muted) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body main#main-content > .hero :is(.breadcrumb a,.hero-meta a,.art-meta a,.meta a):hover,
html body main#main-content > .hero :is(.breadcrumb a,.hero-meta a,.art-meta a,.meta a):focus-visible {
  color: var(--journal-link-hover) !important;
}

/* Dark project bands: every text node is light, including translated language blocks and nested spans. */
html body main#main-content .portfolio-band,
html body main#main-content .portfolio-band :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,b,small,time,div,a,button,label) {
  color: #f7f2e9 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body main#main-content .portfolio-band :is(.eyebrow,.section-kicker,.hero-kicker) {
  color: #f0db9c !important;
}
html body main#main-content .portfolio-band .btn-light,
html body main#main-content .portfolio-band .btn-light :is(span,strong,b) {
  background: #ffffff !important;
  color: #07132b !important;
  border-color: #ffffff !important;
}
html body main#main-content .portfolio-band .btn-outline-light,
html body main#main-content .portfolio-band .btn-outline-light :is(span,strong,b) {
  background: transparent !important;
  color: #f7f2e9 !important;
  border-color: #f7f2e9 !important;
}
html body main#main-content .portfolio-band :is(a,button):hover,
html body main#main-content .portfolio-band :is(a,button):focus-visible {
  opacity: 1 !important;
}

/* Light journal surfaces: retain dark ink for all metadata and descriptive copy. */
html body main#main-content > .hero,
html body main#main-content > .hero :is(.wrap,.hero-meta,.hero-meta span),
html body main#main-content > .section.tint,
html body main#main-content > .section.tint :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,b,small,time,label,a) {
  color: var(--journal-ink) !important;
  opacity: 1 !important;
}
html body main#main-content > .hero :is(h1,h2,h3,h4,h5,h6),
html body main#main-content > .section.tint :is(h1,h2,h3,h4,h5,h6) {
  color: var(--journal-heading) !important;
}
html body main#main-content > .hero :is(.eyebrow,.section-kicker,.hero-kicker),
html body main#main-content > .section.tint :is(.eyebrow,.section-kicker,.hero-kicker) {
  color: var(--journal-link) !important;
}
html body main#main-content > .hero .hero-meta :is(span,a),
html body main#main-content > .hero .hero-meta :is(span,a) * {
  color: var(--journal-muted) !important;
}
html body main#main-content > .hero .hero-cta .btn-wa,
html body main#main-content > .hero .hero-cta .btn-wa :is(span,strong,b) {
  color: #ffffff !important;
}
html body main#main-content > .hero .hero-cta .btn-outline-light,
html body main#main-content > .hero .hero-cta .btn-outline-light :is(span,strong,b) {
  color: var(--journal-heading) !important;
  border-color: var(--journal-heading) !important;
}


/* Icy journal template cards: the content cards use a pale ice surface with dark readable text. */
:root {
  --journal-ice: #f3f6fa;
  --journal-ice-border: #cbd6e3;
}

html body main#main-content .services-grid .service-tile {
  background: var(--journal-ice) !important;
  color: var(--journal-heading) !important;
  border: 1px solid var(--journal-ice-border) !important;
  box-shadow: 0 12px 28px rgba(7,19,43,.08) !important;
}
html body main#main-content .services-grid .service-tile :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,b,small,time,a,div) {
  color: var(--journal-ink) !important;
}
html body main#main-content .services-grid .service-tile :is(h4,.icon,.num,.n) {
  color: var(--journal-heading) !important;
}
html body main#main-content .services-grid .service-tile:hover,
html body main#main-content .services-grid .service-tile:focus-visible {
  background: #eaf0f7 !important;
  border-color: var(--journal-border) !important;
}

html body main#main-content .cta-strip .btn-navy {
  background: var(--journal-ice) !important;
  color: var(--journal-heading) !important;
  border: 1px solid var(--journal-ice-border) !important;
  box-shadow: 0 10px 22px rgba(7,19,43,.08) !important;
}
html body main#main-content .cta-strip .btn-navy :is(span,strong,b) {
  color: var(--journal-heading) !important;
}
html body main#main-content .cta-strip .btn-navy:hover,
html body main#main-content .cta-strip .btn-navy:focus-visible {
  background: #eaf0f7 !important;
  color: var(--journal-heading) !important;
  border-color: var(--journal-border) !important;
}


/* Icy light CTA template surface: exclude the inline-gradient Amazon CTA card. */
html body main#main-content .cta-strip:not([style]) {
  background: var(--journal-ice) !important;
  color: var(--journal-heading) !important;
  border: 1px solid var(--journal-ice-border) !important;
  box-shadow: 0 12px 28px rgba(7,19,43,.08) !important;
}
html body main#main-content .cta-strip:not([style]) :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,b,small,time,a,div) {
  color: var(--journal-ink) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body main#main-content .cta-strip:not([style]) :is(h1,h2,h3,h4,h5,h6) {
  color: var(--journal-heading) !important;
}
html body main#main-content .cta-strip:not([style]) .btn-navy {
  background: var(--journal-ice) !important;
  color: var(--journal-heading) !important;
  border-color: var(--journal-ice-border) !important;
}
html body main#main-content .cta-strip:not([style]) .btn-navy :is(span,strong,b) {
  color: var(--journal-heading) !important;
}
html body main#main-content .cta-strip:not([style]):hover,
html body main#main-content .cta-strip:not([style]):focus-within {
  background: var(--journal-ice) !important;
}

/* Homey recovery: article bodies must remain visible; homepage-only journal suppression is preserved. */
body:not(.homey-homepage) .homey-journal-entry { display:block !important; visibility:visible !important; opacity:1 !important; }