/*
 * ACC Sustainable Living light suite - v385
 * Scope: on-screen Guide, Sections 2-5, Guide Goals, Companion, and task detail.
 * Print pages intentionally keep their existing ink-friendly treatment.
 */

body.sustainable-light-suite {
  --living-ink: #123c2b;
  --living-ink-soft: #315947;
  --living-muted: #557064;
  --living-green: #17633f;
  --living-green-2: #247a50;
  --living-lime: #9edb72;
  --living-line: #c9dfd0;
  --living-line-strong: #a9cfb7;
  --living-surface: rgba(255, 255, 255, 0.95);
  --living-surface-soft: rgba(244, 251, 244, 0.95);
  --living-surface-blue: rgba(239, 248, 248, 0.96);
  --living-shadow: 0 20px 50px rgba(34, 91, 61, 0.11);
  color: var(--living-ink);
  background: #f5faf4;
}

body.sustainable-light-suite main {
  background:
    radial-gradient(circle at 8% 4%, rgba(207, 241, 179, 0.38), transparent 28rem),
    radial-gradient(circle at 92% 18%, rgba(170, 224, 224, 0.28), transparent 32rem),
    linear-gradient(180deg, #fbfdf9 0%, #f3faf3 46%, #f8fcf7 100%);
}

body.sustainable-light-suite main .section,
body.sustainable-light-suite .guide-section-switcher-section,
body.sustainable-light-suite .edu-reading,
body.sustainable-light-suite .task-detail-main {
  color: var(--living-ink);
}

/* Bright photo heroes with a glassy reading surface. */
body.sustainable-light-suite .page-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--living-ink);
  background-color: #e7f3e7;
  box-shadow:
    inset 0 -1px 0 rgba(31, 108, 69, 0.14),
    0 16px 42px rgba(35, 89, 60, 0.09);
}

body.guide-living-page .page-hero.guide-hero {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.92), transparent 28rem),
    linear-gradient(90deg, rgba(248, 254, 245, 0.97) 0%, rgba(243, 252, 242, 0.91) 43%, rgba(242, 251, 244, 0.5) 68%, rgba(242, 251, 244, 0.12) 100%),
    url("../images/guide-living-hero-v343.jpg") !important;
}

body.guide-section-2-page .guide-section-hero {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.92), transparent 28rem),
    linear-gradient(90deg, rgba(248, 254, 245, 0.97) 0%, rgba(243, 252, 242, 0.91) 43%, rgba(242, 251, 244, 0.5) 68%, rgba(242, 251, 244, 0.12) 100%),
    url("../images/guide-section-2-home-energy-v343.jpg") !important;
}

body.guide-section-3-page .guide-section-hero {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.92), transparent 28rem),
    linear-gradient(90deg, rgba(248, 254, 245, 0.97) 0%, rgba(243, 252, 242, 0.91) 43%, rgba(242, 251, 244, 0.5) 68%, rgba(242, 251, 244, 0.12) 100%),
    url("../images/guide-section-3-clean-power-v343.jpg") !important;
}

body.guide-section-4-page .guide-section-hero {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.92), transparent 28rem),
    linear-gradient(90deg, rgba(248, 254, 245, 0.97) 0%, rgba(243, 252, 242, 0.91) 43%, rgba(242, 251, 244, 0.5) 68%, rgba(242, 251, 244, 0.12) 100%),
    url("../images/guide-section-4-gardens-compost-v343.jpg") !important;
}

body.guide-section-5-page .edu-reading-hero {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.92), transparent 28rem),
    linear-gradient(90deg, rgba(248, 254, 245, 0.97) 0%, rgba(243, 252, 242, 0.91) 43%, rgba(242, 251, 244, 0.5) 68%, rgba(242, 251, 244, 0.12) 100%),
    url("../images/guide-section-5-permaculture-v343.jpg") !important;
}

body.companion-light-page .tracker-hero {
  background-image:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.92), transparent 28rem),
    linear-gradient(90deg, rgba(248, 254, 245, 0.97) 0%, rgba(243, 252, 242, 0.91) 43%, rgba(242, 251, 244, 0.5) 68%, rgba(242, 251, 244, 0.12) 100%),
    url("../images/card-sustainable-living-guide.jpg") !important;
}

