/*
  Living Through the Pain — Warm Editorial Theme · 2026-11-02
  Calm reading surfaces, rich charcoal moments, and restrained orange.
  Source of truth for the distinctive original artwork: #FE972E.
  On light paper, copper #974317 is used for legible small text.
  This loads AFTER the page stylesheet to override early all-dark styles.
*/
:root{
  color-scheme:light;
  --paper:#f7f4ee;
  --paper-bright:#fffdf9;
  --stone:#e9e3da;
  --stone-border:#d6cdc2;
  --ink:#292b2d;
  --soft-ink:#56514c;
  --charcoal:#292b2d;
  --copper:#974317;
  --copper-decor:#b65a24;
  --peach:#eec4a4;
  --brand-orange:#fe972e;
  --bg:var(--paper);
  --panel:var(--paper-bright);
  --panel2:var(--stone);
  --line:var(--stone-border);
  --muted:var(--soft-ink);
  --white:#fffaf4;
  --accent:var(--copper);
  --accent2:var(--peach);
  background:var(--paper);
  color:var(--ink);
}
html,body{background:var(--paper);color:var(--ink)}
body{font-size:1rem;line-height:1.7}
p,.section-intro,.muted{color:var(--soft-ink)}
a:hover{color:var(--copper)}
::selection{background:#e9be98;color:#231f1b}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
  outline:3px solid var(--copper);
  outline-offset:4px;
}
.accent,.eyebrow,.index-number,.tiny-label,.status{color:var(--copper)}
.lead{color:#4b4845}
.signal-dot{background:var(--copper-decor);box-shadow:none}

/* Bright, breathable navigation and a deliberate dark footer */
.header{background:#f9f6f0;border-bottom:1px solid #ded6ca;box-shadow:0 1px 9px #28242009}
.brand,.brand:hover{color:var(--ink)}
.brand-symbol,.dot{color:var(--copper-decor)}
.nav-link{color:#464441}
.nav-link:hover,.nav-link.active,.nav-link[aria-current="page"]{color:var(--copper)}
.header-cta{background:var(--charcoal);border-color:var(--charcoal);color:#fffaf4;border-radius:5px}
.header-cta:hover{background:#49423e;border-color:#49423e;color:#fffaf4}
.header-cta span{color:#f2c199}
.mobile-menu summary{color:var(--ink);background:#fffcf8;border:1px solid var(--stone-border)}
.mobile-menu nav{background:#fffcf8;border:1px solid var(--stone-border);box-shadow:0 18px 40px #231e1930}
.mobile-menu nav a{color:var(--ink)}
.mobile-menu nav a:hover{color:var(--copper)}
.footer{background:#282a2b;border-top-color:#393936;color:#f8f5ef}
.footer .footer-mark,.footer-links a{color:#f8f5ef}
.footer .footer-mark .accent,.footer .tiny-label{color:#efb38c}
.footer p{color:#cfc5ba}
.footer-bottom{border-top-color:#55524e;color:#cfc5ba}

/* Global interior page components */
.card,.pathway,.track-card{background:#fffdf9;border:1px solid var(--stone-border);color:var(--ink)}
.card h2,.card h3,.track-card h2,.pathway h2{color:var(--ink)}
.card p,.track-card p,.pathway p{color:var(--soft-ink)}
.card .tiny-label{color:var(--copper)}
.card[href]:hover,.pathway:hover,.track-card:hover{border-color:var(--copper-decor);color:var(--ink)}
.notice{background:#f0e7dc;color:var(--ink);border-left:3px solid var(--copper-decor)}
.notice p,.notice strong{color:var(--ink)}
.callout{background:linear-gradient(135deg,#ece7df,#f8f5ef);color:var(--ink);border:1px solid var(--stone-border)}
.callout p,.callout h2{color:var(--ink)}
.feature-band{background:#e9e3da;color:var(--ink);border-color:var(--stone-border)}
.closing-statement{background:#292b2d;color:#fff9f2;border-color:#3e3d3a}
.pill{background:#e8e1d8;color:var(--ink)}
.meta-bar{border-color:var(--stone-border)}
.article .prose,.prose p,.prose li{color:#3b3936}
.article .prose strong{color:var(--ink)}
.search-label{color:var(--ink)}
.search-label input,.search-label select{background:#fffdf9;color:var(--ink);border-color:var(--stone-border)}
.empty{background:#f0eae3;border-color:var(--stone-border)}
.button{background:var(--charcoal);border-color:var(--charcoal);color:#fffaf4}
.button:hover{background:#44403d;border-color:#44403d;color:#fffaf4}
.button-ghost,.button-outline{background:transparent;color:var(--ink);border-color:#8e857b}
.button-ghost:hover,.button-outline:hover{background:#e6ddd3;color:var(--ink);border-color:var(--copper)}
.hero-wrap{background:linear-gradient(140deg,#333334,#282a2b);color:#fffaf4}
.hero-wrap h1,.hero-wrap h2,.hero-wrap .accent{color:#f3bf95}
.hero-wrap .lead,.hero-wrap p{color:#e4d9d0}
.hero-wrap .button{background:#f0c29e;border-color:#f0c29e;color:#282522}
.hero-wrap .button-outline{background:transparent;color:#fffaf4;border-color:#bbb3aa}

/* Homepage: a dark opening, then mostly warm editorial paper */
.home-hero{background:#292b2d;color:#fffaf4}
.home-hero:before{background:radial-gradient(ellipse at 66% 45%,#8e5f3f2a,transparent 63%)}
.home-kicker,.home-hero-foot strong{color:#efbd95}
.home-spark{background:#edb189}
.home-hero h1{color:#fffaf4}
.home-hero h1 span{color:#eec4a4}
.home-hero-intro{color:#f4ece3}
.home-hero-note{color:#d2c7bd}
.home-artwork-label,.home-artwork-caption{color:#cabeb1}
.home-original-art{box-shadow:14px 14px 0 #755743;border-color:#62564e}
.home-hero-foot{border-top-color:#55504b;color:#cfc5ba}
.home-hero-foot-note{color:#c2b6ab}
.home-btn-primary{background:#eec4a4;border-color:#eec4a4;color:#2a2724}
.home-btn-primary:hover{background:#f6d1b4;border-color:#f6d1b4;color:#2a2724}
.home-btn-secondary{border-color:#9f958b;color:#fffaf4}
.home-btn-secondary:hover{background:#414141;border-color:#eec4a4;color:#fffaf4}
.home-inline-link{color:var(--copper)}
.home-inline-link:hover{color:#622d16}
.home-overline{color:var(--copper)}
.home-intro{background:#f7f4ee;color:var(--ink)}
.home-intro h2,.home-intro-grid p{color:var(--ink)}
.home-intro em{color:var(--copper)}
.home-path-section{background:#ece8e1;color:var(--ink)}
.home-section-heading h2,.home-section-heading>p{color:var(--ink)}
.home-section-heading h2 em{color:var(--copper)}
.home-path-card{background:#fffdf9;border:1px solid #d8d0c5;color:var(--ink)}
.home-path-card h3,.home-path-card>p:not(.home-path-eyebrow){color:var(--ink)}
.home-path-card .home-path-card-top,.home-path-card .home-path-eyebrow,.home-path-card .home-path-more{color:var(--copper)}
.home-path-card:nth-child(2){background:#333435;color:#fffaf4;border-color:#333435}
.home-path-card:nth-child(2) h3{color:#fffaf4}
.home-path-card:nth-child(2)>p:not(.home-path-eyebrow){color:#e0d7ce}
.home-path-card:nth-child(2) .home-path-card-top,
.home-path-card:nth-child(2) .home-path-eyebrow,
.home-path-card:nth-child(2) .home-path-more{color:#efbd95}
.home-path-card:hover{border-color:var(--copper-decor);color:var(--ink)}
.home-path-card:nth-child(2):hover{color:#fffaf4}
.home-milestone{background:#dee4df;color:#292b2d}
.home-milestone-display{border-color:#b6c4ba}
.home-milestone-display>strong{color:#2e3130}
.home-milestone-display>strong span{color:#904622}
.home-milestone-small{color:#3b4140}
.home-milestone .home-overline{color:var(--copper)}
.home-milestone h2,.home-milestone h2 em{color:var(--ink)}
.home-milestone h2 em{color:var(--copper)}
.home-milestone-copy p{color:#404643}
.home-milestone-copy .home-source-note{color:#515954}
.home-btn-dark{background:#292b2d;border-color:#292b2d;color:#fffaf4}
.home-btn-dark:hover{background:#454a46;color:#fffaf4}
.home-life{background:#f7f4ee;color:var(--ink)}
.home-life .home-overline,.home-life h2 em,.home-life-panel>span{color:var(--copper)}
.home-life h2,.home-life-panel h3{color:var(--ink)}
.home-life-top>p,.home-life-panel p{color:var(--soft-ink)}
.home-life-columns,.home-life-panel{border-color:#d9cec1}
.home-life .home-inline-link{color:var(--copper)}
.home-life .home-inline-link:hover{color:#622d16}
.home-close{background:#292b2d;color:#fffaf4}
.home-close h2{color:#fffaf4}
.home-close h2 em{color:#efbd95}
.home-close .home-overline{color:#efbd95}
.home-close-grid>div:last-child p{color:#ddd3c9}
.home-awareness-banner{background:#efdfd3;border-top:1px solid #e0c7b7;border-bottom:1px solid #dcc4b4;color:#302d2a}
.home-awareness-tag{color:#854223}
.home-awareness-inner strong{color:#292b2d}
.home-awareness-inner p{color:#4d4640}
.home-awareness-inner a{background:#292b2d;border-color:#292b2d;color:#fffaf4}
.home-awareness-inner a:hover{background:#46413f;color:#fffaf4}

/* Family, questions, Captain's Log and awareness: warm papers, one dark hero */
.people-hero{background:radial-gradient(ellipse at 80% 30%,#9a62452b,transparent 58%),#303132;border-bottom:1px solid #55504a;color:#fffaf4}
.people-hero h1{color:#fffaf4}
.people-hero h1 em{color:#efbd95}
.people-hero .people-tag{color:#efbd95}
.people-hero .people-lede{color:#e4d9d0}
.people-hero-aside{border-left-color:#d9a57d}
.people-hero-aside strong{color:#fffaf4}
.people-hero-aside p{color:#ddd0c5}
.people-tag{color:var(--copper)}
.people-section h2,.people-entry h2{color:var(--ink)}
.people-section h2 em,.people-entry h2 em{color:var(--copper)}
.people-section>p:not(.people-tag),.people-copy{color:var(--soft-ink)}
.people-article,.people-article h1{color:var(--ink)}
.people-article>.people-lede,.people-entry p,.people-entry li{color:#494640}
.people-entry{border-top-color:var(--stone-border)}
.people-card{background:#fffdf9;border:1px solid #d7cfc5;color:var(--ink)}
.people-card h3{color:var(--ink)}
.people-card small,.people-card .people-link{color:var(--copper)}
.people-card p{color:var(--soft-ink)}
a.people-card:hover{color:var(--ink);border-color:var(--copper-decor)}
.people-feature{background:#dee4df;color:var(--ink)}
.people-feature .people-tag{color:var(--copper)}
.people-feature h2,.people-feature p{color:var(--ink)}
.people-feature h2 em{color:var(--copper)}
.people-feature a{color:var(--copper)}
.people-feature a:hover{color:#622d16}
.people-note{background:#eee5da;border-left-color:var(--copper-decor)}
.people-note strong{color:var(--copper)}
.people-note p{color:#48443f}
.people-step,.people-question{background:#fffdf9;border-color:var(--stone-border);color:var(--ink)}
.people-step h3,.people-question h3{color:var(--ink)}
.people-step .num,.people-question strong{color:var(--copper)}
.people-step p,.people-question p{color:#48443f}
.people-quote{background:#303132;border-left-color:#cb8654;color:#fffaf4}
.people-quote span{color:#d9cfc5}
.people-next{border-top-color:var(--stone-border)}
.people-next a{border-color:#a69b8e;color:var(--ink)}
.people-next a:hover{border-color:var(--copper);color:var(--copper)}
.people-button{background:#292b2d;color:#fffaf4}
.people-button:hover{background:#44403d;color:#fffaf4}
.people-hero .people-button{background:#efc4a3;color:#292b2d}
.people-hero .people-button:hover{background:#f8d6bc;color:#292b2d}
.people-links li{border-color:var(--stone-border)}
.people-links a{color:var(--copper)}
.people-links a:hover{color:#622d16}

/* Living, water, practical life and original stories */
.living-hero{background:#303132;border-bottom-color:#53514d;color:#fffaf4}
.living-hero h1{color:#fffaf4}
.living-hero h1 em{color:#efbd95}
.living-hero .living-eyebrow{color:#efbd95}
.living-eyebrow{color:var(--copper)}
.living-hero-side{border-left-color:#e0ae88}
.living-band{background:#dee4df;color:var(--ink)}
.living-band-inner>span,.living-band-inner p{color:var(--ink)}
.living-section h2,.living-story h2,.living-essay h1{color:var(--ink)}
.living-section h2 em,.living-story h2 em{color:var(--copper)}
.living-section>p:not(.living-eyebrow),.living-story p,.living-story li{color:#494640}
.living-card{background:#fffdf9;border:1px solid var(--stone-border);color:var(--ink)}
.living-card h3{color:var(--ink)}
.living-card p{color:var(--soft-ink)}
.living-card .living-link,.living-card .living-eyebrow{color:var(--copper)}
.living-card:hover{color:var(--ink);border-color:var(--copper-decor)}
.living-story,.living-related{border-color:var(--stone-border)}
.living-note{background:#eee5da;border-left-color:var(--copper-decor)}
.living-note strong{color:var(--copper)}
.living-note p{color:#48443f}
.living-quote{background:#303132;border-left-color:#cc8957;color:#fffaf4}
.living-quote cite{color:#d8ccc0}
.living-related a{border-color:#a69b8e;color:var(--ink)}
.living-related a:hover{color:var(--copper);border-color:var(--copper)}
.living-cta{background:#292b2d;color:#fffaf4}
.living-cta:hover{background:#44403d;color:#fffaf4}

/* Treatment hub and article reading pages should feel like books */
.t-shell{color:var(--ink)}
.t-kicker{color:var(--copper)}
.t-kicker:before{background:var(--copper-decor)}
.t-hero h1,.t-story-hero h1,.t-section h2{color:var(--ink)}
.t-hero h1 em,.t-section h2 em,.t-story-hero h1 em{color:var(--copper)}
.t-hero .t-deck,.t-story-hero .t-deck{color:#4d4842}
.t-lede-aside{border-left-color:var(--copper-decor)}
.t-lede-aside strong{color:var(--ink)}
.t-lede-aside p{color:var(--soft-ink)}
.t-rule,.t-guiding{border-color:var(--stone-border)}
.t-card{background:#fffdf9;border-color:var(--stone-border);color:var(--ink)}
.t-card h2{color:var(--ink)}
.t-card p{color:var(--soft-ink)}
.t-card .t-index,.t-card .t-read{color:var(--copper)}
.t-card .t-period{color:#69615a}
.t-card:hover{color:var(--ink);border-color:var(--copper-decor)}
.t-card:nth-child(3n + 2){background:#333435;color:#fffaf4;border-color:#333435}
.t-card:nth-child(3n + 2) h2{color:#fffaf4}
.t-card:nth-child(3n + 2) p{color:#e0d4c9}
.t-card:nth-child(3n + 2) .t-index,.t-card:nth-child(3n + 2) .t-read{color:#efbd95}
.t-card:nth-child(3n + 2) .t-period{color:#bfb1a5}
.t-card:nth-child(3n + 2):hover{color:#fffaf4}
.t-topic,.t-related-links a{background:#fffdf9;border-color:var(--stone-border);color:var(--ink)}
.t-topic h3{color:var(--ink)}
.t-topic p{color:var(--soft-ink)}
.t-guiding h2,.t-guiding p{color:var(--ink)}
.t-foot-note{background:#eee5da;border-left-color:var(--copper-decor)}
.t-foot-note strong{color:var(--copper)}
.t-foot-note p{color:#48443f}
.t-back{color:var(--copper)}
.t-story-meta{border-color:var(--stone-border)}
.t-story-meta span{border-color:#ccbca9;color:var(--copper)}
.t-prose h2{color:var(--ink)}
.t-prose p,.t-prose li{color:#403c38}
.t-prose strong{color:var(--ink)}
.t-prose blockquote{background:#303132;border-left-color:#d29a6f;color:#fffaf4}
.t-prose blockquote cite{color:#d2c4b7}
.t-prose a{color:var(--copper)}
.t-rail{border-top-color:var(--copper-decor)}
.t-rail .t-rail-label{color:var(--copper)}
.t-rail p,.t-rail li{color:var(--soft-ink)}
.t-rail strong{color:var(--ink)}
.t-rail .t-rail-rule,.t-related{border-color:var(--stone-border)}
.t-related h2{color:var(--ink)}
.t-related-links a:hover{border-color:var(--copper-decor);color:var(--copper)}

/* Respect user color preferences and energy limitations */
@media(prefers-reduced-motion:reduce){
  .home-btn,.t-card,.living-card,.people-card{transition:none!important}
}

/* Gentle editorial voice: a human, book-like accent within modern navigation */
.home-intro h2 em,
.home-section-heading h2 em,
.home-milestone h2 em,
.home-life h2 em,
.home-close h2 em,
.people-section h2 em,
.people-entry h2 em,
.living-section h2 em,
.living-story h2 em,
.t-section h2 em{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:600;
  font-style:italic;
  letter-spacing:-.052em;
}

/* Avoid strong/unnatural hover motion and maintain large tap targets */
.home-btn,.living-cta,.people-button,.button,.header-cta{min-height:44px}
@media(max-width:620px){
  .home-hero-inner{gap:3.2rem}
  .home-artwork-wrap{margin-right:8px}
  .home-original-art{box-shadow:9px 9px 0 #755743}
  .home-intro,.home-path-section,.home-life,.home-close{padding-block:4.6rem}
}

/* Older shared components also need the correct reading colors */
.prose,.prose p,.prose li{color:#403c38}
.prose strong{color:var(--ink)}
.prose a,.back-link,.subtle-link,.text-arrow{color:var(--copper)}
.hero-wrap .hero-aside span,.hero-wrap .hero-bottom{color:#d9cbc0}
.hero-wrap .hero-bottom{border-top-color:#625b53}
.feature-band .feature-inner h2{color:var(--ink)}
.feature-band .feature-inner h2 em{color:var(--copper)}
.feature-band .feature-inner p{color:var(--soft-ink)}
.closing-statement h2{color:#fffaf4}
.closing-statement h2 em,.closing-statement .accent{color:#efbd95}
.closing-statement p{color:#ded4ca}
.status{background:#e9e0d8;border-color:#cab9ac;color:#784323}
