:root{
  --care-browser-offset:126px;
  --care-nav-top:12px;
  --paper:#f5f0e6;
  --paper-2:#fbf7f0;
  --panel:#fffdf8;
  --panel-2:#f8f3ea;
  --line:#d8cfbf;
  --line-strong:#b9ad98;
  --ink:#2e2b27;
  --muted:#62574c;
  --sage:#6f8068;
  --sage-deep:#566550;
  --moss:#7c8a66;
  --clay:#9a745a;
  --bluegray:#71818e;
  --warn:#8f5a49;
  --good:#57714f;
  --shadow:0 12px 28px rgba(77,64,47,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{
  margin:0;
  padding:0;
  color:var(--ink);
  background:
    radial-gradient(circle at top left, rgba(132,154,120,.09), transparent 34%),
    radial-gradient(circle at right 16%, rgba(154,116,90,.08), transparent 26%),
    linear-gradient(180deg, #faf7f1 0%, #f3eee5 100%);
  font:16px/1.6 "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}

.careShell{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  padding:24px 0 68px;
  display:grid;
  gap:18px;
}

.card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,253,248,.97), rgba(248,243,234,.98));
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:var(--shadow);
  padding:24px;
}
.card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(80,66,50,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(80,66,50,.025) 1px, transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.2), transparent 78%);
}

.fieldNav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:14px 16px;
  background:linear-gradient(180deg, rgba(255,253,248,.86), rgba(249,244,235,.96));
}
.fieldNav a{
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.66);
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:700;
}
.fieldNav a:hover{border-color:var(--sage); color:var(--sage-deep)}

.hero{
  display:grid;
  grid-template-columns:minmax(0, 1.3fr) minmax(300px, .95fr);
  gap:20px;
  align-items:start;
}
.heroCopy,.heroRail{position:relative;z-index:1}
.heroRail{display:grid;gap:14px;align-content:start}
.heroGuideCard{
  display:grid;
  gap:12px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(124,138,102,.20);
  background:linear-gradient(180deg, rgba(251,248,242,.98), rgba(244,239,230,.98));
  box-shadow:0 12px 24px rgba(77,64,47,.07);
}
.heroGuideHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.heroGuideHead h3{margin:4px 0 0}
.heroGuideList{display:grid;gap:10px}
.heroGuideItem{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:flex-start;
  padding:12px 13px;
  border-radius:18px;
  border:1px solid rgba(113,129,142,.20);
  background:rgba(255,255,255,.68);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.heroGuideItem:hover{
  border-color:rgba(111,128,104,.34);
  box-shadow:0 10px 18px rgba(77,64,47,.08);
  transform:translateY(-1px);
}
.heroGuideStep{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(111,128,104,.10);
  border:1px solid rgba(111,128,104,.16);
  color:var(--sage-deep);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
.heroGuideText{display:grid;gap:3px}
.heroGuideText strong{font-size:1rem;color:#2f2a25}
.heroGuideText span{color:var(--muted);line-height:1.5}
.heroGuideActions{display:flex;flex-wrap:wrap;gap:10px}
.heroGuideActions .btn{min-height:42px}
.eyebrow,.sectionEyebrow,.factLabel,.specimenLabel,.chapterMeta,.hostRole,.rewardKind,.pillLabel,.lessonTag,.topicChip,.lessonMeta,.questionMeta,.sectionStamp,.pathMeta,.toolMeta,.natureMeta,.hostTreats,.lessonSectionMeta{
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.eyebrow,.sectionEyebrow,.factLabel,.specimenLabel,.chapterMeta,.hostRole,.rewardKind,.pillLabel,.lessonTag,.topicChip,.lessonMeta,.questionMeta,.pathMeta,.toolMeta,.natureMeta,.hostTreats,.lessonSectionMeta{color:var(--clay)}
.sectionEyebrow{margin-bottom:10px}
.sectionHead{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}
.sectionStamp{
  color:var(--bluegray);
  border:1px solid rgba(113,129,142,.25);
  border-radius:999px;
  padding:8px 12px;
  background:rgba(113,129,142,.08);
  white-space:nowrap;
}

h1,h2,h3,h4{margin:0;font-family:Georgia, "Times New Roman", serif;color:#2a2723}
h1{font-size:clamp(2.45rem, 5vw, 4.25rem);line-height:1.03;max-width:14ch;margin-bottom:12px}
h2{font-size:clamp(1.7rem, 3vw, 2.35rem);line-height:1.08;margin-bottom:8px}
h3{font-size:1.35rem;line-height:1.15;margin-bottom:6px}
h4{font-size:1.06rem;line-height:1.2}
.subtitle{font-size:1.1rem;color:#4d443b;max-width:58ch;margin:0 0 12px}
.mission,.sectionIntro,.lessonSummary,.rewardDesc,.hostEssence,.questionPrompt,.factSub,.specimenNote,.quizIntro,.explanation,.heroThanks,.pathSummary,.toolSummary,.natureText,.lessonHost,.hostStyle,.hostGift,.rewardLine{color:var(--muted)}
.mission{max-width:62ch}
.quote{
  margin:16px 0 0;
  padding:14px 16px;
  border-left:4px solid var(--sage);
  border-radius:0 16px 16px 0;
  background:rgba(111,128,104,.09);
  font-style:italic;
  color:#41372f;
}
.attentionNote{
  display:grid;
  gap:8px;
  margin-top:14px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(154,116,90,.24);
  background:linear-gradient(180deg, rgba(255,250,243,.96), rgba(247,240,230,.98));
  color:#493e34;
}
.attentionNote--watch{
  border-color:rgba(154,116,90,.26);
  background:linear-gradient(180deg, rgba(255,251,245,.97), rgba(246,239,228,.98));
}
.attentionNote--critical{
  border-color:rgba(143,90,73,.34);
  background:linear-gradient(180deg, rgba(255,247,243,.98), rgba(246,236,231,.98));
}
.attentionNoteHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.attentionNoteBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(154,116,90,.28);
  background:rgba(255,255,255,.55);
  color:var(--warn);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.attentionNoteTitle{
  font-family:Georgia, "Times New Roman", serif;
  font-size:1rem;
  font-weight:700;
  color:#322922;
}
.attentionNoteBody{
  color:#4d4237;
  line-height:1.6;
}
.attentionNoteHint{
  color:#6b5b4e;
  font-size:13px;
  line-height:1.5;
}
.attentionNote--hero{margin-top:16px}
.attentionNote--lesson{margin-top:0}
.attentionNote--compact{
  margin-top:0;
  padding:12px 14px;
  border-radius:16px;
}
.attentionNote--compact .attentionNoteBody{font-size:14px}
.attentionNote--compact .attentionNoteHint{font-size:12px}
.heroThanks{
  margin:16px 0 0;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(154,116,90,.22);
  background:linear-gradient(180deg, rgba(255,251,244,.94), rgba(247,239,225,.98));
}
.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 16px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.7);
  font-weight:700;
}
.btn:hover{border-color:var(--sage); color:var(--sage-deep)}
.btn.primary{
  background:linear-gradient(180deg, #7d8f73, #65765e);
  border-color:#617259;
  color:#fffef9;
}
.chapterStrip{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.chapterChip{
  display:grid;
  gap:4px;
  padding:12px 14px;
  min-width:150px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,253,248,.95), rgba(244,237,225,.98));
}
.chapterChip strong{font-size:.98rem;font-family:Georgia, "Times New Roman", serif}
.chapterChip span{font-size:13px;color:var(--muted)}

.specimenCard,.factPanel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg, rgba(255,252,246,.98), rgba(244,237,227,.98));padding:18px}
.specimenCard{display:grid;gap:14px}
.specimenPlate{
  position:relative;
  min-height:240px;
  border:1px solid rgba(113,129,142,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at center, rgba(111,128,104,.08), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.6), rgba(244,237,227,.6));
  overflow:hidden;
}
.specimenCircle,.specimenLine,.specimenMarker,.specimenTag{position:absolute}
.specimenCircle{border:1.4px solid rgba(90,106,82,.28);border-radius:999px}
.specimenCircleA{inset:28px 50px 56px 50px}
.specimenCircleB{inset:58px 82px 88px 82px;border-style:dashed}
.specimenLineA{height:1px;left:34px;right:34px;top:118px;background:rgba(90,106,82,.28)}
.specimenLineB{width:1px;top:26px;bottom:26px;left:50%;background:rgba(154,116,90,.25)}
.specimenMarker{width:16px;height:16px;border-radius:999px;background:rgba(111,128,104,.14);border:1px solid rgba(90,106,82,.26)}
.specimenMarkerA{top:62px;left:88px}
.specimenMarkerB{right:92px;bottom:78px}
.specimenTag{
  padding:6px 10px;
  border:1px solid rgba(154,116,90,.24);
  border-radius:999px;
  background:rgba(255,250,242,.88);
  color:var(--clay);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.specimenTagA{top:42px;right:28px}
.specimenTagB{left:26px;bottom:34px}

.factPanel{display:grid;gap:10px}
.factTile{
  display:grid;
  gap:6px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(249,243,233,.98));
}
.factValue{font:700 1.95rem/1 Georgia, "Times New Roman", serif;color:#2f2b26}
.factSub{font-size:14px}

.pathGrid,.observationGrid,.principleGrid,.natureGrid,.plateGrid,.hostGrid,.toolGrid,.lessonGrid,.rewardGrid{display:grid;gap:14px}
.pathGrid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
.observationGrid,.principleGrid,.natureGrid,.rewardGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.plateGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.hostGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.toolGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.lessonGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}

.pathCard,.observationCard,.principleCard,.natureCard,.plateCard,.hostCard,.toolCard,.lessonCard,.rewardCard,.miniCard,.questionCard{
  position:relative;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(247,241,231,.98));
}
.pathCard,.observationCard,.principleCard,.natureCard,.plateCard,.hostCard,.toolCard,.rewardCard{padding:18px}

