.specialShell{padding-top:24px}
.specialHero{align-items:stretch}
.specialSpecimen{min-height:100%}
.specialHeroFigure,.guideToolFigure,.chapterLinkFigure{
  display:flex;align-items:center;justify-content:center;min-height:230px;border:1px solid rgba(113,129,142,.18);border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(244,237,227,.75));padding:16px;
}
.specialHeroFigure img,.guideToolFigure img,.chapterLinkFigure img{width:100%;max-width:300px;height:auto;display:block}
.focusGrid,.guideToolGrid,.chapterLinkGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.focusCard,.guideToolCard,.chapterLinkCard{
  border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(247,241,231,.98));padding:18px;display:grid;gap:14px;
}
.focusTop,.guideToolTop,.chapterLinkTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.focusTitleWrap{display:grid;gap:6px}
.focusBadge{padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:rgba(87,113,79,.12);border-color:rgba(87,113,79,.25);color:var(--good)}
.focusText,.guideToolText,.chapterLinkText{color:var(--muted)}
.focusList{display:grid;gap:8px}
.focusListItem{padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.6);color:var(--muted)}
.specialLessonGrid .lessonCard{min-height:100%}
.checkCard{display:grid;gap:10px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(247,241,231,.98));}
.checkPrompt{font-family:Georgia, "Times New Roman", serif;font-size:1.1rem;color:#2a2723}
.checkAnswer{color:var(--muted)}
@media (max-width: 860px){.specialHero{grid-template-columns:1fr}}

.observationRouteCard{display:grid;gap:12px}
.routeIntro{color:var(--muted);font-size:14px}
.routeBadgeRow{display:flex;flex-wrap:wrap;gap:8px}
.routeBadge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(124,138,102,.22);background:rgba(124,138,102,.12);color:var(--sage-deep);font-size:12px;font-weight:800;letter-spacing:.02em}
.routePreviewGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.routePreviewTile{display:grid;gap:8px;padding:10px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,253,248,.98), rgba(244,237,227,.92));}
.routePreviewFigure{display:grid;place-items:center;min-height:88px;border-radius:14px;border:1px solid rgba(113,129,142,.18);background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(244,237,227,.75));padding:8px}
.routePreviewFigure img{width:100%;max-width:100px;height:auto;display:block;object-fit:contain}
.routePreviewTitle{font-size:13px;color:#453b32;font-weight:700}

.focusCard.fieldGuideCard,.guideToolCard.fieldGuideCard,.lessonCard.fieldGuideCard,.checkCard.fieldGuideCard,.observationCard.fieldGuideCard{gap:16px}
.focusCard .fieldSymbolPlate,.guideToolCard .fieldSymbolPlate,.lessonCard .fieldSymbolPlate,.checkCard .fieldSymbolPlate,.observationCard .fieldSymbolPlate{max-width:220px;padding:10px 12px;border-radius:16px}
.focusCard .fieldSymbolCanvas,.guideToolCard .fieldSymbolCanvas,.lessonCard .fieldSymbolCanvas,.checkCard .fieldSymbolCanvas,.observationCard .fieldSymbolCanvas{min-height:42px}
.focusCard .fieldSymbolCanvas svg,.guideToolCard .fieldSymbolCanvas svg,.lessonCard .fieldSymbolCanvas svg,.checkCard .fieldSymbolCanvas svg,.observationCard .fieldSymbolCanvas svg{max-width:156px}
.observationCard .fieldSymbolPlate{margin-top:2px}
.checkCard .fieldSymbolPlate{margin-top:2px}


body[data-special-kind]{
  --special-accent:#6f6555;
  --special-border:rgba(126,112,91,.18);
  --special-soft:rgba(126,112,91,.1);
  --special-wash:rgba(255,255,255,.94);
}
body[data-special-kind="starter"]{--special-accent:#6a6f58;--special-border:rgba(121,126,98,.18);--special-soft:rgba(121,126,98,.11)}
body[data-special-kind="path"]{--special-accent:#6f6555;--special-border:rgba(126,112,91,.18);--special-soft:rgba(126,112,91,.1)}
body[data-special-kind="feeding"]{--special-accent:#6c6f49;--special-border:rgba(121,124,85,.18);--special-soft:rgba(121,124,85,.11)}
body[data-special-kind="habitat"]{--special-accent:#6c6657;--special-border:rgba(118,108,90,.18);--special-soft:rgba(118,108,90,.1)}
body[data-special-kind="bonding"]{--special-accent:#7b5b56;--special-border:rgba(134,97,88,.18);--special-soft:rgba(134,97,88,.1)}
body[data-special-kind="behavior"]{--special-accent:#5f6e73;--special-border:rgba(95,110,115,.2);--special-soft:rgba(95,110,115,.11)}
body[data-special-kind="safety"]{--special-accent:#855647;--special-border:rgba(143,71,49,.2);--special-soft:rgba(143,71,49,.11)}
body[data-special-kind="health"]{--special-accent:#7a5a4b;--special-border:rgba(132,95,77,.2);--special-soft:rgba(132,95,77,.11)}

.specialShell .fieldNav,
.specialShell .specimenCard,
.specialShell .factPanel,
.specialShell .card,
.specialShell .chapterMapCard,
.specialShell .chapterIdentityCard,
.specialShell .chapterChip,
.specialShell .routePreviewTile,
.specialShell .focusListItem,
.specialShell .checkCard,
.specialShell .chapterLinkCard{
  border-color:var(--special-border);
}
.specialShell .specialHero,
.specialShell .chapterIdentityCard,
.specialShell .routePreviewTile,
.specialShell .factTile,
.specialShell .focusListItem,
.specialShell .checkCard,
.specialShell .chapterLinkCard--primary{
  background:linear-gradient(180deg, rgba(255,255,255,.96), color-mix(in srgb, var(--special-soft) 55%, rgba(244,237,227,.96)));
}
.specialShell .sectionStamp,
.specialShell .focusBadge,
.specialShell .routeBadge,
.specialShell .chapterChipStatus,
.specialShell .chapterLinkPrimaryNote{
  border:1px solid var(--special-border);
  background:var(--special-soft);
  color:var(--special-accent);
}
.specialShell .sectionHeadPlate .fieldSymbolPlate{max-width:220px}
.specialShell .chapterChip{gap:10px}
.specialShell .chapterChip .fieldSymbolPlate{max-width:200px}
.specialShell .chapterChipStatus{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.chapterIdentityCard{
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:22px;
}
.chapterIdentityTop{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.chapterIdentityCopy{display:grid;gap:6px;min-width:min(100%, 280px)}
.chapterIdentityCopy h3{margin:0;font-size:1.22rem}
.chapterIdentityText,.chapterLinkPrimaryNote{color:var(--muted)}
.chapterLinkPrimaryNote{padding:10px 12px;border-radius:14px;font-size:13px;font-weight:700}
.specialShell .pathLink:hover,
.specialShell .toolLink:hover,
.specialShell .btn:hover{border-color:var(--special-accent);color:var(--special-accent)}
@media (max-width: 720px){
  .specialShell .sectionHeadPlate{margin-left:0;max-width:none;flex-basis:100%}
  .chapterIdentityTop{flex-direction:column;align-items:flex-start}
}


.signalStrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}
.signalChip{
  display:grid;
  gap:5px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid var(--special-border);
  background:linear-gradient(180deg, rgba(255,255,255,.96), color-mix(in srgb, var(--special-soft) 55%, rgba(244,237,227,.94)));
  color:inherit;
  box-shadow:0 8px 18px rgba(72,61,48,.05);
  appearance:none;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.signalChip:hover{border-color:var(--special-accent);color:var(--special-accent);transform:translateY(-1px)}
.signalMeta{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.signalValueRow{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.signalTitle{font-weight:700;color:#342d27}
.signalCount{font:700 1.22rem/1 Georgia, "Times New Roman", serif;color:var(--special-accent)}
.signalHint{font-size:12px;line-height:1.4;color:var(--muted)}
.sectionCountBadge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border-radius:999px;
  border:1px solid var(--special-border);
  background:var(--special-soft);
  color:var(--special-accent);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.specialShell .sectionHead{align-items:flex-start;flex-wrap:wrap}
.specialShell .sectionHeadPlate{order:3}
.specialShell .sectionCountBadge{order:2;margin-left:auto}
.specialShell .specialLessonGrid .cardList,
.specialShell .focusList{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.specialShell .miniCard{padding:12px}
.specialShell .focusListItem{padding:8px 10px;font-size:14px}
.specialShell .guideToolGrid,
.specialShell .chapterLinkGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.specialShell .hostGrid--compact{grid-template-columns:repeat(auto-fit,minmax(220px,280px));justify-content:start}
#hosts.hostSection--compact .sectionHeadPlate{display:none}
@media (max-width: 920px){
  .specialHeroFigure,.guideToolFigure,.chapterLinkFigure{min-height:190px}
  .signalStrip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .specialShell .sectionHeadPlate .fieldSymbolPlate{max-width:180px}
}
@media (max-width: 640px){
  .specialShell{padding-top:16px}
  .specialShell .card{padding:14px}
  .signalStrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .signalChip{padding:9px 10px}
  .signalHint{font-size:11px}
  .specialShell .specialLessonGrid .cardList,
  .specialShell .focusList{grid-template-columns:1fr}
  .specialShell .fieldSymbolPlate{max-width:170px}
  .specialHeroFigure,.guideToolFigure,.chapterLinkFigure{min-height:170px;padding:12px}
  .routePreviewFigure{min-height:72px}
}


.starterGuideGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.starterGuideCard{display:grid;gap:12px;padding:18px;border:1px solid var(--special-border);border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.96), color-mix(in srgb, var(--special-soft) 55%, rgba(244,237,227,.95)));box-shadow:0 10px 20px rgba(72,61,48,.05)}
.starterGuideCard--hosts{grid-column:span 12}
.starterGuideCard--law,.starterGuideCard--doodle,.starterGuideCard--use,.starterGuideCard--leave{grid-column:span 6}
.starterGuideMeta{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.starterGuideCard h3{margin:0;font-size:1.18rem;color:#342d27}
.starterGuideText{color:var(--muted);line-height:1.55}
.starterGuideHosts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.starterGuideHostChip{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;border:1px solid var(--special-border);background:rgba(255,255,255,.78)}
.starterGuideHostChip .hostMonogram{width:72px;height:72px;border-radius:18px;overflow:hidden;flex:0 0 72px;background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(244,237,227,.85));border:1px solid rgba(113,129,142,.18);display:grid;place-items:center}
.starterGuideHostChip .hostIllustration{width:100%;height:100%;object-fit:contain;display:block}
.starterGuideHostCopy{display:grid;gap:3px;min-width:0}
.starterGuideHostRole{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--special-accent)}
.starterGuideHostCopy strong{font-size:1rem;color:#342d27}
.starterGuideHostCopy span{font-size:13px;line-height:1.45;color:var(--muted)}
.starterGuideList{display:grid;gap:8px}
.starterGuideListItem{padding:10px 12px;border-radius:14px;border:1px solid var(--special-border);background:rgba(255,255,255,.72);color:var(--muted);line-height:1.5}
@media (max-width: 900px){.starterGuideCard--law,.starterGuideCard--doodle,.starterGuideCard--use,.starterGuideCard--leave{grid-column:span 12}}
@media (max-width: 640px){.starterGuideGrid{grid-template-columns:1fr}.starterGuideCard,.starterGuideCard--hosts,.starterGuideCard--law,.starterGuideCard--doodle,.starterGuideCard--use,.starterGuideCard--leave{grid-column:auto}.starterGuideHostChip{align-items:flex-start}}