body.guide-goals-light-page .guide-goals-simple-hero {
  background: #edf7ed !important;
}

body.guide-goals-light-page .guide-goals-simple-hero::before {
  z-index: 1;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, 0.9), transparent 28rem),
    linear-gradient(90deg, rgba(248, 254, 245, 0.96) 0%, rgba(243, 252, 242, 0.89) 44%, rgba(242, 251, 244, 0.48) 70%, rgba(242, 251, 244, 0.12) 100%) !important;
}

body.sustainable-light-suite .page-hero .hero-inner {
  position: relative;
  z-index: 3;
}

body.sustainable-light-suite .page-hero .hero-copy {
  position: relative;
  max-width: 760px;
  overflow: hidden;
  padding: clamp(22px, 3.2vw, 38px);
  border: 1px solid rgba(169, 207, 183, 0.82);
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 0%, rgba(221, 250, 194, 0.5), transparent 17rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(245, 252, 246, 0.86));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 22px 55px rgba(36, 93, 61, 0.16);
  backdrop-filter: blur(14px) saturate(1.08);
}

body.sustainable-light-suite .page-hero .hero-copy::after {
  position: absolute;
  top: 0;
  left: 8%;
  width: 58%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.98), transparent);
}

body.sustainable-light-suite .page-hero .hero-copy h1,
body.sustainable-light-suite .page-hero .hero-copy h2 {
  color: var(--living-ink) !important;
  text-shadow: 0 2px 0 rgba(255, 255, 255, 0.9), 0 8px 24px rgba(32, 91, 59, 0.1) !important;
}