.pathCard{display:grid;gap:12px}
.pathHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pathIndex,.pillIndex,.principleIndex,.natureIndex,.toolIndex{
  width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(124,138,102,.26);background:rgba(124,138,102,.1);font-weight:800;color:var(--sage-deep)
}
.pathFooter,.toolFooter{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.pathLink,.toolLink{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:9px 14px;border-radius:14px;
  border:1px solid var(--line-strong);background:rgba(255,255,255,.7);font-weight:700;
}
.pathLink:hover,.toolLink:hover{border-color:var(--sage);color:var(--sage-deep)}
.pathDetails,.toolDetails{font-size:13px;color:var(--bluegray);font-weight:700}

.observationCard,.principleCard,.natureCard,.toolCard{display:grid;gap:10px}
.plateCard{display:grid;gap:12px}
.pillText,.principleText,.natureText{font-size:1rem;color:#40362e}

.hostCard{display:grid;gap:14px}
.hostHeader{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:center}
.hostPhoto,.hostMonogram{
  width:78px;height:78px;border-radius:22px;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(180deg, #f2ece2, #e8dfd1)
}
.hostIllustration{width:100%;height:100%;display:block;object-fit:contain;padding:8px}
.hostPhoto img{width:100%;height:100%;object-fit:cover;display:block}
.hostMonogram{
  display:grid;place-items:center;position:relative;
  background:
    radial-gradient(circle at 28% 28%, rgba(111,128,104,.15), transparent 34%),
    linear-gradient(180deg, #f6efe4, #e9e0d2);
}
.hostMonogram::before,
.hostMonogram::after{
  content:"";position:absolute;border-radius:999px;border:1px solid rgba(111,128,104,.22)
}
.hostMonogram::before{inset:12px}
.hostMonogram::after{inset:22px;border-style:dashed}
.hostMonogram span{position:relative;z-index:1;font:700 1.45rem/1 Georgia, "Times New Roman", serif;color:#5f554c}
.hostRole{margin-bottom:4px}
.hostStyle{font-size:13px;font-weight:700}
.hostTopics{display:flex;flex-wrap:wrap;gap:8px}
.topicChip{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(154,116,90,.18);
  background:rgba(154,116,90,.08);
  color:#715849;
  font-size:11px;
}
.hostGift{
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(113,129,142,.16);
  background:rgba(113,129,142,.07);
}
.hostEncouragement{
  padding-top:12px;
  border-top:1px dashed rgba(185,173,152,.8);
  font-size:14px;
  color:#4f4439;
}

.toolCard{background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(244,237,225,.98))}
.toolLink{background:linear-gradient(180deg, #7d8f73, #65765e);border-color:#617259;color:#fffef9}
.toolLink:hover{color:#fffef9;filter:brightness(1.03)}

.lessonCard{padding:18px;display:grid;gap:14px}
.lessonTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.lessonStamp{
  display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;
  border:1px solid rgba(124,138,102,.22);background:rgba(124,138,102,.1);font-weight:800;color:var(--sage-deep)
}
.lessonStamp.high{background:rgba(143,90,73,.08);border-color:rgba(143,90,73,.22);color:var(--warn)}
.lessonTagRow{display:flex;flex-wrap:wrap;gap:8px}

.inlineGlossaryRow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:8px 0 2px;
}
.inlineGlossaryMeta{
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7b6857;
}
.inlineGlossaryChip,
.inlineGlossaryLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(133,107,80,.24);
  background:rgba(255,255,255,.84);
  color:#352c24;
  text-decoration:none;
  font:inherit;
  cursor:pointer;
}
.inlineGlossaryChip:hover,
.inlineGlossaryLink:hover{
  border-color:rgba(111,91,68,.36);
  background:rgba(255,255,255,.98);
}
.inlineGlossaryLink{
  font-weight:700;
}
.inlineGlossaryChip--static{
  cursor:default;
}
.glossaryModal{
  position:fixed;
  inset:0;
  display:none;
  place-items:center;
  z-index:1200;
}
.glossaryModal.is-open{
  display:grid;
}
.glossaryModalBackdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(28,22,16,.42);
  cursor:pointer;
}
.glossaryModalDialog{
  position:relative;
  z-index:1;
  width:min(680px, calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  overflow:auto;
  display:grid;
  gap:14px;
  padding:20px;
}
.glossaryModalTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.glossaryModalTop h3{
  margin:0;
}
.glossaryModalMeta{
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7b6857;
}
.glossaryModalSummary{
  font-size:1rem;
  line-height:1.6;
  color:#4e4237;
}
.glossaryModalBlock{
  display:grid;
  gap:6px;
  color:#4e4237;
  line-height:1.6;
}
.glossaryModalBlock h4{
  margin:0;
  color:#352c24;
}
.glossaryModalAliases,
.glossaryModalActions{
  display:grid;
  gap:8px;
}
.glossaryModalActions{
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
}
body.glossaryModalOpen{
  overflow:hidden;
}
@media (max-width: 640px){
  .glossaryModalDialog{padding:16px}
  .glossaryModalActions{grid-template-columns:1fr}
}
.lessonTag{
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(113,129,142,.18);
  background:rgba(113,129,142,.08);
  color:var(--bluegray);
}
.lessonObservation{
  display:grid;gap:10px;padding:12px;border-radius:18px;
  border:1px dashed rgba(124,138,102,.34);background:linear-gradient(180deg, rgba(248,245,237,.92), rgba(242,236,225,.92));
}
.lessonObservationTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.lessonObservationCopy{display:grid;gap:4px}
.lessonObservationTitle{margin:0;font-size:1rem;color:#2f2b26}
.lessonObservationText{color:#4c433a;font-size:14px}
.lessonObservationBadges{display:flex;flex-wrap:wrap;gap:8px}
.lessonObservationBadge{
  display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;
  border:1px solid rgba(124,138,102,.24);background:rgba(124,138,102,.12);
  color:var(--sage-deep);font-size:12px;font-weight:800;letter-spacing:.02em
}
.lessonObservationMediaRow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:10px;align-items:stretch}
.lessonObservationFigure{border-radius:16px;border:1px solid rgba(216,207,191,.85);background:rgba(255,255,255,.78);padding:8px;display:grid;place-items:center}
.lessonObservationFigure img{width:100%;height:auto;display:block;object-fit:contain;max-height:220px}
.lessonObservationPreviewColumn{display:grid;gap:10px}
.lessonObservationPreviewTile{display:grid;gap:8px;padding:10px;border-radius:16px;border:1px solid rgba(216,207,191,.9);background:rgba(255,252,246,.88)}
.lessonObservationPreviewFigure{min-height:96px;border-radius:14px;border:1px solid rgba(216,207,191,.85);background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,240,230,.96));display:grid;place-items:center;padding:8px}
.lessonObservationPreviewFigure img{width:100%;height:auto;display:block;object-fit:contain;max-height:84px}
.lessonObservationPreviewText{font-size:13px;color:#4b4138;font-weight:700}
.lessonObservationMeta{font-size:13px;color:#5a5046}
.lessonSections{display:grid;gap:10px}
.cardList{display:grid;gap:10px}
.miniCard{padding:14px}
.miniHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}
.good,.warn{margin-top:10px;font-size:13px}
.good{color:var(--good)}
.warn{color:var(--warn)}
.quizWrap{
  display:grid;
  gap:10px;
  padding-top:12px;
  border-top:1px dashed rgba(185,173,152,.85);
}
.questionCard{padding:12px;background:rgba(255,255,255,.55)}
.questionPrompt{font-weight:700;color:#41372f;margin:0 0 8px}
.optionList{display:grid;gap:8px}
.optionBtn{
  border:1px solid var(--line);
  background:rgba(255,253,248,.95);
  border-radius:14px;
  padding:11px 12px;
  text-align:left;
  cursor:pointer;
}
.optionBtn:hover{border-color:var(--sage)}
.optionBtn.correct{border-color:#90b28a;background:#eef7eb}
.optionBtn.incorrect{border-color:#d7a08f;background:#fff0ea}
.quizFooter{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.scoreTag{
  display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,253,248,.85);font-weight:700;font-size:13px;color:#4a4036
}
.quizResult{font-size:14px;color:#4a4036}

.rewardCard{display:grid;gap:8px}
.rewardIcon{font-size:1.55rem}
.rewardTitle{font-size:1.08rem;font-weight:800;color:#2f2b26}
.rewardTreatLabel{
  display:inline-flex;align-items:center;gap:8px;width:max-content;
  padding:6px 10px;border-radius:999px;border:1px solid rgba(124,138,102,.22);
  background:rgba(124,138,102,.1);color:var(--sage-deep);font-weight:800;font-size:12px
}
.attributionCard{background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(243,236,225,.98))}

.noteSection::after,
.attributionCard::after,
.hero::after{
  content:"";
  position:absolute;
  width:140px;height:140px;border-radius:999px;right:-48px;top:-48px;
  border:1px solid rgba(124,138,102,.12);
  background:radial-gradient(circle, rgba(124,138,102,.08), transparent 68%);
  pointer-events:none;
}


body[data-page="wakeup"] .wakeSection{
  position:relative;
  overflow:hidden;
}
body[data-page="wakeup"] .wakeSection::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  border-radius:20px;
  background:var(--wake-accent, rgba(143,71,49,.26));
  opacity:.9;
}
body[data-page="wakeup"] .wakeSection--myths{--wake-accent:rgba(184,135,76,.9)}
body[data-page="wakeup"] .wakeSection--lessons{--wake-accent:rgba(149,93,65,.9)}
body[data-page="wakeup"] .wakeSection--rabbit-hole{--wake-accent:rgba(111,95,122,.9)}
body[data-page="wakeup"] .wakeSection--consequence{--wake-accent:rgba(140,66,50,.95)}
body[data-page="wakeup"] .wakeSection--scan{--wake-accent:rgba(83,104,101,.95)}
body[data-page="wakeup"] .wakeSection--oath{--wake-accent:rgba(112,118,78,.95)}
body[data-page="wakeup"] .wakeSection--reality{--wake-accent:rgba(125,79,68,.95)}
body[data-page="wakeup"] .wakeSection--audit{--wake-accent:rgba(92,81,101,.95)}
body[data-page="wakeup"] .wakeFamilyCard{
  position:relative;
  isolation:isolate;
  border-color:var(--wake-card-line, rgba(143,71,49,.16));
  background:linear-gradient(180deg, var(--wake-card-bg1, rgba(255,255,255,.98)), var(--wake-card-bg2, rgba(246,237,227,.96)));
}
body[data-page="wakeup"] .wakeFamilyCard::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, var(--wake-card-glow, rgba(255,255,255,.16)), rgba(255,255,255,0) 42%);
  pointer-events:none;
  z-index:0;
}
body[data-page="wakeup"] .wakeFamilyCard > *{position:relative;z-index:1}
body[data-page="wakeup"] .wakeFamilyRail{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:16px;
  border:1px dashed var(--wake-card-line, rgba(143,71,49,.2));
  background:var(--wake-rail-bg, rgba(255,255,255,.72));
}
body[data-page="wakeup"] .wakeFamilyLabel{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--wake-card-label, #6e5141);
}
body[data-page="wakeup"] .wakeFamilyNote{
  color:#5c4b40;
  font-size:13px;
  line-height:1.5;
}
body[data-page="wakeup"] .wakeFamilyPlate{
  display:grid;
  gap:10px;
  padding:12px;
  border-radius:18px;
  border:1px solid var(--wake-card-line, rgba(143,71,49,.16));
  background:linear-gradient(180deg, rgba(255,255,255,.8), rgba(248,241,233,.78));
  color:var(--wake-card-label, #6e5141);
}
body[data-page="wakeup"] .wakePlateCanvas{
  min-height:82px;
  border-radius:14px;
  border:1px dashed var(--wake-card-line, rgba(143,71,49,.22));
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,240,232,.92));
  display:grid;
  place-items:center;
  overflow:hidden;
}
body[data-page="wakeup"] .wakePlateCanvas svg{
  width:100%;
  max-width:180px;
  height:72px;
  display:block;
}
body[data-page="wakeup"] .wakePlateTags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body[data-page="wakeup"] .wakePlateTag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid var(--wake-card-line, rgba(143,71,49,.18));
  background:rgba(255,255,255,.82);
  color:var(--wake-card-label, #6e5141);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body[data-page="wakeup"] .wakeFamilyCard--myth .wakePlateCanvas{background:linear-gradient(180deg, rgba(255,252,246,.95), rgba(248,241,232,.95));}
body[data-page="wakeup"] .wakeFamilyCard--lesson .wakePlateCanvas{background:linear-gradient(180deg, rgba(255,248,244,.95), rgba(245,234,227,.95));}
body[data-page="wakeup"] .wakeFamilyCard--hole .wakePlateCanvas{background:linear-gradient(180deg, rgba(249,247,252,.95), rgba(238,233,243,.95));}
body[data-page="wakeup"] .wakeFamilyCard--path .wakePlateCanvas{background:linear-gradient(180deg, rgba(255,246,242,.95), rgba(244,228,221,.95));}
body[data-page="wakeup"] .wakeFamilyCard--scan .wakePlateCanvas{background:linear-gradient(180deg, rgba(247,250,249,.95), rgba(233,240,238,.95));}
body[data-page="wakeup"] .wakeFamilyCard--oath .wakePlateCanvas{background:linear-gradient(180deg, rgba(249,251,244,.95), rgba(236,241,227,.95));}
body[data-page="wakeup"] .wakeFamilyCard--reality .wakePlateCanvas{background:linear-gradient(180deg, rgba(255,248,245,.95), rgba(243,233,229,.95));}
body[data-page="wakeup"] .wakeFamilyCard--audit .wakePlateCanvas{background:linear-gradient(180deg, rgba(248,247,251,.95), rgba(236,233,241,.95));}
body[data-page="wakeup"] .wakeFamilyCard--myth{
  --wake-card-line:rgba(184,135,76,.26);
  --wake-card-bg1:rgba(255,252,245,.98);
  --wake-card-bg2:rgba(248,241,231,.98);
  --wake-rail-bg:rgba(255,250,240,.88);
  --wake-card-label:#9a6c31;
  --wake-card-glow:rgba(255,232,185,.22);
}
body[data-page="wakeup"] .wakeFamilyCard--lesson{
  --wake-card-line:rgba(149,93,65,.28);
  --wake-card-bg1:rgba(255,248,244,.98);
  --wake-card-bg2:rgba(245,234,227,.98);
  --wake-rail-bg:rgba(255,244,238,.88);
  --wake-card-label:#8a4f39;
  --wake-card-glow:rgba(222,170,145,.18);
}
body[data-page="wakeup"] .wakeFamilyCard--hole{
  --wake-card-line:rgba(111,95,122,.26);
  --wake-card-bg1:rgba(249,247,252,.98);
  --wake-card-bg2:rgba(238,233,243,.98);
  --wake-rail-bg:rgba(246,242,250,.88);
  --wake-card-label:#665678;
  --wake-card-glow:rgba(183,171,204,.2);
}
body[data-page="wakeup"] .wakeFamilyCard--path{
  --wake-card-line:rgba(140,66,50,.32);
  --wake-card-bg1:rgba(255,246,242,.98);
  --wake-card-bg2:rgba(244,228,221,.98);
  --wake-rail-bg:rgba(255,241,236,.9);
  --wake-card-label:#8b4335;
  --wake-card-glow:rgba(230,171,152,.22);
}
body[data-page="wakeup"] .wakeFamilyCard--scan{
  --wake-card-line:rgba(83,104,101,.3);
  --wake-card-bg1:rgba(247,250,249,.98);
  --wake-card-bg2:rgba(233,240,238,.98);
  --wake-rail-bg:rgba(242,247,245,.9);
  --wake-card-label:#4b6764;
  --wake-card-glow:rgba(177,211,203,.2);
}
body[data-page="wakeup"] .wakeFamilyCard--oath{
  --wake-card-line:rgba(112,118,78,.3);
  --wake-card-bg1:rgba(249,251,244,.98);
  --wake-card-bg2:rgba(236,241,227,.98);
  --wake-rail-bg:rgba(244,248,238,.9);
  --wake-card-label:#69703a;
  --wake-card-glow:rgba(201,217,168,.2);
}
body[data-page="wakeup"] .wakeFamilyCard--reality{
  --wake-card-line:rgba(125,79,68,.28);
  --wake-card-bg1:rgba(255,248,245,.98);
  --wake-card-bg2:rgba(243,233,229,.98);
  --wake-rail-bg:rgba(252,242,238,.9);
  --wake-card-label:#7d4f44;
  --wake-card-glow:rgba(223,177,165,.18);
}
body[data-page="wakeup"] .wakeFamilyCard--audit{
  --wake-card-line:rgba(92,81,101,.3);
  --wake-card-bg1:rgba(248,247,251,.98);
  --wake-card-bg2:rgba(236,233,241,.98);
  --wake-rail-bg:rgba(244,241,249,.9);
  --wake-card-label:#5c5168;
  --wake-card-glow:rgba(191,183,211,.22);
}
body[data-page="wakeup"] .wakeFamilyCard--myth .mythLine,
body[data-page="wakeup"] .wakeFamilyCard--lesson .mythLine,
body[data-page="wakeup"] .wakeFamilyCard--hole .mythLine,
body[data-page="wakeup"] .wakeFamilyCard--path .mythLine,
body[data-page="wakeup"] .wakeFamilyCard--oath .mythLine,
body[data-page="wakeup"] .wakeFamilyCard--reality .wakeLine,
body[data-page="wakeup"] .wakeFamilyCard--audit .auditPrompt,
body[data-page="wakeup"] .wakeFamilyCard--scan .stationCue,
body[data-page="wakeup"] .wakeFamilyCard--scan .stationHumanGuess{
  background:rgba(255,255,255,.78);
  border-color:var(--wake-card-line, rgba(143,71,49,.16));
}
body[data-page="wakeup"] .wakeFamilyCard--myth .truthLine,
body[data-page="wakeup"] .wakeFamilyCard--lesson .truthLine,
body[data-page="wakeup"] .wakeFamilyCard--hole .truthLine,
body[data-page="wakeup"] .wakeFamilyCard--path .truthLine,
body[data-page="wakeup"] .wakeFamilyCard--oath .truthLine,
body[data-page="wakeup"] .wakeFamilyCard--audit .auditResult,
body[data-page="wakeup"] .wakeFamilyCard--scan .stationProtectorRead,
body[data-page="wakeup"] .wakeFamilyCard--scan .stationProtectorMove,
body[data-page="wakeup"] .wakeFamilyCard--scan .stationResult{
  background:rgba(255,251,247,.88);
  border-color:var(--wake-card-line, rgba(143,71,49,.16));
}
body[data-page="wakeup"] .wakeFamilyCard--scan .selectorFlag{
  background:rgba(255,255,255,.82);
  border:1px solid var(--wake-card-line, rgba(83,104,101,.3));
}
body[data-page="wakeup"] .wakeFamilyCard--scan .optionBtn.correct,
body[data-page="wakeup"] .wakeFamilyCard--audit .optionBtn.correct{
  border-color:var(--wake-card-line, rgba(111,128,104,.28));
}

@media (max-width: 980px){
  .hero{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .careShell{width:min(100% - 20px, 1180px);padding-top:16px}
  .card{padding:18px}
  .sectionHead{flex-direction:column;align-items:flex-start}
  .fieldNav{gap:8px}
  .fieldNav a{font-size:12px}
  .hostHeader{grid-template-columns:68px 1fr}
  .hostPhoto,.hostMonogram{width:68px;height:68px}
  .lessonGrid{grid-template-columns:1fr}
}

.plateCard{
  border-style:dashed;
  background:linear-gradient(180deg, rgba(255,253,248,.99), rgba(245,239,229,.98));
}
.plateTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.plateStatus{
  display:inline-flex;align-items:center;padding:8px 10px;border-radius:14px;
  border:1px solid rgba(124,138,102,.22);background:rgba(124,138,102,.1);color:var(--sage-deep);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em
}
.plateSummary{color:#43382f}
.platePoseGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plateFeatureFigure{margin:12px 0;border-radius:18px;border:1px solid rgba(216,207,191,.85);background:linear-gradient(180deg, rgba(255,254,250,.96), rgba(247,241,231,.96));padding:10px;display:grid;place-items:center}
.plateFeatureFigure img{width:100%;height:auto;display:block;object-fit:contain;max-height:260px}
.platePose{
  padding:10px;border-radius:16px;border:1px solid rgba(185,173,152,.8);background:rgba(255,255,255,.7);
  display:grid;gap:8px;justify-items:center;text-align:center
}
.platePoseFigure{width:100%;aspect-ratio:1.55/1;border-radius:14px;border:1px solid rgba(216,207,191,.85);background:linear-gradient(180deg, rgba(255,254,250,.95), rgba(247,241,231,.95));display:grid;place-items:center;padding:8px}
.platePoseFigure img{width:100%;height:100%;object-fit:contain;display:block}
.platePoseLabel{font-weight:700;color:#43382f;font-size:14px;line-height:1.3}
.plateUse{
  padding:10px 12px;border-radius:16px;border:1px solid rgba(113,129,142,.18);background:rgba(113,129,142,.07);color:#4c433a;font-size:14px
}
@media (max-width: 760px){
  .platePoseGrid{grid-template-columns:1fr}
}


.handbookDoorGrid,.relatedReadsGrid,.printSupportGrid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.handbookDoorCard,.relatedReadCard,.printSupportCard{
  position:relative;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(246,239,228,.98));
  padding:18px;
  display:grid;
  gap:12px;
  overflow:hidden;
}
.handbookDoorCard::after,.relatedReadCard::after,.printSupportCard::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-42px;
  top:-42px;
  border-radius:999px;
  border:1px dashed rgba(124,138,102,.18);
  background:radial-gradient(circle, rgba(124,138,102,.08), transparent 70%);
  pointer-events:none;
}
.handbookDoorTop,.relatedReadTop,.printSupportTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.handbookDoorMeta,.relatedReadMeta,.printSupportMeta{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--clay);
  font-weight:800;
}
.handbookDoorBadge,.relatedReadBadge,.printSupportBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:44px;
  padding:0 12px;
  border-radius:16px;
  border:1px solid rgba(124,138,102,.24);
  background:rgba(124,138,102,.1);
  color:var(--sage-deep);
  font-weight:800;
}
.handbookDoorText,.relatedReadText,.printSupportText{color:var(--muted)}
.handbookDoorText--small{font-size:13px;line-height:1.5;margin-top:-2px}
.handbookDoorCallouts{display:grid;gap:8px;margin-top:12px}
.handbookDoorCallout{display:grid;gap:3px;padding:10px 12px;border-radius:14px;border:1px solid rgba(132,108,82,.18);background:rgba(255,255,255,.72)}
.handbookDoorCallout--avoid{background:rgba(250,245,238,.92)}
.handbookDoorCalloutLabel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7b6857}
.handbookDoorCallout strong{font-size:13px;line-height:1.45;color:#3b3128;font-weight:700}
.fieldGuideCard{position:relative}
.fieldSymbolPlate{
  display:grid;
  gap:10px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(124,138,102,.2);
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(244,237,227,.86));
  color:var(--sage-deep);
}
.fieldSymbolCanvas{display:flex;align-items:center;min-height:54px}
.fieldSymbolCanvas svg{width:100%;max-width:180px;height:auto;display:block}
.fieldSymbolTags{display:flex;flex-wrap:wrap;gap:8px}
.fieldSymbolTag{
  display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;
  border:1px solid currentColor;background:rgba(255,255,255,.58);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}
.fieldSymbolPlate--starter{color:#6a6f58;background:linear-gradient(180deg, rgba(251,251,245,.96), rgba(241,238,226,.96));border-color:rgba(121,126,98,.22)}
.fieldSymbolPlate--path{color:#6f6555;background:linear-gradient(180deg, rgba(255,252,246,.96), rgba(244,236,224,.96));border-color:rgba(126,112,91,.22)}
.fieldSymbolPlate--feeding{color:#6c6f49;background:linear-gradient(180deg, rgba(250,251,242,.96), rgba(240,239,223,.96));border-color:rgba(121,124,85,.22)}
.fieldSymbolPlate--habitat{color:#6c6657;background:linear-gradient(180deg, rgba(252,249,244,.96), rgba(241,234,224,.96));border-color:rgba(118,108,90,.22)}
.fieldSymbolPlate--bonding{color:#7b5b56;background:linear-gradient(180deg, rgba(255,248,245,.96), rgba(244,232,227,.96));border-color:rgba(134,97,88,.22)}
.fieldSymbolPlate--behavior{color:#5f6e73;background:linear-gradient(180deg, rgba(247,251,252,.96), rgba(233,239,241,.96));border-color:rgba(95,110,115,.22)}
.fieldSymbolPlate--safety{color:#855647;background:linear-gradient(180deg, rgba(255,247,242,.96), rgba(244,231,223,.96));border-color:rgba(143,71,49,.22)}
.fieldSymbolPlate--health{color:#7a5a4b;background:linear-gradient(180deg, rgba(255,249,245,.96), rgba(244,233,227,.96));border-color:rgba(132,95,77,.22)}
.fieldSymbolPlate--printable{color:#5f6a73;background:linear-gradient(180deg, rgba(248,251,252,.96), rgba(233,238,241,.96));border-color:rgba(95,106,115,.22)}
.handbookDoorList,.relatedReadList,.printSupportList{
  display:grid;
  gap:8px;
}
.handbookDoorItem,.relatedReadItem,.printSupportItem{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(185,173,152,.8);
  background:rgba(255,255,255,.62);
  color:var(--muted);
}
.handbookDoorActions,.relatedReadActions,.printSupportActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.handbookDoorLink,.relatedReadLink,.printSupportLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 14px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.78);
  font-weight:700;
}
.handbookDoorLink:hover,.relatedReadLink:hover,.printSupportLink:hover{border-color:var(--sage);color:var(--sage-deep)}
.handbookDoorLink.primary,.printSupportLink.primary{
  background:linear-gradient(180deg, #7d8f73, #65765e);
  border-color:#617259;
  color:#fffef9;
}
.handbookDoorLink.primary:hover,.printSupportLink.primary:hover{color:#fffef9;filter:brightness(1.03)}
.relatedReadPair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.relatedReadPair .topicChip{
  justify-content:center;
  font-weight:700;
}
.printBadgeRow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.printBadgeRow .topicChip{
  background:rgba(111,128,104,.1);
  border-color:rgba(111,128,104,.18);
  color:var(--sage-deep);
}
.plateFlavorNote{
  padding:12px 14px;
  border-radius:16px;
  border:1px dashed rgba(154,116,90,.32);
  background:linear-gradient(180deg, rgba(255,251,244,.96), rgba(245,238,228,.96));
  color:#4d4338;
}
@media (max-width: 760px){
  .relatedReadPair{grid-template-columns:1fr}
}


/* care printables phase */
.printableShell{width:min(100% - 28px, 1100px)}
.printableHero{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}
.printableSpecimen{gap:12px}
.printPoseRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.printPosePill{
  display:grid;gap:8px;justify-items:center;text-align:center;padding:10px;border-radius:16px;
  border:1px solid rgba(185,173,152,.8);background:rgba(255,255,255,.72)
}
.printPoseFigure{
  width:100%;aspect-ratio:1.5/1;border-radius:14px;border:1px solid rgba(216,207,191,.85);
  background:linear-gradient(180deg, rgba(255,254,250,.95), rgba(247,241,231,.95));display:grid;place-items:center;padding:10px
}
.printPoseFigure img{width:100%;height:100%;object-fit:contain;display:block}
.printPoseLabel{font-weight:700;color:#43382f;font-size:13px}
.printMetaRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.printMetaRow .topicChip{font-weight:700}
.printSheetGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sheetCard{
  border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(246,239,228,.98));
  padding:18px;display:grid;gap:12px;break-inside:avoid;page-break-inside:avoid
}
.sheetCard h2{font-size:1.16rem;margin:0}
.sheetIntro{color:var(--muted);margin:0}
.checkList{display:grid;gap:8px}
.checkItem{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:flex-start;color:#43382f}
.checkBox{
  width:18px;height:18px;border-radius:6px;border:1.6px solid rgba(95,85,76,.55);background:#fffdfa;box-sizing:border-box;margin-top:2px
}
.miniCallout{padding:10px 12px;border-radius:14px;border:1px dashed rgba(124,138,102,.25);background:rgba(124,138,102,.06);color:#4a4036}
.noteLines{display:grid;gap:10px;margin-top:2px}
.noteLine{height:20px;border-bottom:1px solid rgba(95,85,76,.38)}
.sheetPairing{display:grid;gap:8px}
.sheetPairingItem{padding:10px 12px;border-radius:14px;border:1px solid rgba(185,173,152,.8);background:rgba(255,255,255,.62);color:#4c433a}
.printHubHero .heroActions{margin-top:12px}
.printHubNote{padding:12px 14px;border-radius:16px;border:1px dashed rgba(154,116,90,.3);background:linear-gradient(180deg, rgba(255,251,244,.96), rgba(245,238,228,.96));color:#4d4338}
.printHubStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.printHubStrip .printPosePill{padding:8px}
@media (max-width: 760px){
  .printableHero{grid-template-columns:1fr}
  .printSheetGrid,.printHubStrip,.printPoseRow{grid-template-columns:1fr}
}
@media print{
  body{background:#fff}
  .careShell,.printableShell{width:100%;max-width:none;padding:0;margin:0}
  .fieldNav,.noPrint,.heroActions{display:none !important}
  .card,.sheetCard,.specimenCard,.factPanel,.printSupportCard{box-shadow:none}
  .card{border-color:#d9d1c4;background:#fff}
  .hero{padding:16px}
  .subtitle,.mission,.specimenNote,.sheetIntro,.printSupportText,.printHubNote,.topicChip,.btn{font-size:12px}
  .hero h1{font-size:28px}
  .printSheetGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sheetCard{padding:12px;border-radius:14px;gap:8px}
  .checkList{gap:6px}
  .checkItem{gap:8px;font-size:12px}
  .checkBox{width:16px;height:16px;border-radius:4px}
  .noteLine{height:16px}
  a{color:#000;text-decoration:none}
  @page{size:auto;margin:0.45in}
}


/* Identity split 1185: Care = notebook / field notes */
:root{
  --paper:#f7f6ee;
  --paper-2:#f3f1e5;
  --panel:#fffef9;
  --panel-2:#f8f6ed;
  --line:#d7d3c2;
  --line-strong:#b7b09b;
  --ink:#2e3028;
  --muted:#5e6154;
  --sage:#73886a;
  --sage-deep:#596a53;
  --moss:#7c8f72;
  --clay:#8d755f;
  --bluegray:#6f8290;
  --warn:#8e6352;
  --good:#57714f;
  --shadow:0 14px 30px rgba(73,70,55,.08);
}
html,body{
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,0) 180px),
    repeating-linear-gradient(180deg, transparent 0 32px, rgba(109,130,157,.08) 32px 33px),
    linear-gradient(90deg, rgba(203,115,99,.12) 0 3px, transparent 3px 100%),
    linear-gradient(180deg, #fcfbf5 0%, #f0eee3 100%);
}
.card{
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,254,249,.98), rgba(248,246,238,.985));
}
.card::before{
  background-image:
    linear-gradient(rgba(103,122,150,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85,74,59,.02) 1px, transparent 1px);
  background-size:100% 33px, 28px 28px;
  mask-image:none;
  opacity:.72;
}
.card::after{
  content:"";
  position:absolute;
  left:14px;
  top:24px;
  bottom:24px;
  width:10px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(160,153,136,.7) 0 3px, transparent 4px) center top/10px 44px repeat-y;
  opacity:.5;
  pointer-events:none;
}
.hero, .sectionHead { position:relative; z-index:1; }
.fieldNav{
  border-radius:20px;
  position:relative;
  top:auto;
  z-index:1;
  box-shadow:var(--shadow);
}
.fieldNav a{
  border-radius:12px 12px 16px 16px;
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,243,233,.88));
  letter-spacing:.05em;
}
.hero{
  grid-template-columns:minmax(0, 1.22fr) minmax(300px, .92fr);
}
.specimenCard, .factPanel, .pathCard, .toolCard, .lessonCard, .hostCard, .rewardCard, .questionCard, .miniCard {
  position:relative;
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,246,238,.96));
}
.sectionStamp{
  border-radius:10px 10px 14px 14px;
  background:rgba(111,129,142,.10);
  color:var(--bluegray);
}
.btn{
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,242,231,.95));
}
.btn.primary{
  background:linear-gradient(180deg, rgba(115,136,106,.98), rgba(95,115,87,.98));
}
.eyebrow,.sectionEyebrow,.factLabel,.specimenLabel,.chapterMeta,.hostRole,.rewardKind,.pillLabel,.lessonTag,.topicChip,.lessonMeta,.questionMeta,.pathMeta,.toolMeta,.natureMeta,.hostTreats,.lessonSectionMeta{ letter-spacing:.1em; }
.heroThanks, .quote, .placard, .noteSection{
  background:linear-gradient(180deg, rgba(255,251,244,.96), rgba(247,243,232,.96));
}

@media (max-width: 720px){
  .lessonObservationMediaRow{grid-template-columns:1fr}
}


.progressPanel,.progressStats,.journeyGrid,.pathSelectorGrid,.toneGrid,.decoderGrid,.decoderLaneGrid,.stationGrid,.checkpointGrid,.mythGrid,.wakeGrid,.auditGrid{position:relative;z-index:1}
.progressPanel{display:grid;gap:14px;margin-bottom:14px}
.progressHero{display:grid;gap:10px;padding:18px 20px;border:1px solid rgba(111,128,104,.24);border-radius:22px;background:linear-gradient(180deg, rgba(246,251,244,.98), rgba(238,245,235,.98))}
.progressBadge{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:28px;padding:6px 10px;border-radius:999px;border:1px solid rgba(111,128,104,.28);background:rgba(255,255,255,.65);color:var(--sage-deep);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.progressTitle{margin:0}
.progressText{color:var(--muted);max-width:70ch}
.progressMeter{height:12px;border-radius:999px;background:rgba(111,128,104,.12);overflow:hidden;border:1px solid rgba(111,128,104,.18)}
.progressMeterFill{height:100%;border-radius:999px;background:linear-gradient(90deg, #7d8f73, #92a787)}
.progressStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.progressStatCard,.journeyCard,.selectorCard,.toneCard,.decoderCard,.laneCard,.stationCard,.checkpointCard,.mythCard,.wakeCard,.auditCard{padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.56)}
.progressValue{font-family:Georgia, "Times New Roman", serif;font-size:2rem;line-height:1.05;color:#2f2b26;margin:6px 0 8px}
.journeyGrid,.pathSelectorGrid,.toneGrid,.decoderGrid,.decoderLaneGrid,.stationGrid,.checkpointGrid,.mythGrid,.wakeGrid,.auditGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.journeyTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.journeyRight{display:grid;gap:8px;justify-items:end}
.journeyKind{padding:8px 10px;border-radius:999px;border:1px solid rgba(154,116,90,.24);background:rgba(255,255,255,.7);font-size:12px;font-weight:700;color:var(--clay);white-space:nowrap}
.journeyList{display:grid;gap:8px;margin-bottom:14px}
.journeyItem{padding:10px 12px;border-radius:14px;background:rgba(248,243,234,.9);border:1px solid rgba(216,207,191,.9);color:#4c433a}
.journeyActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.journeyLink{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:14px;border:1px solid var(--line-strong);background:rgba(255,255,255,.7);font-weight:700;color:inherit;text-decoration:none;cursor:pointer}
.journeyLink.primary{background:linear-gradient(180deg, #7d8f73, #65765e);border-color:#617259;color:#fffef9}
.journeyLink[disabled],.journeyLink:disabled{opacity:.72;cursor:default}
.selectorCard,.toneCard,.decoderCard,.laneCard,.stationCard,.checkpointCard,.mythCard,.wakeCard,.auditCard{display:grid;gap:12px;align-content:start}
.selectorCard--selected,.decoderCard--complete,.laneCard--complete,.stationCard--complete,.checkpointCard--complete,.mythCard--open,.auditCard--complete{border-color:rgba(111,128,104,.28);background:linear-gradient(180deg, rgba(247,251,245,.98), rgba(240,247,238,.98))}
.selectorSummary,.decoderPrompt,.stationCue,.stationHumanGuess,.stationProtectorRead,.stationProtectorMove,.stationResult,.checkpointPrompt,.checkpointStatus,.mythLine,.truthLine,.decoderResult,.quizHistory,.wakeLine,.auditPrompt,.auditResult{color:var(--muted)}
.decoderOptions{display:grid;gap:8px}
.optionBtn{cursor:pointer}
.quizHistory{font-size:13px}
.mythLine{padding:12px 14px;border-radius:16px;background:rgba(250,244,236,.92);border:1px solid rgba(216,207,191,.92)}
.truthLine{padding:12px 14px;border-radius:16px;background:rgba(240,247,238,.9);border:1px solid rgba(111,128,104,.18)}
.wakeCard{background:linear-gradient(180deg, rgba(255,250,244,.98), rgba(246,239,229,.98));border-color:rgba(154,116,90,.24)}
.toneCardTop,.laneCardTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.toneSummary{color:var(--muted)}
.flavorLine,.laneStage{padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.66);border:1px dashed rgba(154,116,90,.24);color:#5b4d40;font-size:14px;line-height:1.5}
.toneChipRow{display:flex;flex-wrap:wrap;gap:8px}
.toneChip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.72);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.toneChip:hover{border-color:var(--sage);color:var(--sage-deep)}
.toneBadge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid rgba(113,129,142,.24);background:rgba(255,255,255,.7);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.toneBadge--sweet{color:#6f8068;border-color:rgba(111,128,104,.26);background:rgba(245,250,242,.9)}
.toneBadge--punny{color:#84614c;border-color:rgba(154,116,90,.3);background:rgba(255,248,241,.92)}
.toneBadge--mixed{color:#5f6770;border-color:rgba(113,129,142,.26);background:rgba(243,246,248,.92)}
.toneBadge--salty{color:#7f4d40;border-color:rgba(143,90,73,.34);background:rgba(255,245,241,.94)}
.toneCard--sweet,.decoderCard--sweet{background:linear-gradient(180deg, rgba(248,252,246,.98), rgba(241,247,238,.98))}
.toneCard--punny,.decoderCard--punny,.mythCard--punny,.auditCard--punny{background:linear-gradient(180deg, rgba(255,250,244,.98), rgba(247,240,231,.98))}
.toneCard--mixed,.decoderCard--mixed,.laneCard--mixed,.mythCard--mixed,.wakeCard--mixed,.auditCard--mixed{background:linear-gradient(180deg, rgba(248,249,247,.98), rgba(240,243,241,.98))}
.toneCard--salty,.laneCard--salty,.mythCard--salty,.wakeCard--salty,.auditCard--salty{background:linear-gradient(180deg, rgba(255,247,243,.98), rgba(246,236,231,.98));border-color:rgba(143,90,73,.28)}
.wakeLine{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.64);border:1px solid rgba(154,116,90,.18)}
.wakeLine strong{display:block;margin-bottom:6px;color:#342a23;font-family:Georgia, "Times New Roman", serif;font-size:1rem}
.auditPrompt{padding:12px 14px;border-radius:16px;background:rgba(250,244,236,.92);border:1px solid rgba(216,207,191,.92)}
.auditResult{padding:12px 14px;border-radius:16px;background:rgba(240,247,238,.9);border:1px solid rgba(111,128,104,.18)}
@media (max-width: 980px){
  .progressStats,.journeyGrid,.pathSelectorGrid,.toneGrid,.decoderGrid,.decoderLaneGrid,.stationGrid,.checkpointGrid,.mythGrid,.wakeGrid,.auditGrid{grid-template-columns:1fr}
}

.selectorCard,.stationCard,.checkpointCard{position:relative}
.selectorTop,.stationTop,.checkpointTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.selectorMeta,.stationMeta,.checkpointMeta{display:grid;gap:6px}
.selectorSummary,.stationCue,.checkpointPrompt{line-height:1.6}
.selectorBullets,.stationDetailList,.checkpointRequirementList{display:grid;gap:8px}
.selectorBullet,.stationDetail,.checkpointRequirement{padding:10px 12px;border-radius:14px;background:rgba(248,243,234,.9);border:1px solid rgba(216,207,191,.9);color:#4c433a}
.selectorActions,.stationActions,.checkpointActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.selectorTagRow,.checkpointTagRow{display:flex;flex-wrap:wrap;gap:8px}
.selectorFlag{padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.66);border:1px dashed rgba(111,128,104,.26);color:#50614a;font-size:14px;line-height:1.5}
.selectorCard--selected .selectorFlag{background:rgba(240,247,238,.94)}
.stationHero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:14px;margin-bottom:14px}
.stationHeroCard,.stationHeroScore{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(248,246,238,.96))}
.stationHeroScore .progressMeter{margin-top:10px}
.stationCue,.stationHumanGuess,.stationProtectorRead,.stationProtectorMove,.stationResult,.checkpointStatus{padding:12px 14px;border-radius:16px;border:1px solid rgba(216,207,191,.9);background:rgba(255,255,255,.7)}
.stationHumanGuess{background:rgba(255,249,242,.94)}
.stationProtectorRead,.stationProtectorMove,.stationResult,.checkpointStatus{border-color:rgba(111,128,104,.18);background:rgba(240,247,238,.92)}
.stationLabel{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.stationCard--complete .stationResult{font-weight:600}
.checkpointCard--locked{opacity:.82;background:linear-gradient(180deg, rgba(250,247,241,.96), rgba(244,240,233,.96))}
.checkpointCard--locked .journeyLink.primary{background:rgba(255,255,255,.7);color:var(--muted);border-color:var(--line)}
.checkpointRequirement strong{color:#342a23}
@media (max-width: 980px){
  .stationHero{grid-template-columns:1fr}
}


.anchorStub{position:relative;height:0;overflow:hidden;scroll-margin-top:var(--care-browser-offset, 126px)}
.sectionActions{margin-top:18px}

.priorityDoorGrid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.priorityDoorCard{
  --priority-accent:rgba(124,138,102,.55);
  --priority-soft:rgba(124,138,102,.12);
  --priority-text:#4e5d49;
  position:relative;
  display:grid;
  gap:10px;
  min-height:100%;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(179,168,147,.9);
  background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(246,239,228,.98));
  box-shadow:0 14px 28px rgba(75,63,45,.06);
  overflow:hidden;
  color:inherit;
  text-decoration:none;
}
.priorityDoorCard::after{
  content:"";
  position:absolute;
  inset:auto -16px -16px auto;
  width:86px;
  height:86px;
  border-radius:999px;
  border:1px dashed var(--priority-accent);
  background:radial-gradient(circle, var(--priority-soft), transparent 70%);
  pointer-events:none;
}
.priorityDoorCard:hover{
  transform:translateY(-1px);
  border-color:var(--priority-accent);
  box-shadow:0 18px 34px rgba(75,63,45,.1);
  color:inherit;
}
.priorityDoorCard h3{margin:0;font-size:1.22rem;color:#342a23}
.priorityDoorText{margin:0;color:#56493d;line-height:1.56}
.priorityDoorMetaRow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.priorityDoorMeta{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);font-weight:800}
.priorityDoorBadge{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border-radius:12px;
  border:1px solid var(--priority-accent);
  background:var(--priority-soft);
  color:var(--priority-text);
  font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase
}
.priorityDoorFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-weight:800;color:#40362f}
.priorityDoorArrow{font-size:18px;line-height:1;color:var(--priority-text)}
.priorityDoorCard--starter{--priority-accent:rgba(111,128,104,.55);--priority-soft:rgba(111,128,104,.12);--priority-text:#4e5d49}
.priorityDoorCard--warn{--priority-accent:rgba(143,71,49,.5);--priority-soft:rgba(143,71,49,.11);--priority-text:#784232}
.priorityDoorCard--print{--priority-accent:rgba(93,120,127,.5);--priority-soft:rgba(93,120,127,.12);--priority-text:#48656b}
.priorityDoorCard--truth{--priority-accent:rgba(125,79,68,.5);--priority-soft:rgba(125,79,68,.11);--priority-text:#744b40}
.priorityDoorCard--observe{--priority-accent:rgba(109,121,132,.5);--priority-soft:rgba(109,121,132,.12);--priority-text:#54616c}

.routeDeckGrid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.routeDeckCard{
  position:relative;
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(246,239,228,.98));
  overflow:hidden;
}
.routeDeckCard::after{
  content:"";
  position:absolute;
  inset:auto -20px -20px auto;
  width:92px;
  height:92px;
  border-radius:999px;
  border:1px dashed rgba(124,138,102,.18);
  background:radial-gradient(circle, rgba(124,138,102,.08), transparent 70%);
  pointer-events:none;
}
.routeDeckTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.routeDeckMeta{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--clay);
  font-weight:800;
}
.routeDeckText{color:var(--muted)}
.routeDeckBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  height:48px;
  padding:0 12px;
  border-radius:16px;
  border:1px solid rgba(124,138,102,.24);
  background:rgba(124,138,102,.1);
  color:var(--sage-deep);
  font-weight:800;
}
.routeDeckPillRow,.routeDeckActions{display:flex;flex-wrap:wrap;gap:8px}
.routeDeckPill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(124,138,102,.2);
  background:rgba(255,255,255,.66);
  color:var(--sage-deep);
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:800;
}
.routeDeckList{display:grid;gap:8px}
.routeDeckItem{
  padding-left:14px;
  position:relative;
  color:#433a33;
}
.routeDeckItem::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(124,138,102,.55);
}
.routeDeckActions{margin-top:auto}
.routeDeckLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 14px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.7);
  font-weight:700;
}
.routeDeckLink:hover{border-color:var(--sage);color:var(--sage-deep)}
.routeDeckLink.primary{
  background:linear-gradient(180deg, #7d8f73, #65765e);
  border-color:#617259;
  color:#fffef9;
}
.routeDeckLink.primary:hover{color:#fffef9}

body[data-page="wakeup"] .routeDeckCard{
  background:linear-gradient(180deg, rgba(255,250,244,.98), rgba(245,235,225,.98));
  border-color:rgba(143,71,49,.2);
}
body[data-page="wakeup"] .routeDeckBadge{
  border-color:rgba(143,71,49,.24);
  background:rgba(143,71,49,.1);
  color:var(--warn);
}
body[data-page="wakeup"] .routeDeckPill,
body[data-page="wakeup"] .routeDeckItem::before{
  border-color:rgba(143,71,49,.18);
  background:rgba(255,255,255,.76);
}
body[data-page="wakeup"] .routeDeckItem::before{background:rgba(143,71,49,.55)}


body[data-page="wakeup"]{
  --paper:#efe7dd;
  --paper-2:#f7efe6;
  --panel:#fffaf4;
  --panel-2:#f5ebe1;
  --line:#cfbead;
  --line-strong:#b89780;
  --ink:#2b2622;
  --muted:#5c4b40;
  --clay:#8f5f46;
  --warn:#874731;
  --bluegray:#6d7984;
  --shadow:0 16px 36px rgba(66,46,34,.12);
}
body[data-page="wakeup"]{
  background:
    radial-gradient(circle at top left, rgba(143,71,49,.16), transparent 30%),
    radial-gradient(circle at right 12%, rgba(109,121,132,.12), transparent 24%),
    linear-gradient(180deg, #f7f1ea 0%, #ece1d6 100%);
}
body[data-page="wakeup"] .fieldNav{
  background:linear-gradient(180deg, rgba(255,250,244,.9), rgba(244,234,224,.96));
  border-color:rgba(143,71,49,.18);
}
body[data-page="wakeup"] .fieldNav a{
  background:rgba(255,255,255,.78);
  border-color:rgba(143,71,49,.18);
  color:#694c3e;
}
body[data-page="wakeup"] .fieldNav a:hover{
  border-color:rgba(135,71,49,.52);
  color:var(--warn);
}
body[data-page="wakeup"] .card{
  background:linear-gradient(180deg, rgba(255,250,244,.98), rgba(245,235,225,.98));
}
body[data-page="wakeup"] .card::before{
  background-image:
    linear-gradient(rgba(95,66,49,.038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95,66,49,.038) 1px, transparent 1px);
}
body[data-page="wakeup"] .wakeHero{
  border-color:rgba(143,71,49,.22);
  box-shadow:0 18px 40px rgba(66,46,34,.14);
}
body[data-page="wakeup"] .wakeHero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:7px;
  background:linear-gradient(90deg, rgba(135,71,49,.88), rgba(184,151,128,.72), rgba(109,121,132,.66));
  pointer-events:none;
}
body[data-page="wakeup"] .quote{
  border-left-color:var(--warn);
  background:rgba(143,71,49,.08);
}
body[data-page="wakeup"] .btn.primary,
body[data-page="wakeup"] .journeyLink.primary{
  background:linear-gradient(180deg, #9a654c, #7f4e39);
  border-color:#7b4935;
}
body[data-page="wakeup"] .btn:hover,
body[data-page="wakeup"] .journeyLink:hover{
  border-color:rgba(135,71,49,.46);
  color:var(--warn);
}
body[data-page="wakeup"] .sectionStamp{
  color:#6e5648;
  border-color:rgba(143,71,49,.2);
  background:rgba(143,71,49,.09);
}
body[data-page="wakeup"] .specimenCard,
body[data-page="wakeup"] .factPanel{
  background:linear-gradient(180deg, rgba(255,251,246,.98), rgba(243,232,221,.98));
  border-color:rgba(143,71,49,.16);
}
body[data-page="wakeup"] .wakeSpecimenPlate{
  background:
    radial-gradient(circle at center, rgba(143,71,49,.12), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.64), rgba(241,231,221,.72));
}
body[data-page="wakeup"] .specimenCircle{border-color:rgba(124,72,56,.28)}
body[data-page="wakeup"] .specimenLineA{background:rgba(124,72,56,.26)}
body[data-page="wakeup"] .specimenLineB{background:rgba(109,121,132,.28)}
body[data-page="wakeup"] .specimenMarker{background:rgba(143,71,49,.12);border-color:rgba(124,72,56,.26)}
body[data-page="wakeup"] .specimenTag{
  border-color:rgba(143,71,49,.24);
  color:#7e543f;
  background:rgba(255,248,242,.94);
}
.wakeFlag{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(143,71,49,.2);
  background:rgba(255,252,247,.9);
  color:#7e543f;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.wakeFlagA{left:24px;top:22px}
.wakeFlagB{right:18px;top:112px}
.wakeFlagC{left:44px;bottom:22px}
.wakeLeadGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.wakeLeadCard{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(143,71,49,.16);
  background:linear-gradient(180deg, rgba(255,254,251,.9), rgba(247,238,229,.94));
}
.wakeLeadCard p{margin:8px 0 0;color:#5c4b40}
.wakeLeadLabel{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7c5745;
}
.wakeMapSection{
  border-style:solid;
  border-color:rgba(143,71,49,.2);
}
.wakeMapGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
  position:relative;
  z-index:1;
}
.wakeMapCard{
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(143,71,49,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,237,227,.96));
  box-shadow:0 10px 24px rgba(83,57,43,.06);
}
.wakeMapCard h3{margin:0}
.wakeMapCard .wakeFamilyPlate{margin-top:4px;padding:12px 14px;border-radius:18px}
.wakeMapCard .wakePlateCanvas svg{width:100%;max-width:176px;height:auto;display:block}
.wakeMapCard .wakePlateTags{gap:8px}
.wakeMapCard p{margin:0;color:#5c4b40}
.wakeMapCard:hover{
  transform:translateY(-1px);
  border-color:rgba(143,71,49,.34);
}
.wakeMapMeta{
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#835844;
}
.wakeMapCard--warm{background:linear-gradient(180deg, rgba(255,251,245,.98), rgba(248,241,232,.98))}
.wakeMapCard--deep{background:linear-gradient(180deg, rgba(250,246,241,.98), rgba(241,233,224,.98))}
.wakeMapCard--sharp{background:linear-gradient(180deg, rgba(255,247,242,.98), rgba(244,231,223,.98))}
.wakeMapCard--scan{background:linear-gradient(180deg, rgba(249,248,246,.98), rgba(238,235,231,.98))}
.wakeMapCard--audit{background:linear-gradient(180deg, rgba(255,248,244,.98), rgba(244,233,227,.98))}
body[data-page="wakeup"] .mythCard,
body[data-page="wakeup"] .wakeCard,
body[data-page="wakeup"] .auditCard,
body[data-page="wakeup"] .stationCard{
  box-shadow:0 10px 22px rgba(83,57,43,.05);
}
body[data-page="wakeup"] .mythCard--salty,
body[data-page="wakeup"] .wakeCard--salty,
body[data-page="wakeup"] .auditCard--salty{
  border-color:rgba(135,71,49,.34);
  background:linear-gradient(180deg, rgba(255,245,240,.98), rgba(243,228,220,.98));
}
body[data-page="wakeup"] .truthLine,
body[data-page="wakeup"] .auditResult,
body[data-page="wakeup"] .stationProtectorRead,
body[data-page="wakeup"] .stationProtectorMove,
body[data-page="wakeup"] .stationResult{
  border-color:rgba(143,71,49,.16);
  background:rgba(255,250,245,.82);
}
body[data-page="wakeup"] .wakeLine,
body[data-page="wakeup"] .auditPrompt,
body[data-page="wakeup"] .mythLine,
body[data-page="wakeup"] .stationCue,
body[data-page="wakeup"] .stationHumanGuess{
  border-color:rgba(143,71,49,.15);
  background:rgba(255,255,255,.74);
}
body[data-page="wakeup"] .factTile{
  border-color:rgba(143,71,49,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,235,225,.96));
}
body[data-page="wakeup"] .factValue{color:#342a23}
@media (max-width: 980px){
  .wakeMapGrid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .wakeLeadGrid{grid-template-columns:1fr}
}


.chapterChip.fieldGuideCard{grid-template-columns:minmax(0,1fr)}
.chapterChip .fieldSymbolPlate{padding:10px 12px;border-radius:16px}
.chapterChip .fieldSymbolCanvas{min-height:42px}
.chapterChip .fieldSymbolCanvas svg{max-width:156px}
.pathCard .fieldSymbolPlate,.printSupportCard .fieldSymbolPlate,.littleCardTile .fieldSymbolPlate{margin-bottom:2px}
.pathCard .fieldSymbolPlate,.printSupportCard .fieldSymbolPlate{max-width:220px}
.littleCardHeroCard .fieldSymbolPlate{position:relative;z-index:1;max-width:230px;margin-top:20px}
.utilityHeroPlate{margin:16px 0 4px;max-width:240px}
.utilityRailCard{display:grid;gap:12px}
.utilityRailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.utilityRailPill{display:grid;gap:4px;padding:12px 14px;border-radius:16px;border:1px solid rgba(35,31,28,.10);background:rgba(255,255,255,.72)}
.utilityRailPill strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6f5f52}
.utilityRailPill span{color:#41372f;line-height:1.45}
.printableHero .utilityRailCard .fieldSymbolPlate{max-width:228px}
.printableHero .fieldSymbolPlate{max-width:238px}
.printableHero .heroCopy .fieldSymbolPlate{margin-top:16px}
.miniHubHero .heroCopy .fieldSymbolPlate{margin-top:16px;max-width:228px}
.miniHubHero .heroRail .fieldSymbolPlate{max-width:220px}
.littleCardTile .fieldSymbolPlate{padding:10px 12px;border-radius:16px}
.littleCardTile .fieldSymbolCanvas{min-height:42px}
.littleCardTile .fieldSymbolCanvas svg{max-width:156px}

.sectionHead{align-items:flex-start}
.sectionHeadPlate{margin-left:auto;max-width:220px;flex:0 0 220px}
.chapterFieldMap{overflow:hidden}
.chapterFieldMapGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.chapterMapCard{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(179,168,147,.78);
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(245,239,229,.88));
  box-shadow:0 20px 38px rgba(75,63,45,.08);
}
.chapterMapTop{display:flex;gap:14px;justify-content:space-between;align-items:flex-start}
.chapterMapMeta{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--clay);
  font-weight:800;
}
.chapterMapCard h3{margin:4px 0 0;font-size:20px}
.chapterMapBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:14px;
  border:1px solid rgba(124,138,102,.22);
  background:rgba(124,138,102,.1);
  color:var(--sage-deep);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.chapterMapSummary{color:var(--muted)}
.chapterMapActions{display:flex;flex-wrap:wrap;gap:10px}
.chapterMapLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 14px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.82);
  font-weight:700;
}
.chapterMapLink:hover{border-color:var(--sage);color:var(--sage-deep)}
.hostCard .fieldSymbolPlate{margin-bottom:14px;max-width:220px}
.relatedReadCard .fieldSymbolPlate{margin-bottom:14px;max-width:220px}
.sectionHead .fieldSymbolPlate .fieldSymbolCanvas{min-height:46px}
.sectionHead .fieldSymbolPlate .fieldSymbolCanvas svg{max-width:150px}
@media (max-width: 920px){
  .sectionHeadPlate{margin-left:0;max-width:none;flex:1 1 100%}
}



.chapterPulseSection{
  display:grid;
  gap:14px;
}
.chapterPulseGrid{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.chapterPulseCard{
  display:grid;
  gap:12px;
  min-height:100%;
  padding:16px 17px;
  border-radius:20px;
  border:1px solid rgba(179,168,147,.78);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,239,229,.92));
  box-shadow:0 14px 28px rgba(75,63,45,.06);
}
.chapterPulseTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.chapterPulseMeta{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--clay);
  font-weight:800;
}
.chapterPulseValue{
  margin-top:4px;
  font-size:clamp(1.9rem, 4vw, 2.5rem);
  line-height:1;
  color:#342a23;
  font-weight:900;
}
.chapterPulseLabel{
  margin-top:5px;
  color:#55483c;
  font-weight:700;
}
.chapterPulseBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 12px;
  border-radius:14px;
  border:1px solid rgba(124,138,102,.24);
  background:rgba(124,138,102,.1);
  color:var(--sage-deep);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.chapterPulseText{
  margin:0;
  color:#5a4d41;
  line-height:1.55;
}
.chapterPressureSection{
  display:grid;
  gap:14px;
}
.pressureDeckGrid .routeDeckCard{
  background:linear-gradient(180deg, rgba(255,252,247,.98), rgba(245,238,228,.96));
  border-color:rgba(154,116,90,.18);
}
.pressureDeckGrid .routeDeckBadge{
  border-color:rgba(154,116,90,.24);
  background:rgba(154,116,90,.1);
  color:#735242;
}
.pressureDeckGrid .routeDeckPill,
.pressureDeckGrid .routeDeckItem::before{
  border-color:rgba(154,116,90,.18);
}
.pressureDeckGrid .routeDeckItem::before{background:rgba(154,116,90,.52)}

.utilityScanStrip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:12px 0 18px;
}
.utilityScanCard{
  display:grid;
  gap:8px;
  padding:14px 15px;
  border-radius:18px;
  border:1px solid rgba(179,168,147,.78);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,240,230,.9));
  box-shadow:0 14px 28px rgba(75,63,45,.06);
}
.utilityScanMeta{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--clay);
  font-weight:800;
}
.utilityScanCard h3{margin:0;font-size:1rem;color:#3c3028}
.utilityScanCard p{margin:0;color:#574b3f;line-height:1.5}
.utilityFlowNote,.littleCardReminder{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px dashed rgba(154,116,90,.28);
  background:linear-gradient(180deg, rgba(255,251,244,.96), rgba(245,238,228,.96));
  color:#4d4338;
}
@media (max-width: 900px){
  .utilityScanStrip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .utilityScanStrip{grid-template-columns:1fr}
}
@media (max-width: 780px){
  .priorityDoorCard{padding:16px;border-radius:20px}
  .priorityDoorCard h3{font-size:1.1rem}
  .routeDeckCard{padding:16px;border-radius:20px}
  .routeDeckTop{display:grid;gap:8px}
  .routeDeckBadge{min-width:0;height:auto;padding:8px 10px;border-radius:12px;justify-self:start}
  .routeDeckText{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .routeDeckActions{display:grid;grid-template-columns:1fr;gap:8px}
  .routeDeckLink{width:100%}
}


/* care browser-feel pass 1097 */
section[id]{scroll-margin-top:var(--care-browser-offset, 126px)}
.fieldNav{
  position:sticky;
  top:var(--care-nav-top, 12px);
  z-index:36;
  align-items:center;
  scroll-padding-inline:16px;
  backdrop-filter:blur(14px) saturate(1.04);
  box-shadow:0 10px 24px rgba(77,64,47,.09);
}
.fieldNav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  flex:0 0 auto;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.fieldNav a:hover{transform:translateY(-1px)}
.fieldNav a.is-active{
  color:#fffef9;
  border-color:var(--sage-deep);
  background:linear-gradient(180deg, rgba(86,101,80,.96), rgba(72,84,66,.98));
  box-shadow:0 10px 18px rgba(68,82,63,.18);
}
.sectionPeek{
  display:grid;
  gap:12px;
  padding:18px 20px;
}
.sectionPeek .sectionHead{margin-bottom:0}
.sectionPeekGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}
.sectionPeekChip{
  display:flex;
  align-items:flex-start;
  min-height:48px;
  height:100%;
  padding:11px 14px;
  border-radius:18px;
  border:1px solid rgba(113,129,142,.24);
  background:linear-gradient(180deg, rgba(255,253,248,.96), rgba(244,238,229,.98));
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.45;
  box-shadow:0 10px 20px rgba(72,61,48,.05);
}
.sectionPeekChip:hover{
  border-color:var(--sage);
  color:var(--sage-deep);
  transform:translateY(-1px);
}
.sectionPeekChip.is-active{
  color:#fffef9;
  border-color:rgba(86,101,80,.95);
  background:linear-gradient(180deg, rgba(86,101,80,.96), rgba(72,84,66,.98));
  box-shadow:0 10px 20px rgba(68,82,63,.18);
}
.pageProgressRail{
  position:fixed;
  inset:0 0 auto;
  height:4px;
  z-index:70;
  background:rgba(255,255,255,.42);
  pointer-events:none;
}
.pageProgressFill{
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg, rgba(86,101,80,.96), rgba(128,144,107,.96), rgba(154,116,90,.9));
  box-shadow:0 0 14px rgba(86,101,80,.22);
}
.scrollTopButton{
  position:fixed;
  right:18px;
  bottom:calc(18px + env(safe-area-inset-bottom));
  z-index:66;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid rgba(86,101,80,.3);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(244,238,229,.98));
  color:var(--sage-deep);
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 12px 26px rgba(72,61,48,.16);
  opacity:0;
  transform:translateY(14px);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.scrollTopButton:hover{
  border-color:var(--sage);
  box-shadow:0 14px 28px rgba(72,61,48,.2);
}
.scrollTopButton.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
@media (max-width: 900px){
  .fieldNav{
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding:12px 14px 13px;
    scrollbar-width:none;
  }
  .fieldNav::-webkit-scrollbar{display:none}
  .fieldNav a{white-space:nowrap;scroll-snap-align:start}
  .sectionPeekGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  .heroGuideCard{padding:15px 16px}
  .heroGuideHead{flex-direction:column;align-items:flex-start}
  .heroGuideItem{grid-template-columns:1fr;gap:8px}
  .heroGuideStep{min-width:0;justify-self:start}
  :root{--care-nav-top:8px}
  .careShell{
    width:min(100% - 18px, 1180px);
    padding-top:14px;
    gap:14px;
  }
  .card{padding:16px}
  .heroActions{display:grid;grid-template-columns:1fr}
  .heroActions .btn{width:100%}
  .chapterStrip{display:grid;grid-template-columns:1fr}
  .sectionPeek{padding:16px}
  .sectionPeekGrid,.handbookDoorGrid,.relatedReadsGrid,.printSupportGrid,.chapterPulseGrid{grid-template-columns:1fr}
  .fieldNav{padding-bottom:10px}
}
@media (max-width: 640px){
  .careShell{
    width:min(100% - 16px, 1180px);
    padding-top:12px;
    gap:12px;
  }
  .card{padding:15px}
  h1{font-size:clamp(2rem, 10vw, 2.8rem);max-width:11ch}
  .subtitle{font-size:1rem}
  .fieldNav{top:var(--care-nav-top, 8px)}
  .fieldNav a{font-size:11px;padding:8px 11px;min-height:38px}
  .sectionPeekChip{
    min-height:44px;
    padding:10px 12px;
    font-size:12px;
  }
  .scrollTopButton{
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    padding:9px 12px;
    font-size:12px;
  }
}
@media print{
  @page{margin:.55in}
  .pageProgressRail,.scrollTopButton,.sectionPeek{display:none !important}
  .card,.sheetCard,.printSupportCard,.pathCard,.lessonCard,.hostCard,.fieldGuideCard,.watchCard,.utilityScanCard,.littleCardTile{
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .hero,.heroCopy,.heroRail,.sectionHead,.checkList,.printSheetGrid,.utilityScanStrip{
    break-inside:avoid;
    page-break-inside:avoid;
  }
}


.careFinderShell{
  display:grid;
  gap:16px;
}
.careFinderControlCard{
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid rgba(185,173,152,.82);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(246,239,228,.98));
}
.careFinderLabel{
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--clay);
}
.careFinderInputRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.careFinderInputRow input{
  min-width:0;
  min-height:46px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(179,168,147,.92);
  background:rgba(255,255,255,.82);
  color:var(--ink);
}
.careFinderInputRow input:focus{
  outline:none;
  border-color:rgba(111,128,104,.55);
  box-shadow:0 0 0 3px rgba(111,128,104,.12);
}
.careFinderChipRow,.careFinderScopeRow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.careFinderChip,.careFinderScope{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(154,116,90,.18);
  background:rgba(154,116,90,.08);
  color:#715849;
  font-size:12px;
  font-weight:700;
}
.careFinderChip:hover,.careFinderScope:hover{
  border-color:rgba(111,128,104,.34);
  color:var(--sage-deep);
}
.careFinderScope{
  background:rgba(113,129,142,.08);
  border-color:rgba(113,129,142,.18);
  color:var(--bluegray);
}
.careFinderChip.is-active,.careFinderScope.is-active{
  background:linear-gradient(180deg, rgba(111,128,104,.16), rgba(101,118,94,.2));
  border-color:rgba(111,128,104,.42);
  color:#314032;
}
.careFinderSummary{
  color:var(--muted);
  line-height:1.55;
}
.careFinderLead{
  display:grid;
  gap:12px;
  margin:0 0 16px;
}
.careFinderLead:empty{display:none}
.careFinderSituation{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(111,128,104,.18);
  background:linear-gradient(180deg, rgba(249,246,239,.98), rgba(255,252,246,.95));
  box-shadow:0 12px 26px rgba(68,58,44,.06);
}
.careFinderSituation--critical{
  border-color:rgba(128,51,46,.38);
  background:linear-gradient(180deg, rgba(255,236,232,.99), rgba(255,246,243,.96));
  box-shadow:0 14px 30px rgba(128,51,46,.12);
}
.careFinderSituation--urgent{
  border-color:rgba(156,92,74,.32);
  background:linear-gradient(180deg, rgba(255,243,238,.98), rgba(255,249,246,.95));
}
.careFinderSituation--caution{
  border-color:rgba(171,127,73,.28);
  background:linear-gradient(180deg, rgba(255,248,237,.98), rgba(255,252,246,.95));
}
.careFinderSituation--support{
  border-color:rgba(111,128,104,.22);
}
.careFinderSituationTop{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.careFinderSituationEyebrow{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--clay);
  font-weight:900;
}
.careFinderSituationMode{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:26px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(111,128,104,.22);
  background:rgba(111,128,104,.08);
  color:var(--sage-deep);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.careFinderSituationMode::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:currentColor;
  opacity:.82;
  flex:0 0 auto;
}
.careFinderSituationMode--critical{
  border-color:rgba(128,51,46,.38);
  background:rgba(128,51,46,.14);
  color:#792f2b;
}
.careFinderSituationMode--urgent{
  border-color:rgba(156,92,74,.34);
  background:rgba(156,92,74,.12);
  color:#8c4335;
}
.careFinderSituationMode--caution{
  border-color:rgba(171,127,73,.32);
  background:rgba(171,127,73,.12);
  color:#8c6432;
}
.careFinderSituationMode--support{
  border-color:rgba(111,128,104,.24);
  background:rgba(111,128,104,.08);
  color:var(--sage-deep);
}
.careFinderSituationTitle{
  margin:0;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.02em;
  color:#2f261f;
}
.careFinderSituationText{
  color:#4d4338;
  font-weight:700;
  line-height:1.55;
}
.careFinderChecklist{
  display:grid;
  gap:8px;
  margin-top:4px;
  padding:12px 13px;
  border-radius:18px;
  border:1px solid rgba(111,128,104,.16);
  background:rgba(255,255,255,.58);
}
.careFinderChecklist--critical{
  border-color:rgba(128,51,46,.26);
  background:rgba(255,248,246,.84);
}
.careFinderChecklist--urgent{
  border-color:rgba(156,92,74,.22);
  background:rgba(255,251,248,.82);
}
.careFinderChecklist--caution{
  border-color:rgba(171,127,73,.2);
  background:rgba(255,252,246,.82);
}
.careFinderChecklistLabel{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--bluegray);
  font-weight:900;
}
.careFinderChecklistRow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.careFinderChecklistChip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(111,128,104,.2);
  background:rgba(255,255,255,.84);
  color:#3b322a;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}
.careFinderChecklistChip::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:currentColor;
  opacity:.82;
  flex:0 0 auto;
}
.careFinderChecklistChip--critical{
  border-color:rgba(128,51,46,.32);
  background:rgba(255,238,234,.96);
  color:#7d2f2a;
}
.careFinderChecklistChip--urgent{
  border-color:rgba(156,92,74,.28);
  background:rgba(255,244,239,.96);
  color:#8c4335;
}
.careFinderChecklistChip--caution{
  border-color:rgba(171,127,73,.26);
  background:rgba(255,249,239,.96);
  color:#8a6533;
}
.careFinderChecklistChip--support{
  border-color:rgba(111,128,104,.22);
  background:rgba(245,249,243,.96);
  color:var(--sage-deep);
}
.careFinderLeadCard{
  position:relative;
  display:grid;
  gap:14px;
  padding:20px;
  border:1px solid rgba(111,128,104,.18);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,254,251,.98), rgba(246,240,231,.98));
  box-shadow:0 18px 38px rgba(68,58,44,.08);
  overflow:hidden;
}
.careFinderLeadCard::after{
  content:"";
  position:absolute;
  inset:auto -14px -22px auto;
  width:110px;
  height:110px;
  border-radius:999px;
  border:1px dashed rgba(124,138,102,.2);
  background:radial-gradient(circle, rgba(124,138,102,.08), transparent 70%);
  pointer-events:none;
}
.careFinderLeadCard--critical{
  border-color:rgba(128,51,46,.4);
  box-shadow:0 20px 42px rgba(128,51,46,.16);
}
.careFinderLeadCard--urgent{
  border-color:rgba(156,92,74,.34);
  box-shadow:0 18px 40px rgba(156,92,74,.12);
}
.careFinderLeadCard--caution{
  border-color:rgba(171,127,73,.3);
  box-shadow:0 16px 34px rgba(171,127,73,.11);
}
.careFinderLeadCard--support{
  border-color:rgba(111,128,104,.22);
}
.careFinderLeadTop{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.careFinderLeadEyebrow{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--clay);
  font-weight:900;
  margin:0 0 8px;
}
.careFinderLeadText{
  margin:8px 0 0;
  color:#4d4338;
  font-weight:700;
}
.careFinderLeadMeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.careFinderLeadMeta .careFinderMeta{margin:0}
.careFinderLeadDeckLabel{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(113,129,142,.22);
  background:rgba(113,129,142,.08);
  color:var(--bluegray);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.careFinderLeadHint{
  display:grid;
  gap:6px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(111,128,104,.16);
  background:rgba(255,255,255,.58);
}
.careFinderLeadHintLabel{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--bluegray);
  font-weight:900;
}
.careFinderLeadHintText{
  color:#4d4338;
  font-weight:700;
}
.careFinderGuideDeck{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:22px;
  border:1px solid rgba(113,129,142,.18);
  background:linear-gradient(180deg, rgba(249,247,242,.98), rgba(255,252,246,.92));
}
.careFinderGuideTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.careFinderGuideEyebrow{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--bluegray);
  font-weight:900;
  margin:0 0 6px;
}
.careFinderGuideTop h4{
  margin:0;
  font-size:22px;
  line-height:1.08;
  color:#2f261f;
}
.careFinderGuideIntro{
  margin-top:8px;
  color:#4d4338;
  font-weight:700;
  line-height:1.55;
}
.careFinderGuideLane{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 11px;
  border-radius:999px;
  border:1px solid rgba(111,128,104,.22);
  background:rgba(111,128,104,.08);
  color:var(--sage-deep);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.careFinderGuideGrid{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.careFinderGuideHost{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(111,128,104,.18);
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 22px rgba(68,58,44,.05);
}
.careFinderGuideHostHeader{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:center;
}
.careFinderGuideHost h4{
  margin:3px 0 0;
  font-size:20px;
  line-height:1.05;
  color:#2f261f;
}
.careFinderGuideStyle{
  margin-top:4px;
  color:var(--clay);
  font-size:13px;
  font-weight:700;
}
.careFinderGuideText,.careFinderGuideEncouragement{
  color:#4d4338;
  font-weight:700;
  line-height:1.5;
}
.careFinderGuideTopics{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
@media (max-width: 780px){
  .careFinderGuideTop{grid-template-columns:1fr;display:grid;}
  .careFinderGuideLane{justify-self:start;}
}
.careFinderGrid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.careFinderCard{
  position:relative;
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(246,239,228,.98));
  overflow:hidden;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.careFinderCard--critical{
  border-color:rgba(128,51,46,.4);
  box-shadow:0 14px 32px rgba(128,51,46,.16);
}
.careFinderCard--urgent{
  border-color:rgba(156,92,74,.34);
  box-shadow:0 12px 28px rgba(156,92,74,.12);
}
.careFinderCard--caution{
  border-color:rgba(171,127,73,.28);
  box-shadow:0 10px 24px rgba(171,127,73,.10);
}
.careFinderCard--support{
  border-color:rgba(111,128,104,.24);
}
.careFinderCard::after{
  content:"";
  position:absolute;
  inset:auto -18px -18px auto;
  width:90px;
  height:90px;
  border-radius:999px;
  border:1px dashed rgba(124,138,102,.18);
  background:radial-gradient(circle, rgba(124,138,102,.08), transparent 70%);
  pointer-events:none;
}
.careFinderCue{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:24px;
  margin:0 0 8px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(111,128,104,.22);
  background:rgba(111,128,104,.08);
  color:var(--sage-deep);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.careFinderCue::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:currentColor;
  opacity:.8;
  flex:0 0 auto;
}
.careFinderCue--critical{
  border-color:rgba(128,51,46,.38);
  background:rgba(128,51,46,.14);
  color:#792f2b;
}
.careFinderCue--urgent{
  border-color:rgba(156,92,74,.34);
  background:rgba(156,92,74,.12);
  color:#8c4335;
}
.careFinderCue--caution{
  border-color:rgba(171,127,73,.32);
  background:rgba(171,127,73,.12);
  color:#8c6432;
}
.careFinderCue--support{
  border-color:rgba(111,128,104,.24);
  background:rgba(111,128,104,.08);
  color:var(--sage-deep);
}
.careFinderTop{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.careFinderMeta{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--clay);
  font-weight:800;
}
.careFinderBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  min-height:42px;
  padding:0 12px;
  border-radius:14px;
  border:1px solid rgba(124,138,102,.24);
  background:rgba(124,138,102,.1);
  color:var(--sage-deep);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.careFinderSummaryText{color:var(--muted)}
.careFinderWhy{
  display:grid;
  gap:7px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(111,128,104,.16);
  background:rgba(255,255,255,.52);
}
.careFinderWhy--critical{
  border-color:rgba(128,51,46,.3);
  background:linear-gradient(180deg, rgba(255,239,235,.94), rgba(255,247,244,.92));
}
.careFinderWhy--urgent{
  border-color:rgba(156,92,74,.26);
  background:linear-gradient(180deg, rgba(255,244,240,.92), rgba(255,250,247,.9));
}
.careFinderWhy--caution{
  border-color:rgba(171,127,73,.24);
  background:linear-gradient(180deg, rgba(255,249,239,.92), rgba(255,252,247,.9));
}
.careFinderWhy--support{
  border-color:rgba(111,128,104,.2);
}
.careFinderWhy--critical{
  border-color:rgba(128,51,46,.3);
  background:linear-gradient(180deg, rgba(255,239,235,.94), rgba(255,247,244,.92));
}
.careFinderWhy--urgent{
  border-color:rgba(156,92,74,.26);
  background:linear-gradient(180deg, rgba(255,244,240,.92), rgba(255,250,247,.9));
}
.careFinderWhy--caution{
  border-color:rgba(171,127,73,.24);
  background:linear-gradient(180deg, rgba(255,249,239,.92), rgba(255,252,247,.9));
}
.careFinderWhy--support{
  border-color:rgba(111,128,104,.2);
}
.careFinderWhyLabel{
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--bluegray);
  font-weight:800;
}
.careFinderWhyRow{display:flex;flex-wrap:wrap;gap:7px}
.careFinderWhyChip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid rgba(111,128,104,.22);
  background:rgba(111,128,104,.08);
  color:var(--sage-deep);
  font-size:12px;
  font-weight:700;
}
.careFinderWhyChip::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:currentColor;
  opacity:.72;
  flex:0 0 auto;
}
.careFinderWhyChip--critical{
  border-color:rgba(128,51,46,.38);
  background:rgba(128,51,46,.14);
  color:#792f2b;
  box-shadow:0 0 0 1px rgba(128,51,46,.04) inset;
}
.careFinderWhyChip--urgent{
  border-color:rgba(156,92,74,.34);
  background:rgba(156,92,74,.12);
  color:#8c4335;
  box-shadow:0 0 0 1px rgba(156,92,74,.03) inset;
}
.careFinderWhyChip--caution{
  border-color:rgba(171,127,73,.32);
  background:rgba(171,127,73,.12);
  color:#8c6432;
}
.careFinderWhyChip--support{
  border-color:rgba(111,128,104,.24);
  background:rgba(111,128,104,.08);
  color:var(--sage-deep);
}
.careFinderWhyChip--signal{
  border-color:rgba(113,129,142,.26);
  background:rgba(113,129,142,.08);
  color:var(--bluegray);
}
.careFinderTagRow{display:flex;flex-wrap:wrap;gap:8px}
.careFinderTagRow .topicChip{font-weight:700}
.careFinderFooter{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.careFinderLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 14px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.78);
  font-weight:700;
}
.careFinderLink:hover{border-color:var(--sage);color:var(--sage-deep)}
.careFinderLink.primary{
  background:linear-gradient(180deg, #7d8f73, #65765e);
  border-color:#617259;
  color:#fffef9;
}
.careFinderLink.primary:hover{color:#fffef9;filter:brightness(1.03)}
.careFinderLink--critical{
  background:linear-gradient(180deg, #8a423c, #6c2d29);
  border-color:#612520;
  color:#fff9f7;
}
.careFinderLink--critical:hover{color:#fff9f7;filter:brightness(1.05)}
.careFinderLink--urgent{
  background:linear-gradient(180deg, #8e5a50, #74443c);
  border-color:#6b3b34;
  color:#fffaf7;
}
.careFinderLink--urgent:hover{color:#fffaf7;filter:brightness(1.04)}
.careFinderLink--caution{
  background:linear-gradient(180deg, #8a7358, #705d47);
  border-color:#66523e;
  color:#fffaf4;
}
.careFinderLink--caution:hover{color:#fffaf4;filter:brightness(1.03)}
.careFinderLink--support{
  background:linear-gradient(180deg, #7d8f73, #65765e);
  border-color:#617259;
  color:#fffef9;
}
.careFinderLink--support:hover{color:#fffef9;filter:brightness(1.03)}
.careFinderEmpty{
  padding:16px 18px;
  border-radius:20px;
  border:1px dashed rgba(154,116,90,.32);
  background:linear-gradient(180deg, rgba(255,251,244,.96), rgba(245,238,228,.96));
  color:#4d4338;
}
@media (max-width: 760px){
  .careFinderInputRow{grid-template-columns:1fr}
}


.lessonJumpRail{
  margin:10px 0 2px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.lessonJumpChip{
  display:grid;
  gap:2px;
  min-width:160px;
  padding:9px 12px;
  border-radius:15px;
  border:1px solid rgba(132,108,82,.22);
  background:rgba(255,255,255,.78);
  color:#352c24;
  text-decoration:none;
}
.lessonJumpChip:hover{
  border-color:rgba(111,91,68,.34);
  background:rgba(255,255,255,.96);
}
.lessonJumpChipLabel{
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7b6857;
}
.lessonJumpChip strong{
  font-size:13px;
  line-height:1.3;
}
.lessonFamilyShelf{
  margin:16px 0 6px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(138,115,88,.24);
  background:linear-gradient(180deg, rgba(255,250,243,.96), rgba(246,240,230,.96));
  display:grid;
  gap:12px;
}
.lessonFamilyMeta{
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#7b6857;
}
.lessonFamilySummary{
  color:#4e4237;
  line-height:1.55;
}
.lessonFamilyChipRow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.lessonFamilyChip{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(134,112,87,.26);
  background:rgba(255,255,255,.72);
  color:#5a4a3c;
  font-size:12px;
}
.lessonFamilySection{
  display:grid;
  gap:8px;
}
.lessonFamilySectionTitle{
  font-size:13px;
  font-weight:700;
  color:#352c24;
}
.lessonFamilyLinkGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:10px;
}
.lessonFamilyLinkGrid--compact{
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
}
.lessonFamilyLink{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(133,107,80,.22);
  background:rgba(255,255,255,.86);
  text-decoration:none;
  color:#352c24;
}
.lessonFamilyLink:hover{
  border-color:rgba(111,91,68,.34);
  background:rgba(255,255,255,.96);
}
.lessonFamilyLink strong{
  font-size:14px;
}
.lessonFamilyLink span{
  color:#635649;
  font-size:13px;
  line-height:1.45;
}


/* homepage high-heat polish 1208 */
.fieldNav{
  gap:8px;
  padding:12px 14px;
}
.fieldNav a{
  padding:8px 11px;
  font-size:12px;
  letter-spacing:.07em;
}
.sectionIntro{max-width:62ch}
.heroActions{align-items:center}
.heroActions .btn{
  box-shadow:0 8px 18px rgba(76,63,46,.08);
}
.sectionActions{
  margin-top:14px;
}
#door .handbookDoorGrid,
#printables .printSupportGrid,
#paths .pathGrid,
#progress .progressPanel,
#progress .progressStats{
  margin-top:4px;
}
#finder .careFinderControlCard,
#door .handbookDoorGrid > *,
#printables .printSupportGrid > *,
#paths .pathGrid > *{
  box-shadow:0 12px 22px rgba(76,63,46,.06);
}
@media (max-width: 760px){
  .fieldNav{padding:11px 12px}
}


/* web rhythm + shelf emphasis 1215 */
.careShell{
  gap:22px;
}
.careShell > section.card{
  padding:28px;
  scroll-margin-top:calc(var(--care-browser-offset, 126px) - 10px);
}
.careShell > section.card:not(.hero) .sectionHead{
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(185,173,152,.55);
}
.careShell > section.card:not(.hero) .sectionEyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 11px;
  border-radius:999px;
  border:1px solid rgba(154,116,90,.18);
  background:rgba(255,255,255,.76);
  margin-bottom:12px;
}
.careShell > section.card + section.card{
  margin-top:2px;
}
.hero{
  gap:24px;
}
.heroCopy{
  display:grid;
  align-content:start;
  gap:0;
}
.heroCopy .chapterStrip{
  margin-top:22px;
}
.heroRail{
  gap:16px;
}
.fieldNav--home{
  gap:9px;
  padding:12px 14px;
}
.fieldNav--home a{
  min-height:38px;
}
.fieldNav--home a[href="#door"]{
  background:linear-gradient(180deg, rgba(244,249,241,.98), rgba(236,243,232,.94));
  border-color:rgba(111,128,104,.26);
  color:var(--sage-deep);
  font-weight:800;
}
.fieldNav--home a[href="#decoder"],
.fieldNav--home a[href="#finder"]{
  border-color:rgba(124,138,102,.20);
  color:#4e5d49;
}
.fieldNav--home a[href="#decoder"]{
  background:linear-gradient(180deg, rgba(255,248,240,.98), rgba(247,240,231,.94));
  border-color:rgba(154,116,90,.22);
  color:#6d5342;
}
.fieldNav--interior{
  gap:8px;
  padding:13px 14px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,253,248,.92), rgba(246,240,231,.96));
}
.fieldNav--interior a{
  min-height:38px;
  border-radius:12px 12px 16px 16px;
}
.fieldNav--interior a[href^="./"]{
  background:rgba(247,243,235,.9);
  border-style:dashed;
  color:#64594f;
}
.fieldNav--interior a[href^="#"]{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(246,243,234,.92));
  border-color:rgba(124,138,102,.18);
  color:#4e5d49;
}
.fieldNav--interior a[href^="#"]:hover{
  border-color:rgba(124,138,102,.42);
}
.fieldNav--interior a:first-child{
  background:linear-gradient(180deg, rgba(244,249,241,.98), rgba(236,243,232,.94));
  border-color:rgba(111,128,104,.22);
  color:var(--sage-deep);
}
.fieldNav--interior + .hero,
.fieldNav--interior + .specialHero,
.fieldNav--interior + .pathHubHero{
  box-shadow:0 18px 40px rgba(77,64,47,.09);
}
.fieldNav--interior + .hero + section.card,
.fieldNav--interior + .specialHero + section.card,
.fieldNav--interior + .pathHubHero + section.card{
  border-color:rgba(111,128,104,.24);
  box-shadow:0 18px 38px rgba(77,64,47,.08);
}
.fieldNav--interior + .hero + section.card .sectionStamp,
.fieldNav--interior + .specialHero + section.card .sectionStamp,
.fieldNav--interior + .pathHubHero + section.card .sectionStamp{
  background:rgba(111,128,104,.10);
  color:var(--sage-deep);
  border-color:rgba(111,128,104,.18);
}
#door,
#finder,
#decoder,
#start-here,
#printables,
#paths{
  box-shadow:0 18px 36px rgba(76,63,46,.08);
}
#door{
  background:linear-gradient(180deg, rgba(255,251,245,.98), rgba(246,240,230,.98));
}
#door .handbookDoorCard,
#paths .pathCard,
#printables .printSupportCard,
.relatedReadCard,
.lessonCard,
.plateCard,
.observationCard,
.pathCard,
.handbookDoorCard,
.printSupportCard{
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#door .handbookDoorCard:hover,
#paths .pathCard:hover,
#printables .printSupportCard:hover,
.relatedReadCard:hover,
.lessonCard:hover,
.plateCard:hover,
.observationCard:hover,
.pathCard:hover,
.handbookDoorCard:hover,
.printSupportCard:hover{
  transform:translateY(-2px);
  border-color:rgba(124,138,102,.30);
  box-shadow:0 16px 30px rgba(76,63,46,.10);
}
#finder{
  background:linear-gradient(180deg, rgba(250,247,241,.98), rgba(245,239,229,.98));
}
#finder .careFinderShell{
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
  align-items:start;
}
#finder .careFinderControlCard{
  position:sticky;
  top:calc(var(--care-browser-offset, 126px) - 14px);
  grid-column:1;
  grid-row:1 / span 3;
  box-shadow:0 16px 30px rgba(76,63,46,.08);
}
#finder .careFinderLead,
#finder .careFinderGrid{
  grid-column:2;
}
#finder .careFinderLead{
  margin:0;
}
#start-here,
#decoder,
#myths,
#progress,
#paths,
#related,
#printable,
#related,
#continue,
#deeper,
#next,
#bundles,
#pages,
#checks,
#flags,
#notes,
#tools,
#plates,
#contexts,
#truths,
#fast-lane,
#lessons{
  background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(246,240,231,.98));
}
.pathCard,
.lessonCard,
.handbookDoorCard,
.relatedReadCard,
.printSupportCard{
  box-shadow:0 10px 22px rgba(76,63,46,.05);
}
.handbookDoorTop h3,
.relatedReadTop h3,
.printSupportTop h3,
.pathHeader h3,
.lessonTop h3{
  margin-top:4px;
}
.handbookDoorText,
.relatedReadText,
.printSupportText,
.pathSummary,
.lessonSummary{
  line-height:1.58;
}
.handbookDoorActions,
.relatedReadActions,
.printSupportActions,
.pathFooter,
.lessonFooter,
.heroActions{
  margin-top:2px;
}
@media (max-width: 980px){
  .careShell{gap:20px}
  .careShell > section.card{padding:24px}
  #finder .careFinderShell{grid-template-columns:1fr}
  #finder .careFinderControlCard,
  #finder .careFinderLead,
  #finder .careFinderGrid{
    grid-column:auto;
    grid-row:auto;
  }
  #finder .careFinderControlCard{
    position:relative;
    top:auto;
  }
}
@media (max-width: 760px){
  .careShell > section.card{padding:21px}
  .careShell > section.card:not(.hero) .sectionHead{
    padding-bottom:14px;
    margin-bottom:18px;
  }
  .fieldNav--interior,
  .fieldNav--home{
    padding:11px 12px;
  }
}


