/* ============================================================
   FINDING CALM — We Get Better With Age
   Design system: forest green / amber / warm off-white
   Montserrat (display + labels) · Merriweather (body, light italic)
   ============================================================ */

:root{
  --green:#3D6B4F;     /* primary */
  --deep:#2D5240;      /* dark grounds */
  --deep-2:#264737;    /* deeper shade for gradients */
  --amber:#E8A85A;     /* emphasis */
  --bg:#F7F4EF;        /* page */
  --paper:#FFFFFF;     /* cards on light */
  --ink:#1A2E22;       /* body text */
  --ink-soft:#3a4d41;  /* muted body */
  --sage:#A8D5B0;      /* dividers / kickers on dark */
  --sage-tint:#E9F1E9; /* faint sage panel on light */
  --line:#dcd6c9;      /* hairlines on bg */

  --reading: 42rem;    /* reading measure */
  --wide: 60rem;

  --f-display:'Montserrat', system-ui, sans-serif;
  --f-body:'Merriweather', Georgia, serif;
}

*{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--f-body);
  font-weight:300;
  font-size:19px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---------- shared layout ---------- */
.reading{
  max-width:var(--reading);
  margin:0 auto;
  padding:0 1.6rem;
}
.section{ scroll-margin-top:70px; }

/* ---------- labels / kickers ---------- */
.kicker{
  font-family:var(--f-display);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:.7rem;
  color:var(--green);
  margin:0;
}
.kicker.on-dark{ color:var(--sage); }

/* ---------- the signature amber rule ---------- */
.rule{
  width:64px; height:3px; border:0;
  background:var(--amber);
  margin:1.6rem 0;
}
.rule.center{ margin-left:auto; margin-right:auto; }

/* ============================================================
   COVER
   ============================================================ */
