/* Direction A — Clinical calm. Design, tokens and decisions by ChatGPT (mockup A + theme-a spec);
   mapped onto the site's real class names. Loaded after styles.css and lx.css. */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap');

:root {
  /* Semantic remap: old dark tokens -> light values */
  --night: #FBF8F3;      /* page */
  --night-2: #F3EEE7;
  --night-3: #EFE9E0;
  --surface: #FFFFFF;    /* cards */
  --surface-2: #FFFFFF;
  --white: #0F2236;      /* primary text (navy) */
  --ice: #0E7C73;        /* accent (teal) */
  --ice-bright: #09675F;
  --amber: #D9822B;
  --muted: #5B6B7A;
  --muted-2: #82909A;
  --line: #E7E1D8;
  --line-bright: #D6CEC2;
  --display: 'Source Serif 4', Georgia, serif;
  --teal-light: #E9F2F0;
  --shadow-sm: 0 2px 8px rgba(15,34,54,.045);
  --shadow-md: 0 10px 28px rgba(15,34,54,.08);
  color-scheme: light;
}

body { background: #FBF8F3; color: #0F2236; font-size: 17px; letter-spacing: 0; }
body::before { display: none; }
h1, h2, h3, h4, .lx-stat-number, .fact-number { font-family: var(--display); font-weight: 600; letter-spacing: -0.015em; color: #0F2236; }
h1 { font-weight: 700; }
.display-accent { color: #0E7C73; }
.lead, .learn-content p, .learn-content li, .fact-card p, .habit-card, .agenda-list li, .checklist-item, .pillar-copy p, .ticker-item, .panel-meta, .footer-links, .mobile-nav a { color: #3E5163; }
::selection { color: #fff; background: #0E7C73; }
:focus-visible { outline: 3px solid rgba(14,124,115,.45); }
.section-glow { background: none; }
.section-border { border-top-color: #E7E1D8; }

/* Buttons */
.btn-primary { color: #fff; background: #0E7C73; box-shadow: none; }
.btn-primary:hover { color: #fff; background: #09675F; box-shadow: var(--shadow-sm); }
.btn-outline { color: #0F2236; background: #fff; border-color: #D6CEC2; }
.btn-outline:hover { color: #0E7C73; background: #fff; border-color: #0E7C73; }

/* Header */
.site-header { background: rgba(251,248,243,.94); border-bottom: 1px solid #E7E1D8; }
.desktop-nav a:not(.btn) { color: #0F2236; font-weight: 500; font-size: 15px; }
.desktop-nav a:not(.btn):hover, .desktop-nav a[aria-current="page"] { color: #0E7C73; }
.brand-logo { background: #0F2236; padding: 6px 14px; border-radius: 12px; height: 56px; }
.menu-toggle { border-color: #E7E1D8; }
.menu-toggle span { background: #0F2236; }
.mobile-nav { background: #FBF8F3; box-shadow: var(--shadow-md); }

/* Home hero: text left, photo right */
.home-hero { background: #FBF8F3; min-height: 560px; }
.home-hero::before, .home-hero::after { display: none; }
.hero-shade, .hero-bottomline, .scroll-cue { display: none; }
.home-hero .hero-media.hero-photo { left: auto; right: 0; width: 52%; opacity: 1; object-fit: cover; object-position: center; border-radius: 0 0 0 40px; }
.home-hero .hero-content { max-width: 1240px; }
.home-hero h1 { max-width: 560px; color: #0F2236; }
.hero-index { color: #0E7C73; }
.hero-index::before { background: #0E7C73; }

/* Ticker */
.fact-ticker { background: #E9F2F0; border-color: #D6E6E1; }
.ticker-item strong { color: #0E7C73; }
.ticker-dot { background: #D9822B; box-shadow: none; }

/* Topic cards: photo on top, title below on white */
.pillar-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #E7E1D8; box-shadow: var(--shadow-sm); min-height: 0 !important; isolation: auto; }
.pillar-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: #E7E1D8; }
.pillar-art { position: relative; inset: auto; z-index: 0; aspect-ratio: 4 / 3; opacity: 1; }
.pillar-art::after { display: none; }
.pillar-copy { position: relative; inset: auto; padding: 18px 20px 20px; }
.pillar-copy h3 { margin: 6px 0 0; font-size: 1.45rem; color: #0F2236; }
.pillar-number { color: #0E7C73; }
.pillar-arrow { color: #fff; background: #0E7C73; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-size: 17px; top: 14px; right: 14px; }

/* Panel teaser */
.panel-teaser { background: #E9F2F0; border: 1px solid #D6E6E1; box-shadow: none; }
.panel-teaser::before, .panel-teaser::after { display: none; }
.panel-teaser-content h2 { color: #0F2236; }
.panel-meta { color: #3E5163; }

/* Newsletter */
.newsletter-band { background: #F3EEE7; border-color: #E7E1D8; }
.newsletter-form input, .form-group input, .form-group textarea, .form-group select, .lx-subscribe-input, input, textarea, select { background: #fff; color: #0F2236; border: 1px solid #D6CEC2; }
input::placeholder, textarea::placeholder { color: #8A96A0; }
select option { background: #fff; color: #0F2236; }

/* Inner page heroes */
.page-hero, .clinician-hero, .lx-feed-hero, .lx-stats-hero { background: #FBF8F3; }
.lx-feed-hero::before { display: none; }
.page-hero-image { background: #EFE9E0; border-color: #E7E1D8; }
.learn-subnav { background: rgba(251,248,243,.96); border-color: #E7E1D8; }
.learn-subnav a { color: #3E5163; }
.learn-subnav a:hover { color: #0E7C73; }

/* Cards on light */
.fact-card, .habit-card, .resource-card, .voice-card, .form-card, .checklist, .cta-band, .pulse-stat, .lx-stat-card, .lx-subscribe { background: #fff; border-color: #E7E1D8; box-shadow: var(--shadow-sm); }
.fact-card p strong, .fact-card strong { color: #0F2236; }
.supporting-stat { background: #FFF6EC; color: #3E5163; }
.pull-quote { background: #E9F2F0; color: #0F2236; border-color: #0E7C73; }
.checklist-item input { border-color: #B8C2C9; background: #fff; }
.checklist-item input:checked { background: #0E7C73; border-color: #0E7C73; }
.checklist-item:has(input:checked) span { color: #82909A; }
.form-group label, .agenda-list strong { color: #0F2236; }
.voice-photo { background: #EFE9E0; color: #0E7C73; }

/* Panel page hero */
.panel-hero { background: #FBF8F3; min-height: 520px; }
.panel-hero > img { opacity: .9; }
.panel-hero::after { background: linear-gradient(90deg, rgba(251,248,243,.97) 0%, rgba(251,248,243,.88) 50%, rgba(251,248,243,.3) 100%); }

/* Research feed */
.lx-filters { border-color: #E7E1D8; }
.lx-filter-chip { background: #fff; color: #3E5163; border-color: #E7E1D8; }
.lx-filter-chip:hover { color: #0E7C73; border-color: #0E7C73; }
.lx-filter-chip.is-active { background: #0E7C73; border-color: #0E7C73; color: #fff; }
.lx-update-badge { background: #fff; color: #5B6B7A; }
.lx-update-dot { background: #0E7C73; box-shadow: none; }
a.lx-featured { background: #fff; border-color: #E7E1D8; box-shadow: var(--shadow-sm); }
.lx-featured::after { color: #B8C2C9; }
a.lx-brief { background: #fff; border-color: #E7E1D8; box-shadow: var(--shadow-sm); }
a.lx-brief:hover, a.lx-featured:hover { background: #fff; border-color: #0E7C73; box-shadow: var(--shadow-md); transform: translateY(-2px); }
.lx-brief h3, .lx-featured h2 { color: #0F2236; }
.lx-brief h3 { font-size: 1.35rem; line-height: 1.2; }
.lx-category { background: #E9F2F0; border-color: transparent; color: #0E7C73; }
.lx-meta { color: #82909A; }
.lx-verdict { color: #0F2236; }
.lx-verdict span { background: #FFF1E2; color: #B9641A; }
.lx-read, .lx-source-link { color: #0E7C73; }
.lx-source-name { color: #82909A; }
.lx-disclaimer { background: #fff; color: #5B6B7A; }
.lx-disclaimer-icon { border-color: #0E7C73; color: #0E7C73; }

/* Home "this week" list */
.lx-home-item h3 { color: #0F2236; font-family: var(--display); }
.lx-home-item .lx-home-meta { color: #82909A; }
.lx-home-arrow { color: #0E7C73; }

/* Data page */
.lx-stat-number { color: #0E7C73; }
.lx-stat-featured .lx-stat-number { color: #D9822B; }
.lx-stat-card.lx-stat-featured { background: #fff; }
.lx-stat-label { color: #0F2236; }
.lx-stat-source { color: #82909A; }
.lx-glossary-term { color: #0F2236; }
.lx-glossary-letter { color: #0E7C73; }

/* Footer */
.site-footer { background: #F3EEE7; border-top-color: #E7E1D8; }
.footer-links a:hover { color: #0E7C73; }
.footer-bottom { color: #5B6B7A; border-color: #E7E1D8; }

@media (max-width: 720px) {
  .home-hero { min-height: 0; flex-direction: column; }
  .home-hero .hero-media.hero-photo { position: relative; width: 100%; height: 260px; border-radius: 0; order: 2; }
  .brand-logo { height: 48px; padding: 5px 10px; }
  .pillar-card, .pillar-card:nth-child(4), .pillar-card:nth-child(5) { min-height: 0 !important; }
}

/* Layout per mockup A: five compact topic cards in one row, full-bleed photos */
.pillar-grid { grid-template-columns: repeat(5, 1fr); gap: 16px; }
.pillar-card, .pillar-card:nth-child(4), .pillar-card:nth-child(5) { grid-column: auto; padding: 0; background: #fff; }
.pillar-copy h3 { font-size: 1.2rem; }
.panel-teaser h2 { font-size: clamp(2.2rem, 4vw, 3.4rem); max-width: 760px; }
@media (max-width: 1024px) { .pillar-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 720px) { .pillar-grid { grid-template-columns: repeat(2, 1fr); } }

/* Light assets (ChatGPT images) */
.brand-logo { background: none; padding: 0; border-radius: 0; height: 50px; }
.home-hero .hero-media.hero-photo { object-fit: contain; mix-blend-mode: multiply; border-radius: 0; width: 50%; right: 2%; }
.pillar-art img { mix-blend-mode: normal; }
@media (max-width: 720px) { .brand-logo { height: 42px; } .home-hero .hero-media.hero-photo { width: 100%; right: 0; height: 280px; } }
.home-hero .hero-media.hero-photo { mix-blend-mode: normal; -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 62%, transparent 100%); }
@media (max-width: 720px) { .pillar-number { display: none; } }