/* Bunny Decoder signature feature 1222 */
.decoderLabSignature{
  display:grid;
  grid-template-columns:minmax(180px, 220px) minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:20px 22px;
  margin:4px 0 16px;
  border-radius:28px;
  border:1px solid rgba(111,128,104,.18);
  background:linear-gradient(135deg, rgba(63,71,93,.92), rgba(111,128,104,.88) 52%, rgba(240,206,156,.82));
  box-shadow:0 24px 60px rgba(43,37,31,.12);
  overflow:hidden;
  position:relative;
}
.decoderLabSignature::after{
  content:'';
  position:absolute;
  inset:auto -8% -35% 42%;
  height:190px;
  background:radial-gradient(circle, rgba(255,248,225,.42), rgba(255,248,225,0) 72%);
  pointer-events:none;
}
.decoderLabSky{
  position:relative;
  min-height:160px;
  border-radius:24px;
  background:radial-gradient(circle at 50% 50%, rgba(255,244,217,.28), rgba(17,21,33,.08) 45%, rgba(17,21,33,.42) 100%);
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
}
.decoderLabSkyGlow,
.decoderLabSkyCore,
.decoderLabStar{position:absolute}
.decoderLabSkySvg,
.decoderLabSkyNodes{position:absolute; inset:0}
.decoderLabSkySvg{width:100%; height:100%; overflow:visible}
.decoderLabSkyNodes{pointer-events:none}
.decoderLabSkyGlow{
  inset:22% 18%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,245,214,.58), rgba(255,245,214,0) 72%);
  filter:blur(6px);
}
.decoderLabSkyCore{
  inset:36% 36%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,252,241,.98), rgba(248,222,166,.94) 46%, rgba(244,184,93,.4) 68%, rgba(244,184,93,0) 100%);
  box-shadow:0 0 34px rgba(255,231,174,.46);
}
.decoderLabStar{
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,249,238,.92);
  box-shadow:0 0 12px rgba(255,247,223,.62);
}
.decoderLabStar--one{top:24px; left:24px}
.decoderLabStar--two{top:40px; right:34px}
.decoderLabStar--three{left:34px; bottom:28px}
.decoderLabStar--four{right:48px; bottom:34px}
.decoderLabStar--five{top:52%; left:18%}
.decoderLabSkySvg,
.decoderLabSkyNodes{z-index:2}
.decoderLabSkyCore{animation:decoderLanternPulse 5.8s ease-in-out infinite}
.decoderLabSkyGlow{animation:decoderLanternBloom 7.4s ease-in-out infinite}
.decoderLabStar{animation:decoderStarTwinkle 6.2s ease-in-out infinite}
.decoderLabStar--two{animation-delay:.6s}
.decoderLabStar--three{animation-delay:1.2s}
.decoderLabStar--four{animation-delay:1.8s}
.decoderLabStar--five{animation-delay:2.4s}
.decoderLabNode{
  position:absolute;
  width:12px;
  height:12px;
  margin:-6px 0 0 -6px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,247,1), rgba(255,235,190,.94) 45%, rgba(255,205,118,.28) 72%, rgba(255,205,118,0) 100%);
  box-shadow:0 0 18px rgba(255,236,189,.72);
  animation:decoderNodeWake 1.8s ease-in-out infinite;
}
.decoderLabSkyLine{
  stroke-linecap:round;
  fill:none;
  opacity:.72;
}
.decoderLabSkyLine--core{
  stroke:rgba(255,239,198,.88);
  stroke-width:1.6;
  stroke-dasharray:3.2 5.6;
  animation:decoderLineFlow 10s linear infinite;
}
.decoderLabSkyLine--chain{
  stroke:rgba(255,250,236,.56);
  stroke-width:1.2;
  stroke-dasharray:2.4 4.8;
  animation:decoderLineFlow 13s linear infinite reverse;
}
.decoderLabRitual{
  margin-top:10px;
  color:rgba(255,248,236,.86);
  font-size:13px;
  line-height:1.55;
  max-width:64ch;
}
.decoderLabSignature--support{
  background:linear-gradient(135deg, rgba(63,71,93,.92), rgba(111,128,104,.88) 52%, rgba(240,206,156,.82));
}
.decoderLabSignature--watch{
  background:linear-gradient(135deg, rgba(60,71,94,.96), rgba(139,116,79,.9) 52%, rgba(246,206,126,.85));
}
.decoderLabSignature--urgent{
  background:linear-gradient(135deg, rgba(72,52,63,.96), rgba(138,88,80,.92) 52%, rgba(243,165,128,.84));
}
.decoderLabSignature--waiting{
  background:linear-gradient(135deg, rgba(63,71,93,.92), rgba(111,128,104,.88) 52%, rgba(240,206,156,.82));
}
@keyframes decoderLanternPulse{
  0%,100%{transform:scale(.97); box-shadow:0 0 28px rgba(255,231,174,.36)}
  50%{transform:scale(1.04); box-shadow:0 0 42px rgba(255,231,174,.58)}
}
@keyframes decoderLanternBloom{
  0%,100%{opacity:.62; transform:scale(.94)}
  50%{opacity:.96; transform:scale(1.07)}
}
@keyframes decoderStarTwinkle{
  0%,100%{opacity:.54; transform:scale(.9)}
  40%{opacity:.95; transform:scale(1.08)}
  65%{opacity:.7; transform:scale(.96)}
}
@keyframes decoderNodeWake{
  0%,100%{transform:scale(.88); opacity:.76}
  50%{transform:scale(1.12); opacity:1}
}
@keyframes decoderLineFlow{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-72}
}
.decoderLabSignatureCopy{position:relative; z-index:1; color:rgba(255,248,240,.96)}
.decoderLabKicker{
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:900;
  opacity:.82;
  margin-bottom:8px;
}
.decoderLabSignatureCopy h3{
  margin:0;
  font-size:31px;
  line-height:1.04;
  color:#fffdf8;
}
.decoderLabSignatureCopy p{
  margin:10px 0 0;
  max-width:68ch;
  color:rgba(255,247,236,.88);
}
.decoderLabStatusRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.decoderLabMode,
.decoderLabConstellation,
.decoderLabReadingName{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color:#fff8ef;
  font-size:12px;
  font-weight:800;
  backdrop-filter:blur(3px);
}
.decoderLabMode--support{background:rgba(182,214,189,.2)}
.decoderLabMode--watch{background:rgba(250,208,124,.18)}
.decoderLabMode--urgent{background:rgba(255,163,138,.2)}
.decoderLabMode--waiting{background:rgba(255,255,255,.12)}