.cover{
  min-height:100vh;
  background:
    radial-gradient(120% 90% at 80% -10%, rgba(232,168,90,.16), transparent 55%),
    linear-gradient(160deg, var(--deep) 0%, var(--deep-2) 60%, #1f3a2c 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(2rem,6vw,5rem);
  position:relative;
  overflow:hidden;
}
.cover::after{ /* faint baseline grid feel via amber hairline */
  content:""; position:absolute; left:0; right:0; bottom:0; height:6px;
  background:linear-gradient(90deg,var(--amber),rgba(232,168,90,0));
}
.cover-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.cover-mid{ max-width:30rem; }
.cover h1{
  font-family:var(--f-display);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:-.03em;
  line-height:.92;
  font-size:clamp(3.4rem,11vw,7rem);
  margin:.2rem 0 0;
  color:#fff;
}
.cover h1 .amber{ color:var(--amber); display:block; }
.cover .subtitle{
  font-family:var(--f-body);
  font-weight:300;
  font-style:italic;
  font-size:clamp(1.15rem,2.6vw,1.6rem);
  line-height:1.5;
  color:#eef3ec;
  max-width:26rem;
  margin:1.6rem 0 0;
}
.cover-foot{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:1rem; flex-wrap:wrap;
}
.cover-foot .meta{ max-width:24rem; }
.cover-foot .meta p{
  font-family:var(--f-body); font-style:italic; font-weight:300;
  color:#d8e2d6; font-size:1rem; margin:.4rem 0 0; line-height:1.5;
}

/* wordmark (typographic brand mark, no clipart) */
.wordmark{
  font-family:var(--f-display);
  font-weight:800; text-transform:uppercase;
  letter-spacing:.02em; line-height:.92; font-size:.92rem;
  color:#fff;
}
.wordmark .amber{ color:var(--amber); }
.wordmark.block{
  border:1.5px solid rgba(168,213,176,.5);
  border-radius:10px; padding:.55rem .7rem; display:inline-block;
}

/* ============================================================
   CONTENTS
   ============================================================ */
.contents{ padding:clamp(3.5rem,8vw,6.5rem) 0; }
.contents .reading{ max-width:46rem; }
.toc-list{ list-style:none; margin:2.5rem 0 0; padding:0; }
.toc-row{
  display:grid; grid-template-columns:3.2rem 1fr;
  gap:1.2rem; align-items:baseline;
  padding:1.15rem 0; border-top:1px solid var(--line);
  text-decoration:none; color:inherit;
  transition:padding .25s ease;
}
.toc-row:last-child{ border-bottom:1px solid var(--line); }
.toc-row:hover{ padding-left:.5rem; }
.toc-row:hover .toc-title{ color:var(--green); }
.toc-num{
  font-family:var(--f-display); font-weight:700;
  color:var(--amber); font-size:1rem; letter-spacing:.04em;
}
.toc-title{
  font-family:var(--f-display); font-weight:700;
  text-transform:uppercase; letter-spacing:-.01em;
  font-size:1.12rem; color:var(--ink); line-height:1.2;
  transition:color .2s ease;
}
.toc-sub{
  display:block; font-family:var(--f-body); font-style:italic;
  font-weight:300; text-transform:none; letter-spacing:0;
  color:var(--ink-soft); font-size:.98rem; margin-top:.25rem;
}

/* ============================================================
   FRONT MATTER (disclaimer + copyright)
   ============================================================ */
.frontmatter{ padding:clamp(3.5rem,8vw,6rem) 0; }
.frontmatter .reading{ max-width:40rem; }
.frontmatter h2{
  font-family:var(--f-display); font-weight:800; text-transform:uppercase;
  letter-spacing:-.02em; color:var(--deep); font-size:clamp(1.6rem,4vw,2.2rem);
  margin:.6rem 0 0; line-height:1.05;
}
.frontmatter h2 .amber{ color:var(--amber); }
.fineprint{ font-size:1rem; line-height:1.75; color:var(--ink-soft); }
.fineprint strong{ font-family:var(--f-display); font-weight:600; font-style:normal; color:var(--deep); }
.copyright{
  margin-top:2.4rem; padding-top:1.6rem; border-top:1px solid var(--line);
  font-size:.92rem; line-height:1.7; color:var(--ink-soft);
}
.copyright .mark{
  font-family:var(--f-display); font-weight:700; text-transform:uppercase;
  letter-spacing:-.01em; color:var(--green); font-size:1rem; display:block; margin-bottom:.4rem;
}
.copyright .mark .amber{ color:var(--amber); }

/* ============================================================
   CHAPTER OPENER (full-bleed deep-green band)
   ============================================================ */
.chapter-open{
  background:
    radial-gradient(110% 120% at 90% 0%, rgba(232,168,90,.14), transparent 55%),
    linear-gradient(155deg, var(--deep) 0%, var(--deep-2) 70%, #213b2d 100%);
  color:#fff;
  padding:clamp(3rem,9vw,6rem) 0;
  position:relative;
}
.chapter-open .reading{ max-width:46rem; }
.chapter-open .num{
  font-family:var(--f-display); font-weight:800;
  font-size:clamp(3rem,9vw,5.5rem); color:var(--amber);
  letter-spacing:-.04em; line-height:1; opacity:.92;
}
.chapter-open .kicker{ color:var(--sage); margin-bottom:1rem; }
.chapter-open h2{
  font-family:var(--f-display); font-weight:800;
  text-transform:uppercase; letter-spacing:-.028em;
  line-height:1.0; font-size:clamp(2.1rem,6vw,3.6rem);
  margin:.4rem 0 0; color:#fff;
}
.chapter-open h2 .amber{ color:var(--amber); }
.chapter-open .ch-sub{
  font-family:var(--f-body); font-style:italic; font-weight:300;
  font-size:clamp(1.1rem,2.6vw,1.5rem); color:#e7efe5;
  margin:1.5rem 0 0; max-width:30rem;
}
.chapter-open .rule{ margin-top:1.8rem; }

/* ============================================================
   BODY CONTENT
   ============================================================ */
.body{ padding:clamp(2.6rem,6vw,4.4rem) 0 1rem; }

.body p{ margin:0 0 1.25rem; }
.body p.lead{ /* first paragraph of a section */
  font-size:1.18rem; line-height:1.7;
}
/* drop cap on first paragraph after an opener */
.body > .reading > p:first-of-type::first-letter,
.firstpara::first-letter{
  font-family:var(--f-display); font-weight:800;
  float:left; font-size:3.6rem; line-height:.8;
  padding:.35rem .6rem 0 0; color:var(--green);
}

/* section subhead — Merriweather italic, larger */
.subhead{
  font-family:var(--f-body); font-style:italic; font-weight:300;
  color:var(--deep); font-size:1.6rem; line-height:1.25;
  margin:2.8rem 0 1.1rem; position:relative; padding-left:1.1rem;
}
.subhead::before{
  content:""; position:absolute; left:0; top:.55em;
  width:9px; height:9px; background:var(--amber);
  transform:rotate(45deg);
}

/* minilabel — Montserrat caps (":"-ending labels) */
.minilabel{
  font-family:var(--f-display); font-weight:600;
  text-transform:uppercase; letter-spacing:.16em;
  font-size:.78rem; color:var(--green);
  margin:1.8rem 0 .7rem;
}
/* lead-in sentence ending in colon (longer) */
.leadin{ margin:1.4rem 0 .5rem; font-style:italic; color:var(--ink-soft); }

/* feature heading — Technique / Card / Script */
.feature{
  font-family:var(--f-display); font-weight:700;
  text-transform:uppercase; letter-spacing:-.005em;
  font-size:1.2rem; color:var(--green);
  margin:2.6rem 0 1rem; padding-top:1.4rem;
  border-top:3px solid var(--amber);
  display:inline-block;
}

/* appendix section heading (A. B. C...) */
.apx-section{
  font-family:var(--f-display); font-weight:800;
  text-transform:uppercase; letter-spacing:-.02em;
  font-size:clamp(1.5rem,4vw,2.1rem); color:var(--deep);
  margin:3.4rem 0 1.4rem; line-height:1.1;
}
.apx-section .ix{ color:var(--amber); margin-right:.5rem; }

/* lists */
.list{ list-style:none; margin:1rem 0 1.6rem; padding:0; }
.list li{
  position:relative; padding-left:1.6rem; margin:0 0 .7rem;
  line-height:1.6;
}
.list li::before{
  content:""; position:absolute; left:.1rem; top:.72em;
  width:6px; height:6px; border-radius:50%; background:var(--green);
}
.list li.check{ padding-left:1.9rem; }
.list li.check::before{
  content:"\2713"; font-family:var(--f-display); font-weight:700;
  color:var(--amber); background:none; width:auto; height:auto;
  top:.05em; left:0; font-size:1rem; border-radius:0;
}

/* numbered steps */
.steps{ list-style:none; margin:1.2rem 0 1.8rem; padding:0; }
.steps > li{
  position:relative; padding-left:3rem; margin:0 0 1.3rem;
}
.steps > li > .step-n{
  position:absolute; left:0; top:.05em;
  width:2rem; height:2rem; border-radius:50%;
  background:var(--green); color:#fff;
  font-family:var(--f-display); font-weight:700; font-size:.9rem;
  display:flex; align-items:center; justify-content:center;
}
.steps .step-title{
  font-family:var(--f-display); font-weight:600;
  text-transform:uppercase; letter-spacing:.04em; font-size:.92rem;
  color:var(--deep); margin:.3em 0 .5rem;
}
.steps .sub{ list-style:none; margin:.4rem 0 0; padding:0; }
.steps .sub li{
  position:relative; padding-left:1.3rem; margin:0 0 .4rem;
  font-size:.96rem; line-height:1.55;
}
.steps .sub li::before{
  content:""; position:absolute; left:.1rem; top:.7em;
  width:5px; height:5px; border-radius:50%; background:var(--amber);
}

/* inline label (lead-in bold) */
.il{ font-family:var(--f-display); font-weight:600; font-style:normal;
  color:var(--deep); letter-spacing:.01em; }

/* script line — example phrases / "what to say" */
.scriptline{
  font-family:var(--f-body); font-style:italic; font-weight:300;
  color:var(--deep); font-size:1.08rem; line-height:1.55;
  margin:.55rem 0; padding:.2rem 0 .2rem 1.2rem;
  border-left:2px solid var(--sage); position:relative;
}
.scriptline::before{
  content:"\201C"; position:absolute; left:.45rem; top:.1em;
  color:var(--amber); font-family:var(--f-body); font-size:1.4rem; line-height:1;
}
.scriptline + .scriptline{ margin-top:-.1rem; }

/* pull quote */
.pullquote{
  margin:2.8rem 0; padding:0 0 0 1.6rem;
  border-left:3px solid var(--amber);
  font-family:var(--f-body); font-style:italic; font-weight:300;
  font-size:1.7rem; line-height:1.4; color:var(--deep);
}

/* ============================================================
   END-OF-CHAPTER CARDS
   ============================================================ */
.card{
  border-radius:14px; padding:2rem clamp(1.4rem,4vw,2.4rem);
  margin:2.4rem 0;
}
.card .card-label{
  font-family:var(--f-display); font-weight:600;
  text-transform:uppercase; letter-spacing:.2em; font-size:.74rem;
  display:flex; align-items:center; gap:.7rem; margin:0 0 1.1rem;
}
.card .card-label::before{
  content:""; width:10px; height:10px; transform:rotate(45deg);
  display:inline-block;
}
.card p{ margin:0 0 1rem; }
.card .list{ margin-bottom:.2rem; }

/* Pause & Reflect — light sage panel, italic questions */
.card.reflect{ background:var(--sage-tint); border:1px solid #d4e4d6; }
.card.reflect .card-label{ color:var(--green); }
.card.reflect .card-label::before{ background:var(--amber); }
.card.reflect .list li{ font-style:italic; color:var(--ink-soft); }
.card.reflect .list li::before{ background:var(--green); }

/* What to Remember — deep green ground */
.card.remember{ background:var(--deep); color:#eef3ec; }
.card.remember .card-label{ color:var(--sage); }
.card.remember .card-label::before{ background:var(--amber); }
.card.remember .list li::before{ background:var(--amber); }

/* A Gentle Next Step — amber-framed */
.card.nextstep{
  background:var(--paper); border:1px solid var(--line);
  border-left:5px solid var(--amber);
}
.card.nextstep .card-label{ color:var(--amber); }
.card.nextstep .card-label::before{ background:var(--green); }

/* ============================================================
   TABLES (reconstructed appendix grids)
   ============================================================ */
.tbl-wrap{ overflow-x:auto; margin:1.4rem 0 1.8rem; }
table.grid{
  width:100%; border-collapse:collapse;
  font-family:var(--f-body); font-size:.92rem;
}
table.grid th{
  background:var(--deep); color:#fff;
  font-family:var(--f-display); font-weight:600;
  text-transform:uppercase; letter-spacing:.08em; font-size:.68rem;
  padding:.7rem .8rem; text-align:left; vertical-align:top;
}
table.grid td{
  border:1px solid var(--line); padding:.7rem .8rem;
  vertical-align:top; color:var(--ink-soft);
}
table.grid tr:nth-child(even) td{ background:rgba(255,255,255,.5); }

/* ============================================================
   FOLD-AND-CARRY EMERGENCY CARD
   ============================================================ */
.foldcard{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  border:2px dashed var(--green); border-radius:10px;
  overflow:hidden; margin:1.6rem 0 2rem;
}
.foldcard .face{ padding:1.6rem 1.5rem; }
.foldcard .face.front{ background:var(--deep); color:#fff; }
.foldcard .face.back{ background:var(--sage-tint); }
.foldcard h4{
  font-family:var(--f-display); font-weight:800; text-transform:uppercase;
  letter-spacing:.02em; font-size:1.2rem; margin:0 0 .2rem;
}
.foldcard .front h4{ color:var(--amber); }
.foldcard .back h4{ color:var(--green); }
.foldcard .tag{
  font-family:var(--f-display); font-weight:600; text-transform:uppercase;
  letter-spacing:.16em; font-size:.66rem; opacity:.85; margin:0 0 1rem;
}
.foldcard .front .tag{ color:var(--sage); }
.foldcard .reassure{ font-style:italic; margin:0 0 1.1rem; line-height:1.5; }
.foldcard ol{ margin:0; padding-left:1.1rem; }
.foldcard ol > li{ margin:0 0 .8rem; }
.foldcard .mini{
  font-family:var(--f-display); font-weight:600; font-size:.86rem;
  text-transform:uppercase; letter-spacing:.04em;
}
.foldcard ul{ list-style:none; margin:.35rem 0 0; padding:0; }
.foldcard ul li{ position:relative; padding-left:1rem; font-size:.9rem; margin:.2rem 0; line-height:1.4; }
.foldcard ul li::before{ content:""; position:absolute; left:0; top:.62em; width:5px;height:5px;border-radius:50%; }
.foldcard .front ul li::before{ background:var(--amber); }
.foldcard .back  ul li::before{ background:var(--green); }
.cutline{
  font-family:var(--f-display); font-weight:600; text-transform:uppercase;
  letter-spacing:.2em; font-size:.62rem; color:var(--ink-soft);
  text-align:center; margin:.2rem 0 -.6rem;
}

/* ============================================================
   CLOSING NOTE / brand outro callout
   ============================================================ */
.callout{
  background:
    linear-gradient(155deg, var(--deep), var(--deep-2));
  color:#eef3ec; border-radius:14px;
  padding:clamp(1.8rem,4vw,2.6rem); margin:2.6rem 0;
}
.callout .kicker{ color:var(--sage); }
.callout h3{
  font-family:var(--f-display); font-weight:800; text-transform:uppercase;
  letter-spacing:-.02em; color:#fff; font-size:1.5rem; margin:.6rem 0 1rem;
}
.callout h3 .amber{ color:var(--amber); }
.callout a{ color:var(--amber); }

/* ============================================================
   NAV — progress bar + contents overlay
   ============================================================ */
#progress{
  position:fixed; top:0; left:0; height:3px; width:0%;
  background:var(--amber); z-index:60; transition:width .1s linear;
}
.nav-btn{
  position:fixed; right:1.3rem; bottom:1.3rem; z-index:55;
  font-family:var(--f-display); font-weight:600; text-transform:uppercase;
  letter-spacing:.14em; font-size:.7rem; color:#fff; cursor:pointer;
  background:var(--green); border:none; border-radius:40px;
  padding:.85rem 1.3rem; box-shadow:0 6px 22px rgba(45,82,64,.3);
  display:flex; align-items:center; gap:.55rem;
}
.nav-btn:hover{ background:var(--deep); }
.nav-btn .dot{ width:7px;height:7px;background:var(--amber);transform:rotate(45deg); }

.overlay{
  position:fixed; inset:0; z-index:70; background:rgba(28,46,36,.55);
  backdrop-filter:blur(3px); display:none;
  opacity:0; transition:opacity .25s ease;
}
.overlay.open{ display:block; opacity:1; }
.overlay-panel{
  position:absolute; top:0; right:0; height:100%;
  width:min(420px,90vw); background:var(--bg);
  box-shadow:-14px 0 40px rgba(0,0,0,.18);
  padding:2.2rem 1.8rem; overflow-y:auto;
  transform:translateX(20px); transition:transform .25s ease;
}
.overlay.open .overlay-panel{ transform:none; }
.overlay-panel .ohead{
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:1.4rem;
}
.overlay-panel h3{
  font-family:var(--f-display); font-weight:800; text-transform:uppercase;
  letter-spacing:-.01em; color:var(--green); margin:0; font-size:1.2rem;
}
.close-x{ background:none;border:none;cursor:pointer;font-size:1.6rem;color:var(--ink-soft);line-height:1; }
.overlay-panel a{
  display:flex; gap:.8rem; align-items:baseline;
  padding:.7rem 0; border-bottom:1px solid var(--line);
  text-decoration:none; color:var(--ink);
}
.overlay-panel a:hover .ot{ color:var(--green); }
.overlay-panel .on{ font-family:var(--f-display);font-weight:700;color:var(--amber);font-size:.85rem;min-width:2.4rem; }
.overlay-panel .ot{ font-family:var(--f-display);font-weight:600;text-transform:uppercase;font-size:.86rem;letter-spacing:-.005em;line-height:1.25; }

/* ============================================================
   FOOTER
   ============================================================ */
.doc-foot{
  background:var(--deep); color:#cfe0d2; text-align:center;
  padding:3rem 1.5rem; margin-top:2rem;
}
.doc-foot .wordmark{ display:inline-block; margin-bottom:1rem; }
.doc-foot p{ font-style:italic; font-size:.95rem; margin:.3rem 0; }

/* ============================================================
   PRINT DOWNLOAD CTA (digital only)
   ============================================================ */
.print-cta{
  background:var(--sage-tint); border:1px solid #d4e4d6; border-left:5px solid var(--amber);
  border-radius:14px; padding:1.7rem clamp(1.4rem,4vw,2rem); margin:1.4rem 0 2.8rem;
}
.print-cta .pc-label{
  font-family:var(--f-display); font-weight:600; text-transform:uppercase;
  letter-spacing:.16em; font-size:.78rem; color:var(--green); margin:0 0 .5rem;
}
.print-cta .pc-text{ margin:0 0 1.2rem; color:var(--ink-soft); font-size:1.05rem; line-height:1.55; }
.pc-btns{ display:flex; flex-wrap:wrap; gap:.9rem; }
.pc-btn{
  display:inline-flex; align-items:center; gap:.5rem; min-height:52px;
  font-family:var(--f-display); font-weight:600; text-transform:uppercase;
  letter-spacing:.05em; font-size:.86rem; text-decoration:none;
  padding:.7rem 1.5rem; border-radius:40px; border:2px solid var(--green);
  color:var(--green); background:#fff; transition:background .2s ease, color .2s ease;
}
.pc-btn:hover{ background:#e6efe6; }
.pc-btn.primary{ background:var(--green); color:#fff; }
.pc-btn.primary:hover{ background:var(--deep); }
@media print{ .print-cta{ display:none !important; } }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:640px){
  body{ font-size:17.5px; }
  .print-cta .pc-btn{ width:100%; justify-content:center; }
  .foldcard{ grid-template-columns:1fr; }
  .toc-row{ grid-template-columns:2.4rem 1fr; }
}

/* ---------- MOBILE-ONLY FIXES (≤560px) ---------- */
@media (max-width:560px){
  /* safety net: never let anything push the page sideways */
  html, body{ overflow-x:hidden; }

  /* 1 — keep the reading column fluid; never a viewport or fixed width.
         The 89px overflow came from here, not the tables. */
  .reading,
  .contents .reading,
  .frontmatter .reading,
  .chapter-open .reading{ width:100%; max-width:100%; box-sizing:border-box; }

  /* the fill-in tracker grids keep their headers and scroll inside their own
     wrapper (.tbl-wrap already has overflow-x:auto) — the page stays put */
  .tbl-wrap{ -webkit-overflow-scrolling:touch; }

  /* 2 — accent labels AND tracker-table header labels never below 13px */
  .kicker,
  .card .card-label,
  .minilabel,
  .print-cta .pc-label,
  .foldcard .tag,
  .cutline,
  table.grid th{ font-size:13px; }
}

/* ============================================================
   PRINT
   ============================================================ */
@media print{
  @page{ size:A4 portrait; margin:14mm 12mm; }
  #progress,.nav-btn,.overlay{ display:none !important; }
  body{ background:#fff; font-size:11.5pt; }
  .cover{ min-height:96vh; break-after:page; }
  .frontmatter,.contents,.chapter-open{ break-before:page; }
  .card,.foldcard,.callout,.tbl-wrap,.steps>li,.pullquote,.feature{ break-inside:avoid; }
  .subhead,.minilabel,.apx-section,.feature{ break-after:avoid; }
  .cover,.chapter-open,.card.remember,.callout,.foldcard .front,.doc-foot,table.grid th{
    -webkit-print-color-adjust:exact; print-color-adjust:exact;
  }
}

/* === B&W print-safe override (added 2026-07-16) === */
@media print{*,*::before,*::after{background:#fff !important;background-image:none !important;color:#000 !important;-webkit-text-fill-color:#000 !important;box-shadow:none !important;text-shadow:none !important;-webkit-print-color-adjust:economy !important;print-color-adjust:economy !important;}.callout,.callout h3,.card.nextstep .card-label::before,.card.reflect .card-label::before,.card.remember,.card.remember .card-label::before,.chapter-open,.chapter-open .ch-sub,.chapter-open h2,.cover,.cover .subtitle,.cover h1,.cover-foot .meta p,.doc-foot,.foldcard .face.front,.foldcard .front,.nav-btn,.nav-btn .dot,.nav-btn:hover,.pc-btn.primary,.pc-btn.primary:hover,.steps > li > .step-n,.subhead::before,no clipart) */
.wordmark,table.grid th{background:#fff !important;background-image:none !important;color:#000 !important;-webkit-text-fill-color:#000 !important;border-color:#000 !important;}.card.reflect .list li::before,.card.remember .list li::before,.foldcard .back  ul li::before,.foldcard .front ul li::before,.list li::before,.steps .sub li::before{background:#000 !important;color:#000 !important;-webkit-text-fill-color:#000 !important;}::first-letter{color:#000 !important;-webkit-text-fill-color:#000 !important;}a{color:#000 !important;-webkit-text-fill-color:#000 !important;}}