body.sustainable-light-suite .page-hero .hero-copy > p:not(.eyebrow),
body.sustainable-light-suite .tracker-hero-copy > p:not(.eyebrow) {
  color: var(--living-ink-soft) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

body.sustainable-light-suite .page-hero .eyebrow {
  color: var(--living-green-2) !important;
  text-shadow: none !important;
}

body.sustainable-light-suite .page-hero .btn-outline-light {
  border-color: var(--living-line-strong);
  color: var(--living-green) !important;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: none;
}

body.sustainable-light-suite .page-hero .btn-outline-light:hover,
body.sustainable-light-suite .page-hero .btn-outline-light:focus-visible {
  border-color: var(--living-green-2);
  background: #ffffff;
}

body.sustainable-light-suite .tracker-hero-points {
  border-color: rgba(41, 117, 77, 0.22) !important;
}

body.sustainable-light-suite .tracker-hero-points span {
  color: var(--living-green) !important;
  border-color: rgba(41, 117, 77, 0.18) !important;
  text-shadow: none !important;
}

body.sustainable-light-suite .tracker-hero-points span::before {
  background: var(--living-lime) !important;
}

body.sustainable-light-suite :is(.btn, button) {
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
}

/* Shared pearlescent surfaces. */
body.sustainable-light-suite :is(
  .guide-jump-nav,
  .guide-tracker-callout,
  .guide-five-section-intro,
  .guide-section-meaning,
  .guide-path-card,
  .guide-goals-window,
  .guidebook-current-chapter,
  .guidebook-sidebar-inner,
  .guide-action-card,
  .guide-step-card,
  .guide-product-panel,
  .guide-starter-block,
  .guide-tracker-bridge,
  .guide-section-switcher,
  .edu-reading-toc,
  .edu-reading-body,
  .edu-key-box,
  .edu-references,
  .guide-next-chapter,
  .companion-how-v308,
  .guide-goals-result-shell,
  .guide-goals-simple-key,
  .guide-goals-simple-build,
  .guide-goals-simple-scale-grid > article,
  .guide-goals-simple-details,
  .guide-goals-simple-cta-card,
  .task-detail-panel
) {
  border-color: var(--living-line) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(220, 248, 198, 0.32), transparent 14rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(242, 249, 245, 0.96)) !important;
  color: var(--living-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    var(--living-shadow) !important;
}

body.sustainable-light-suite .edu-key-box > :is(h1, h2, h3, h4) {
  color: var(--living-ink) !important;
  -webkit-text-fill-color: var(--living-ink) !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
}

body.sustainable-light-suite .edu-key-box > :is(p, ul, ol) {
  color: var(--living-ink-soft) !important;
  -webkit-text-fill-color: var(--living-ink-soft) !important;
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
}

body.sustainable-light-suite .edu-key-box > .eyebrow {
  color: var(--living-green) !important;
  -webkit-text-fill-color: var(--living-green) !important;
}

body.sustainable-light-suite .guide-section-switcher-section,
body.sustainable-light-suite .companion-how-section,
body.sustainable-light-suite .guide-goals-window-section,
body.sustainable-light-suite .guide-five-section-path,
body.sustainable-light-suite .guidebook-chapter-section,
body.sustainable-light-suite .guide-goals-primary-result,
body.sustainable-light-suite .guide-goals-simple-intro,
body.sustainable-light-suite .guide-goals-simple-scale,
body.sustainable-light-suite .guide-goals-simple-explain,
body.sustainable-light-suite .guide-goals-simple-cta,
body.sustainable-light-suite .tracker-app-section {
  background: transparent !important;
}

body.sustainable-light-suite :is(
  .guide-path-card,
  .guide-action-card,
  .guide-step-card,
  .guide-product-panel,
  .guide-next-chapter,
  .guide-section-switcher a,
  .companion-how-steps article,
  .guide-goals-simple-scale-grid > article,
  .task-detail-panel
):hover {
  border-color: var(--living-line-strong) !important;
  box-shadow: 0 24px 52px rgba(31, 100, 62, 0.15) !important;
}

body.sustainable-light-suite :is(
  .guide-path-card,
  .guide-action-card,
  .guide-step-card,
  .guide-product-panel,
  .guide-next-chapter
):focus-visible {
  outline: 3px solid rgba(87, 157, 105, 0.34);
  outline-offset: 3px;
}

body.sustainable-light-suite .guide-path-card.is-current,
body.sustainable-light-suite .guide-section-switcher a[aria-current="page"] {
  border-color: #78b789 !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(211, 247, 174, 0.72), transparent 16rem),
    linear-gradient(145deg, #fbfff7, #e6f5e8) !important;
  color: var(--living-ink) !important;
  box-shadow:
    inset 0 0 0 2px rgba(95, 160, 111, 0.12),
    0 20px 45px rgba(34, 101, 62, 0.15) !important;
}

body.sustainable-light-suite .guide-path-card.is-current :is(b, strong, small, p),
body.sustainable-light-suite .guide-section-switcher a[aria-current="page"] :is(b, small) {
  color: var(--living-ink) !important;
}

body.sustainable-light-suite :is(
  .chapter-hero-strip,
  .guide-goals-result-copy,
  .section4-feature-card.dark,
  .task-detail-hero
) {
  border: 1px solid var(--living-line-strong) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(218, 248, 190, 0.7), transparent 18rem),
    linear-gradient(135deg, #fbfff7 0%, #e9f5ed 64%, #ecf7f8 100%) !important;
  color: var(--living-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 24px 52px rgba(31, 91, 59, 0.14) !important;
}

body.sustainable-light-suite :is(
  .chapter-hero-strip,
  .guide-goals-result-copy,
  .section4-feature-card.dark,
  .task-detail-hero
) :is(h1, h2, h3, b, strong) {
  color: var(--living-ink) !important;
  text-shadow: none !important;
}

body.sustainable-light-suite :is(
  .chapter-hero-strip,
  .guide-goals-result-copy,
  .section4-feature-card.dark,
  .task-detail-hero
) :is(p, span, small, li) {
  color: var(--living-ink-soft) !important;
  text-shadow: none !important;
}

body.sustainable-light-suite .chapter-hero-strip {
  background-image:
    linear-gradient(90deg, rgba(248, 254, 245, 0.96), rgba(241, 251, 243, 0.72)),
    url("../images/guide-section-1-everyday-foundation-v343.jpg") !important;
  background-position: center;
  background-size: cover;
}

/* Section reading pages and chapter components. */
body.guide-section-page .edu-reading,
body.guide-section-page .guide-section-switcher-section {
  background:
    radial-gradient(circle at 90% 2%, rgba(186, 229, 225, 0.24), transparent 28rem),
    linear-gradient(180deg, #f8fcf7, #f2f9f3) !important;
}

body.guide-section-page .edu-reading-toc {
  position: sticky;
  top: 150px;
}

body.guide-section-page :is(
  .guide-chapter-principle,
  .guide-reference-section,
  .guide-proposal-section,
  .guide-access-section,
  .guide-stage-section,
  .guide-table-section,
  .guide-measure-section,
  .guide-source-caution,
  .guide-safety-note
) {
  border-color: var(--living-line) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(219, 248, 198, 0.28), transparent 13rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(240, 248, 244, 0.96)) !important;
  color: var(--living-ink) !important;
  box-shadow: 0 16px 36px rgba(33, 88, 59, 0.08) !important;
}

body.guide-section-page :is(
  .guide-chapter-principle,
  .guide-reference-section,
  .guide-proposal-section,
  .guide-access-section,
  .guide-stage-section,
  .guide-table-section,
  .guide-measure-section,
  .guide-source-caution,
  .guide-safety-note
) :is(h1, h2, h3, h4, b, strong) {
  color: var(--living-ink) !important;
  -webkit-text-fill-color: var(--living-ink) !important;
  text-shadow: none !important;
}

body.guide-section-page :is(
  .guide-chapter-principle,
  .guide-reference-section,
  .guide-proposal-section,
  .guide-access-section,
  .guide-stage-section,
  .guide-table-section,
  .guide-measure-section,
  .guide-source-caution,
  .guide-safety-note
) :is(p, li, small) {
  color: var(--living-ink-soft) !important;
  -webkit-text-fill-color: var(--living-ink-soft) !important;
  text-shadow: none !important;
}

body.guide-section-page :is(
  .guide-task-grid article,
  .guide-reference-grid article,
  .living-path-grid article,
  .section4-sensitivity-grid article,
  .section5-animal-grid article,
  .section5-benefit-grid article
) {
  border-color: var(--living-line) !important;
  background: linear-gradient(145deg, #ffffff, #f2f8f4) !important;
  color: var(--living-ink) !important;
  box-shadow: 0 12px 30px rgba(32, 86, 58, 0.08) !important;
}

body.guide-section-page .guide-table-wrap,
body.guide-section-page .guide-table-wrap table {
  border-color: var(--living-line) !important;
  background: rgba(255, 255, 255, 0.94) !important;
}

body.guide-section-page .guide-table-wrap th {
  color: var(--living-ink) !important;
  background: #e4f1e7 !important;
}

body.guide-section-page .guide-table-wrap tr:nth-child(even),
body.guide-section-page .guide-table-wrap tbody tr:nth-child(even) {
  background: #f2f8f4 !important;
}

body.guide-section-4-page :is(
  .section4-intro,
  .section4-order,
  .section4-reading,
  .section4-requirements,
  .section4-sources,
  .section4-bottom-cta
) {
  background: transparent !important;
}

body.guide-section-4-page :is(
  .section4-media-card,
  .section4-copy,
  .section4-starter-grid article,
  .section4-proof-grid article,
  .section4-feature-card,
  .section4-stage-card,
  .section4-source-grid article,
  .section4-next-step
) {
  border-color: var(--living-line) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(220, 248, 198, 0.3), transparent 13rem),
    linear-gradient(145deg, #ffffff, #f1f8f3) !important;
  color: var(--living-ink) !important;
  box-shadow: 0 16px 38px rgba(32, 88, 58, 0.09) !important;
}

body.guide-section-5-page .section5-care-boundary {
  border-color: var(--living-line) !important;
  background:
    radial-gradient(circle at 92% 5%, rgba(209, 241, 176, 0.34), transparent 12rem),
    linear-gradient(145deg, #fafff8, #eaf5ec) !important;
  color: var(--living-ink) !important;
  box-shadow: 0 12px 28px rgba(32, 88, 58, 0.09) !important;
}

body.guide-section-5-page .section5-care-boundary :is(h3, b, strong) {
  color: var(--living-ink) !important;
  -webkit-text-fill-color: var(--living-ink) !important;
  text-shadow: none !important;
}

body.guide-section-5-page .section5-care-boundary :is(p, li) {
  color: var(--living-ink-soft) !important;
  -webkit-text-fill-color: var(--living-ink-soft) !important;
  text-shadow: none !important;
}

body.guide-section-5-page .section5-source-links a {
  border-color: var(--living-line-strong) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: var(--living-green) !important;
  -webkit-text-fill-color: var(--living-green) !important;
  text-shadow: none !important;
}

body.guide-section-4-page :is(
  .section4-media-card,
  .section4-copy,
  .section4-starter-grid article,
  .section4-proof-grid article,
  .section4-feature-card,
  .section4-stage-card,
  .section4-source-grid article,
  .section4-next-step
) :is(h2, h3, b, strong, p, li, span) {
  color: inherit !important;
  text-shadow: none !important;
}

/* Guide Goals: keep the visual hierarchy, remove the dark slabs. */
body.guide-goals-light-page .guide-goals-result-copy {
  border-width: 0 0 1px !important;
  border-radius: 0;
}

body.guide-goals-light-page .guide-goals-result-grid,
body.guide-goals-light-page .guide-goals-result-context {
  border-color: var(--living-line) !important;
  background: var(--living-line) !important;
}

body.guide-goals-light-page .guide-goals-result-grid article,
body.guide-goals-light-page .guide-goals-result-context article,
body.guide-goals-light-page .guide-goals-equation,
body.guide-goals-light-page .guide-goals-source-links,
body.guide-goals-light-page .guide-goals-result-shell > .model-note {
  background: linear-gradient(145deg, #ffffff, #f2f8f4) !important;
  color: var(--living-ink-soft) !important;
}

body.guide-goals-light-page .guide-goals-result-grid .impact-share {
  background: linear-gradient(140deg, #f2ffd9 0%, #d8f2b9 58%, #c4eaa0 100%) !important;
}

body.guide-goals-light-page .guide-goals-result-grid .impact-vehicles {
  background: linear-gradient(140deg, #e5f6ec 0%, #d5efdf 54%, #d7eff0 100%) !important;
}

body.guide-goals-light-page .guide-goals-result-grid .impact-vehicles :is(b, span),
body.guide-goals-light-page .guide-goals-result-grid .impact-share :is(b, span) {
  color: var(--living-ink) !important;
  text-shadow: none !important;
}

body.guide-goals-light-page .guide-goals-simple-details summary {
  color: var(--living-ink) !important;
  background: linear-gradient(145deg, #ffffff, #eef7f1) !important;
}

body.guide-goals-light-page .guide-goals-simple-card.featured,
body.guide-goals-light-page .guide-goals-simple-scale-grid article.featured {
  border-color: #9bcaa8 !important;
  background:
    radial-gradient(circle at 90% 8%, rgba(207, 244, 174, 0.58), transparent 12rem),
    linear-gradient(145deg, #fbfff7, #e2f2e6) !important;
  color: var(--living-ink) !important;
  box-shadow:
    inset 0 0 0 2px rgba(80, 148, 98, 0.09),
    0 18px 40px rgba(27, 91, 55, 0.13) !important;
}

body.guide-goals-light-page .guide-goals-simple-card.featured :is(h3, b, span, small, p),
body.guide-goals-light-page .guide-goals-simple-scale-grid article.featured :is(h3, b, span, small, p),
body.guide-goals-light-page .guide-goals-simple-cta-card :is(h2, p) {
  color: var(--living-ink) !important;
  -webkit-text-fill-color: var(--living-ink) !important;
  text-shadow: none !important;
}

body.guide-goals-light-page .guide-goals-simple-cta-card .btn-outline-light {
  border-color: var(--living-line-strong) !important;
  background: #f4faf3 !important;
  color: var(--living-green) !important;
  text-shadow: none !important;
}

/* Companion app: replace the legacy dark dashboard with light, durable surfaces. */
body.companion-light-page .tracker-app-section {
  padding-top: clamp(34px, 5vw, 72px);
  background:
    radial-gradient(circle at 8% 8%, rgba(211, 243, 181, 0.35), transparent 25rem),
    radial-gradient(circle at 94% 25%, rgba(173, 224, 224, 0.25), transparent 28rem),
    linear-gradient(180deg, #f6fbf5, #edf7f1) !important;
}

body.companion-light-page .tracker-app-section .tracker-shell {
  border: 1px solid var(--living-line-strong) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(217, 248, 190, 0.52), transparent 20rem),
    radial-gradient(circle at 94% 12%, rgba(179, 228, 228, 0.38), transparent 24rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(238, 247, 241, 0.98)) !important;
  color: var(--living-ink) !important;
  box-shadow:
    inset 0 1px 0 #ffffff,
    0 30px 72px rgba(31, 92, 60, 0.15) !important;
}

body.companion-light-page .tracker-app-section :is(
  .tracker-app-topbar,
  .tracker-current-section-banner,
  .tracker-current-stage-card,
  .tracker-stage-intro,
  .tracker-structure-key,
  .tracker-install-card,
  .tracker-panel,
  .tracker-status-panel,
  .tracker-focus-card,
  .tracker-task-panel,
  .tracker-habit-panel,
  .tracker-reminder-panel,
  .tracker-milestones,
  .tracker-next-card
) {
  border-color: var(--living-line) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(219, 248, 198, 0.3), transparent 14rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 244, 0.97)) !important;
  color: var(--living-ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 16px 38px rgba(30, 87, 58, 0.09) !important;
}

body.companion-light-page .tracker-app-section :is(
  .tracker-app-topbar,
  .tracker-current-section-banner,
  .tracker-current-stage-card,
  .tracker-stage-intro,
  .tracker-structure-key,
  .tracker-install-card,
  .tracker-panel,
  .tracker-status-panel,
  .tracker-focus-card,
  .tracker-task-panel,
  .tracker-habit-panel,
  .tracker-reminder-panel,
  .tracker-milestones,
  .tracker-next-card
) :is(h2, h3, b, strong) {
  color: var(--living-ink) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section :is(
  .tracker-app-topbar,
  .tracker-current-section-banner,
  .tracker-current-stage-card,
  .tracker-stage-intro,
  .tracker-structure-key,
  .tracker-install-card,
  .tracker-panel,
  .tracker-status-panel,
  .tracker-focus-card,
  .tracker-task-panel,
  .tracker-habit-panel,
  .tracker-reminder-panel,
  .tracker-milestones,
  .tracker-next-card
) :is(p, span, small, em) {
  color: var(--living-muted) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section :is(
  .tracker-section-heading .eyebrow,
  .tracker-status-panel > .eyebrow,
  .tracker-next-card .eyebrow,
  .tracker-install-card .eyebrow,
  .tracker-milestones .eyebrow,
  .tracker-habit-panel .eyebrow,
  .tracker-reminder-panel .eyebrow,
  .tracker-current-section-copy .eyebrow,
  .tracker-stage-intro .eyebrow
) {
  color: var(--living-green-2) !important;
}

body.companion-light-page .tracker-app-section .tracker-stage-intro .eyebrow {
  border: 1px solid rgba(88, 160, 79, 0.28) !important;
  background: linear-gradient(135deg, #efffd8, #d7ff8e) !important;
  color: var(--living-green) !important;
  -webkit-text-fill-color: var(--living-green) !important;
  box-shadow: 0 8px 20px rgba(70, 137, 69, 0.12) !important;
}

body.companion-light-page .tracker-app-section .tracker-progress-ring {
  border: 1px solid #b8d6c2 !important;
  background:
    radial-gradient(circle at center, #ffffff 0 57%, transparent 58%),
    conic-gradient(#2d9663 0 var(--tracker-progress), #8ecf71 var(--tracker-progress), #dbe9df 0) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.9),
    0 14px 34px rgba(28, 92, 58, 0.14),
    0 0 0 8px rgba(137, 203, 116, 0.1) !important;
}

body.companion-light-page .tracker-app-section .tracker-progress-ring span {
  color: var(--living-green) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section .tracker-progress-ring small {
  color: var(--living-muted) !important;
}

body.companion-light-page .tracker-app-section :is(
  .tracker-status-list div,
  .tracker-account-card,
  .tracker-empty-state,
  .tracker-milestone-grid article,
  .tracker-stage-strip article,
  .tracker-focus-options span,
  .tracker-action-card > span
) {
  border: 1px solid var(--living-line) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(206, 241, 181, 0.35), transparent 7rem),
    linear-gradient(145deg, #ffffff, #f1f7f3) !important;
  color: var(--living-ink) !important;
  box-shadow:
    inset 0 1px 0 #ffffff,
    0 12px 28px rgba(29, 83, 56, 0.08) !important;
}

body.companion-light-page .tracker-app-section .tracker-action-card {
  border: 1px solid var(--living-line) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(206, 241, 181, 0.36), transparent 8rem),
    linear-gradient(145deg, #ffffff, #eef7f1) !important;
  color: var(--living-ink) !important;
  box-shadow:
    inset 0 1px 0 #ffffff,
    0 14px 32px rgba(29, 83, 56, 0.1) !important;
}

body.companion-light-page .tracker-app-section .tracker-action-card :is(b, p, span, small, em, strong) {
  color: var(--living-ink-soft) !important;
  -webkit-text-fill-color: var(--living-ink-soft) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section .tracker-action-card b {
  color: var(--living-ink) !important;
  -webkit-text-fill-color: var(--living-ink) !important;
}

body.companion-light-page .tracker-app-section :is(
  .tracker-status-list div,
  .tracker-account-card,
  .tracker-empty-state,
  .tracker-milestone-grid article,
  .tracker-stage-strip article,
  .tracker-focus-options span,
  .tracker-action-card > span
) :is(b, strong) {
  color: var(--living-ink) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section :is(
  .tracker-status-list div,
  .tracker-account-card,
  .tracker-empty-state,
  .tracker-milestone-grid article,
  .tracker-stage-strip article,
  .tracker-focus-options span,
  .tracker-action-card > span
) :is(p, span, small, em) {
  color: var(--living-muted) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section .tracker-stage-strip article:is(.is-active, .is-current),
body.companion-light-page .tracker-app-section .tracker-focus-options label:hover span,
body.companion-light-page .tracker-app-section .tracker-focus-options input:checked + span,
body.companion-light-page .tracker-app-section .tracker-action-card:hover > span,
body.companion-light-page .tracker-app-section .tracker-action-card input:checked + span {
  border-color: #75b788 !important;
  background:
    radial-gradient(circle at 90% 8%, rgba(198, 239, 160, 0.62), transparent 9rem),
    linear-gradient(145deg, #fbfff7, #dff1e3) !important;
  color: var(--living-ink) !important;
  box-shadow:
    inset 0 0 0 2px rgba(83, 154, 102, 0.12),
    0 16px 34px rgba(31, 99, 61, 0.13) !important;
}

body.companion-light-page .tracker-app-section .tracker-stage-strip article:is(.is-active, .is-current) :is(b, small),
body.companion-light-page .tracker-app-section .tracker-focus-options input:checked + span :is(b, small, i, strong),
body.companion-light-page .tracker-app-section .tracker-action-card input:checked + span :is(b, small, em, a) {
  color: var(--living-ink) !important;
  -webkit-text-fill-color: var(--living-ink) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section .tracker-stage-strip article b {
  color: var(--living-ink) !important;
  -webkit-text-fill-color: var(--living-ink) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section .tracker-stage-strip article small {
  color: var(--living-muted) !important;
  -webkit-text-fill-color: var(--living-muted) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section .tracker-stage-strip span,
body.companion-light-page .tracker-app-section .tracker-focus-options i,
body.companion-light-page .tracker-app-section .tracker-focus-options strong,
body.companion-light-page .tracker-app-section .tracker-action-card small {
  border-color: #b8d7c0 !important;
  background: #edf7ec !important;
  color: var(--living-green) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section .tracker-action-card a,
body.companion-light-page .tracker-app-section .tracker-resource-link {
  border-color: #b5d4be !important;
  background: #f2f9f1 !important;
  color: var(--living-green) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section .tracker-action-card a:hover,
body.companion-light-page .tracker-app-section .tracker-action-card a:focus-visible,
body.companion-light-page .tracker-app-section .tracker-resource-link:hover,
body.companion-light-page .tracker-app-section .tracker-resource-link:focus-visible {
  background: #dff1df !important;
  color: #0f4d31 !important;
}

body.companion-light-page .tracker-app-section :is(textarea, input, select) {
  border-color: #bad4c2 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--living-ink) !important;
  box-shadow: inset 0 1px 2px rgba(31, 89, 57, 0.06) !important;
}

body.companion-light-page .tracker-app-section :is(textarea, input)::placeholder {
  color: #71857b !important;
}

body.companion-light-page .tracker-app-section .tracker-app-nav {
  border-color: var(--living-line) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow:
    0 -12px 32px rgba(31, 88, 58, 0.11),
    inset 0 1px 0 #ffffff !important;
  backdrop-filter: blur(14px);
}

body.companion-light-page .tracker-app-section .tracker-app-nav a {
  color: var(--living-muted) !important;
  text-shadow: none !important;
}

body.companion-light-page .tracker-app-section .tracker-app-nav a:is(:hover, :focus-visible, .is-active) {
  background: linear-gradient(180deg, #e9f8df, #d4edcf) !important;
  color: var(--living-green) !important;
}

/* Individual task detail. */
body.guide-task-light-page .task-detail-main {
  background:
    radial-gradient(circle at 10% 4%, rgba(210, 243, 181, 0.38), transparent 24rem),
    radial-gradient(circle at 92% 18%, rgba(175, 226, 226, 0.27), transparent 28rem),
    linear-gradient(180deg, #f8fcf7 0%, #eef7f1 100%) !important;
}

body.guide-task-light-page .task-detail-hero {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
}

body.guide-task-light-page .task-detail-kicker,
body.guide-task-light-page .task-detail-back {
  color: var(--living-green-2) !important;
}

body.guide-task-light-page .task-detail-summary {
  color: var(--living-ink-soft) !important;
}

body.guide-task-light-page .task-detail-image::after {
  background: linear-gradient(90deg, rgba(244, 252, 245, 0.7), transparent 45%) !important;
}

body.guide-task-light-page .task-detail-source,
body.guide-task-light-page .task-product-note {
  border-color: var(--living-line) !important;
  background: linear-gradient(145deg, #ffffff, #eef7f1) !important;
  color: var(--living-ink-soft) !important;
}

@media (max-width: 760px) {
  body.sustainable-light-suite .page-hero {
    background-position: center !important;
  }

  body.guide-living-page .page-hero.guide-hero,
  body.guide-section-2-page .guide-section-hero,
  body.guide-section-3-page .guide-section-hero,
  body.guide-section-4-page .guide-section-hero,
  body.guide-section-5-page .edu-reading-hero,
  body.companion-light-page .tracker-hero {
    background-image:
      linear-gradient(180deg, rgba(249, 254, 247, 0.9) 0%, rgba(242, 251, 244, 0.83) 100%),
      var(--living-mobile-photo, none) !important;
  }

  body.guide-living-page .page-hero.guide-hero {
    --living-mobile-photo: url("../images/guide-living-hero-v343.jpg");
  }

  body.guide-section-2-page .guide-section-hero {
    --living-mobile-photo: url("../images/guide-section-2-home-energy-v343.jpg");
  }

  body.guide-section-3-page .guide-section-hero {
    --living-mobile-photo: url("../images/guide-section-3-clean-power-v343.jpg");
  }

  body.guide-section-4-page .guide-section-hero {
    --living-mobile-photo: url("../images/guide-section-4-gardens-compost-v343.jpg");
  }

  body.guide-section-5-page .edu-reading-hero {
    --living-mobile-photo: url("../images/guide-section-5-permaculture-v343.jpg");
  }

  body.companion-light-page .tracker-hero {
    --living-mobile-photo: url("../images/card-sustainable-living-guide.jpg");
  }

  body.guide-goals-light-page .guide-goals-simple-hero::before {
    background: linear-gradient(180deg, rgba(249, 254, 247, 0.91), rgba(242, 251, 244, 0.84)) !important;
  }

  body.sustainable-light-suite .page-hero .hero-copy {
    width: 100%;
    padding: 22px 20px;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(244, 251, 245, 0.87));
  }

  body.guide-section-page .edu-reading-toc {
    position: static;
  }

  body.guide-task-light-page .task-detail-hero {
    grid-template-columns: 1fr;
  }

  body.guide-task-light-page .task-detail-image::after {
    background: linear-gradient(0deg, rgba(244, 252, 245, 0.55), transparent 55%) !important;
  }
}

@media (max-width: 420px) {
  body.sustainable-light-suite .page-hero .hero-copy {
    padding: 19px 17px;
    border-radius: 15px;
  }

  body.companion-light-page .tracker-app-section .tracker-shell {
    border-radius: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sustainable-light-suite *,
  body.sustainable-light-suite *::before,
  body.sustainable-light-suite *::after {
    scroll-behavior: auto !important;
  }
}

@media print {
  body.sustainable-light-suite,
  body.sustainable-light-suite main,
  body.sustainable-light-suite .section,
  body.sustainable-light-suite article,
  body.sustainable-light-suite aside {
    color: #111 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
}