.decoderLabReadingName{
  background:rgba(48,38,30,.18);
  border-color:rgba(255,244,222,.2);
  text-transform:none;
  letter-spacing:.04em;
}
.decoderLabKeepsake{
  margin-top:10px;
  color:rgba(255,245,229,.82);
  font-size:12px;
  line-height:1.45;
  letter-spacing:.02em;
}
.decoderLabShell{
  display:grid;
  grid-template-columns:minmax(290px, 360px) minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin:0 0 18px;
}
.decoderLabControl{
  position:sticky;
  top:calc(var(--care-nav-top, 12px) + 82px);
  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(252,245,235,.9));
  box-shadow:0 14px 34px rgba(73,61,49,.08);
}
.decoderLabIntro,
.decoderLabShareNote{
  color:#4d4338;
  line-height:1.55;
  font-weight:700;
}
.decoderLabSummary{font-weight:800}
.decoderLabSelection{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.decoderLabSelectedChip,
.decoderLabEmpty{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(111,128,104,.18);
  background:rgba(255,255,255,.72);
  color:#3d342c;
  font-size:12px;
  font-weight:800;
}
.decoderLabSelectedChip{
  box-shadow:0 10px 22px rgba(111,128,104,.08);
}
.decoderLabEmpty{
  color:var(--muted);
  font-weight:700;
}
.decoderLabActionRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.decoderLabActionRow .btn,
.decoderLabActionRow a.btn{min-height:42px}
.decoderLabResult{
  display:grid;
  gap:14px;
}
.decoderLabBackupGrid:empty{display:none}
.decoderLabSubhead{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:end;
  margin:10px 0 12px;
}
.decoderLabSubhead h3{
  margin:0;
  font-size:24px;
  line-height:1.08;
}
.decoderLabSubhead p{
  margin:6px 0 0;
  color:var(--muted);
}
.decoderLabPlaceholder .careFinderChecklistRow{margin-top:2px}
#decoder{
  background:
    radial-gradient(circle at top right, rgba(255,245,221,.52), rgba(255,245,221,0) 32%),
    linear-gradient(180deg, rgba(255,252,246,.98), rgba(246,239,228,.98));
}
@media (max-width: 980px){
  .decoderLabSignature,
  .decoderLabShell{grid-template-columns:1fr}
  .decoderLabSky{min-height:132px}
  .decoderLabControl{position:relative; top:auto}
}
@media (max-width: 720px){
  .decoderLabActionRow .btn,
  .decoderLabActionRow a.btn{width:100%; justify-content:center}
  .decoderLabSubhead{flex-direction:column; align-items:flex-start}
  .decoderLabSignature{padding:18px}
  .decoderLabSignatureCopy h3{font-size:26px}
}