/* このファイルは生成物。色・書体・余白は content/theme.json、部品は kit/components.css を編集する */
:root {
  --paper: #FFFFFF;
  --surface: #FFFFFF;
  --soft: #F1F5EF;       /* 要点・目次・CTAの面 */
  --warm: #FAF7F1;       /* 読者の言葉の面 */
  --ink: #1C2024;
  --ink-2: #4F5862;
  --ink-3: #6B7480;       /* 出典の括弧書き(本文より小さく薄く) */
  --rule: #DCE5D9;
  --rule-strong: #BACDBB;
  --blue: #3E6855;       /* セージグリーンの主色: ボタン・見出しの印・ロゴ */
  --blue-tint: #EAF2E8;
  --link: #35634D;       /* 本文のリンク */
  --cta: #3E6855;       /* 相談先ボタンだけ(ほかに使わない) */
  --cta-dark: #2D503F;
  --green: #3E6855;
  --green-dark: #2D503F;
  --yellow: #F2C94C;
  --marker: #FFF3C4;
  --radius: 10px;
  --radius-s: 6px;
  --measure: 42em;
  --font: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;
  --font-display: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;
  --grid: #FFFFFF;
}

/* キット共通の部品スタイル v3(2026-09-26 全面刷新)。
   方針: 白い紙に、太さの差だけで階層をつくる。箱・罫線・アイコン・番号は「読むのを助けるときだけ」。
   色は content/theme.json のトークン(:root に生成)。記事の検査が見る class 名は変えていない。 */

/* ---------- 土台 ---------- */
:root { --site-content-width: 1320px; --site-shell-width: calc(var(--site-content-width) + 40px); }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 16px; }
body {
  margin: 0; background: var(--paper); color: var(--ink);
  font-family: var(--font); font-size: 16px; line-height: 1.85; letter-spacing: 0.04em;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
@media (min-width: 768px) { body { font-size: 17px; line-height: 1.95; } }
img, svg { max-width: 100%; height: auto; display: block; }
a { color: var(--link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--link); outline-offset: 2px; border-radius: 2px; }
h1, h2, h3, .artcard__t, .hubrow__t, .door__t, .cta__title, .feature__t, .home-sec__t { font-feature-settings: "palt" 1; letter-spacing: 0.02em; word-break: auto-phrase; }
.num, td, .tabular { font-variant-numeric: tabular-nums; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: -999px; top: 0; background: var(--ink); color: #fff; padding: 12px 16px; z-index: 10; }
.skip:focus { left: 8px; }
.ic { width: 18px; height: 18px; flex: 0 0 auto; }
.note { font-size: 14px; color: var(--ink-2); line-height: 1.8; }
.sec-title { font-size: 15px; font-weight: 700; margin: 56px 0 12px; }
/* 本文中の出典の括弧書き: 読む流れを止めないよう、小さく薄く */
.cite { font-size: 0.8em; color: var(--ink-3); letter-spacing: 0.01em; font-weight: 400; }
.cite a { color: var(--ink-3); }
strong .cite, .answer__lead .cite { font-weight: 400; }

/* ---------- ヘッダー・フッター ---------- */
.site-header { background: #fff; border-bottom: 1px solid var(--rule); }
.site-header__inner { max-width: var(--site-shell-width); margin: 0 auto; padding: 0 20px; min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.logo { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; min-height: 48px; }
.logo svg { width: 26px; height: 26px; flex: none; }
.logo span { font-weight: 700; font-size: 19px; letter-spacing: 0.06em; white-space: nowrap; line-height: 1.3; }
.logo small { display: block; font-weight: 400; font-size: 11px; letter-spacing: 0.04em; color: var(--ink-3); }
.site-nav { display: flex; gap: 2px; }
.site-nav a { color: var(--ink); text-decoration: none; font-size: 14px; font-weight: 500; padding: 10px 12px; min-height: 44px; display: inline-flex; align-items: center; border-radius: var(--radius-s); white-space: nowrap; }
.site-nav a:hover { background: var(--soft); }
@media (max-width: 720px) { .site-nav .hide-sp { display: none; } }
@media (max-width: 420px) { .site-header__inner { padding: 0 12px; gap: 6px; } .logo { gap: 7px; } .logo svg { width: 22px; height: 22px; } .logo small { display: none; } .logo span { font-size: 16px; letter-spacing: 0.04em; } .site-nav a { padding: 10px 7px; font-size: 13px; } }

.site-footer { background: var(--soft); color: var(--ink-2); font-size: 14px; padding: 48px 0 56px; margin-top: 96px; border-top: 1px solid var(--rule); }
.site-footer a { color: var(--ink); text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
.site-footer__inner { max-width: var(--site-shell-width); margin: 0 auto; padding: 0 20px; display: grid; gap: 28px; }
@media (min-width: 760px) { .site-footer__inner { grid-template-columns: 1.5fr 1fr 1fr; } }
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer li a { display: inline-block; padding: 6px 0; }
.site-footer .small { font-size: 13px; line-height: 1.8; }
.site-footer__policy { font-size: 12.5px; margin: 12px 0 0; }

/* ---------- パンくず ---------- */
.crumbs { max-width: var(--site-shell-width); margin: 0 auto; padding: 14px 20px 0; font-size: 12.5px; color: var(--ink-3); }
.crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.crumbs li + li::before { content: "›"; margin: 0 8px; }
.crumbs a { color: var(--ink-3); text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }

/* ---------- 記事の骨格 ---------- */
.wrap { max-width: var(--site-shell-width); margin: 0 auto; padding: 0 20px; }
.article-layout { max-width: var(--site-shell-width); margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.prose { min-width: 0; }
.prose p { margin: 0 0 1.4em; }
.prose ul, .prose ol { padding-left: 1.3em; margin: 0 0 1.4em; }
.prose li { margin-bottom: 0.45em; }
.prose li::marker { color: var(--ink-3); }
.prose strong { font-weight: 700; }
.prose h2 + p.short { font-size: 1.06em; }

/* 記事の頭: 分類 → 題 → 補足 → 署名行 → PR */
.article-head { padding: 28px 0 8px; }
.article-head__hubp { margin: 0 0 10px; }
.article-head__hub { display: inline-block; font-size: 13px; font-weight: 700; color: var(--blue); text-decoration: none; letter-spacing: 0.06em; }
.article-head__hub:hover { text-decoration: underline; }
.article-head h1 { font-size: 26px; line-height: 1.5; font-weight: 700; margin: 0 0 14px; }
@media (min-width: 768px) { .article-head h1 { font-size: 34px; line-height: 1.45; } }
.article-head h1 .sub { display: block; font-size: 16px; font-weight: 400; line-height: 1.8; color: var(--ink-2); margin-top: 14px; letter-spacing: 0.03em; }
@media (min-width: 768px) { .article-head h1 .sub { font-size: 17px; } }
.byline { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; font-size: 13px; color: var(--ink-2); margin: 18px 0 0; padding: 14px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.byline a { color: var(--ink); font-weight: 700; text-decoration: none; }
.byline a:hover { text-decoration: underline; }
.pr-band { margin: 12px 0 0; font-size: 12.5px; line-height: 1.7; color: var(--ink-2); }
.pr-band strong { font-weight: 700; color: var(--ink); }
.pr-band strong::before { content: "PR"; display: inline-block; font-size: 10.5px; line-height: 1; padding: 3px 5px 2px; margin-right: 6px; border: 1px solid var(--ink-2); border-radius: 3px; vertical-align: 1px; letter-spacing: 0.04em; }

/* 図(ヒーロー・本文) */
.hero { margin: 28px 0 32px; }
.hero img, .fig-img img { width: 100%; max-width: 600px; margin: 0 auto; border-radius: var(--radius-s); box-shadow: 0 0 0 1px var(--rule); }
.hero figcaption, figure.fig figcaption, .fig-img figcaption { font-size: 12.5px; color: var(--ink-3); line-height: 1.7; margin: 10px auto 0; max-width: 600px; }
figure { margin: 0; }
figure.fig { margin: 8px 0 36px; }
.fig__no { font-weight: 700; color: var(--ink-2); margin-right: 6px; }
.fig-img--flow img { max-width: 360px; }
.fig-img--answer { margin: 48px 0 0; }
.fig-img--answer img { max-width: 400px; margin: 0; }
.fig-img--answer figcaption { margin-left: 0; }

/* 結論(要点) */
.answer { background: var(--soft); border-radius: var(--radius); padding: 22px 22px 8px; margin: 0 0 20px; }
@media (min-width: 768px) { .answer { padding: 28px 32px 12px; } }
.answer__label { font-size: 13px; font-weight: 700; color: var(--blue); letter-spacing: 0.1em; margin: 0 0 8px; }
.answer__lead { font-size: 18px; font-weight: 700; line-height: 1.7; margin: 0 0 14px !important; }
@media (min-width: 768px) { .answer__lead { font-size: 20px; } }
.answer ul { margin: 0 0 14px; padding-left: 1.2em; }
.answer li { margin-bottom: 0.6em; }
.answer p:last-child { margin-bottom: 12px; }

/* 分かること・分からないこと(折りたたみ) */
.know { margin: 0 0 36px; border: 1px solid var(--rule); border-radius: var(--radius); font-size: 15px; line-height: 1.8; }
.know > summary { cursor: pointer; list-style: none; padding: 14px 18px; font-weight: 700; font-size: 14.5px; display: flex; align-items: center; justify-content: space-between; min-height: 48px; }
.know > summary::-webkit-details-marker { display: none; }
.know > summary::after { content: "+"; font-size: 20px; font-weight: 400; color: var(--ink-3); }
.know[open] > summary::after { content: "−"; }
.know__cols { display: grid; gap: 0; border-top: 1px solid var(--rule); }
@media (min-width: 720px) { .know__cols { grid-template-columns: 1fr 1fr; } }
.know__col { padding: 14px 18px 16px; }
.know__col--no { border-top: 1px solid var(--rule); background: var(--soft); border-radius: 0 0 var(--radius) var(--radius); }
@media (min-width: 720px) { .know__col--no { border-top: 0; border-left: 1px solid var(--rule); border-radius: 0 0 var(--radius) 0; } }
.know__label { font-size: 13px; font-weight: 700; margin: 0 0 6px !important; color: var(--ink-2); }
.know ul { margin: 0 !important; padding-left: 1.2em; }
.know li { margin-bottom: 4px; }

/* 見出し */
.prose h2 { font-size: 22px; line-height: 1.55; font-weight: 700; margin: 72px 0 22px; padding-top: 20px; position: relative; }
.prose h2::before { content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 4px; border-radius: 2px; background: var(--blue); }
@media (min-width: 768px) { .prose h2 { font-size: 26px; margin-top: 88px; } }
.prose h3 { font-size: 18px; line-height: 1.6; font-weight: 700; margin: 44px 0 14px; }
@media (min-width: 768px) { .prose h3 { font-size: 20px; } }
.prose h2 .no { display: none; }

/* 目次 */
.toc { border: 1px solid var(--rule); border-radius: var(--radius); padding: 0; margin: 0 0 40px; font-size: 15px; line-height: 1.6; }
.toc > summary { cursor: pointer; list-style: none; padding: 14px 18px; font-weight: 700; display: flex; align-items: center; justify-content: space-between; min-height: 48px; }
.toc > summary::-webkit-details-marker { display: none; }
.toc > summary::after { content: "+"; font-size: 20px; font-weight: 400; color: var(--ink-3); }
.toc[open] > summary::after { content: "−"; }
.toc ol { list-style: none; margin: 0; padding: 4px 18px 12px; counter-reset: t; border-top: 1px solid var(--rule); }
.toc li { counter-increment: t; display: grid; grid-template-columns: 2em 1fr; margin: 0; }
.toc li::before { content: counter(t); color: var(--ink-3); font-size: 13px; padding-top: 11px; font-variant-numeric: tabular-nums; }
.toc a { display: block; padding: 8px 0; color: var(--ink); text-decoration: none; }
.toc a:hover { color: var(--link); text-decoration: underline; }
.side { display: none; }
@media (min-width: 1180px) { .side { display: block; } }
.side-toc { position: sticky; top: 24px; max-height: calc(100vh - 48px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-top: 28px; }
.side-toc .toc { border: 0; font-size: 13.5px; margin: 0; }
.side-toc .toc > summary { padding: 0 0 10px; min-height: 0; font-size: 12px; letter-spacing: 0.12em; color: var(--ink-3); }
.side-toc .toc > summary::after { display: none; }
.side-toc .toc ol { border-top: 0; padding: 0; border-left: 2px solid var(--rule); }
.side-toc .toc li { grid-template-columns: 1fr; }
.side-toc .toc li::before { display: none; }
.side-toc .toc a { padding: 7px 0 7px 14px; margin-left: -2px; border-left: 2px solid transparent; color: var(--ink-2); line-height: 1.55; }
.side-toc .toc li.is-current a { color: var(--ink); font-weight: 700; border-left-color: var(--blue); }

/* ---------- 表 ---------- */
.table-block { margin: 8px 0 40px; }
.table-block__title { font-size: 15px; font-weight: 700; margin: 0 0 10px; line-height: 1.6; }
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table.spec { width: 100%; border-collapse: collapse; font-size: 14.5px; line-height: 1.65; letter-spacing: 0.02em; }
table.spec th, table.spec td { padding: 11px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--rule); }
table.spec thead th { background: var(--soft); font-size: 13px; font-weight: 700; color: var(--ink-2); border-bottom: 1px solid var(--rule-strong); }
table.spec thead th:first-child { border-radius: var(--radius-s) 0 0 0; }
table.spec thead th:last-child { border-radius: 0 var(--radius-s) 0 0; }
table.spec tbody th { font-weight: 700; }
table.spec td.r, table.spec th.r { text-align: right; white-space: nowrap; }
table.spec tr.em td { background: var(--blue-tint); font-weight: 700; }
table.spec td:first-child { font-weight: 500; }
.source { font-size: 12.5px; color: var(--ink-3); margin: 10px 0 0; line-height: 1.75; letter-spacing: 0.02em; }
.source a { color: var(--ink-3); }
@media (max-width: 640px) {
  table.spec { font-size: 14px; }
  table.spec.compact { font-size: 13px; }
  table.spec.compact th, table.spec.compact td { padding: 8px 5px; }
  table.spec.compact thead th { font-size: 11.5px; }
  table.spec .hide-sp { display: none; }
  /* 文章の多い表は1行=1枚 */
  table.spec.stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  table.spec.stack, table.spec.stack tbody, table.spec.stack tr, table.spec.stack td { display: block; width: 100%; }
  table.spec.stack tr { border: 1px solid var(--rule); border-radius: var(--radius); margin-bottom: 12px; overflow: hidden; }
  table.spec.stack tr.em { border-color: var(--blue); }
  table.spec.stack td { display: grid; grid-template-columns: 7em 1fr; gap: 10px; padding: 9px 14px; text-align: left !important; white-space: normal !important; }
  table.spec.stack td:last-child { border-bottom: 0; }
  table.spec.stack td::before { content: attr(data-label); font-size: 12px; font-weight: 700; color: var(--ink-3); line-height: 1.6; padding-top: 1px; }
  table.spec.stack td:first-child { background: var(--soft); font-weight: 700; grid-template-columns: 1fr; }
  table.spec.stack td:first-child::before { display: none; }
  table.spec.stack tr.em td { background: transparent; }
  table.spec.stack tr.em td:first-child { background: var(--blue-tint); }
}

/* ---------- 注意書き・読者の言葉・FAQ ---------- */
.callout { background: var(--soft); border-radius: var(--radius); padding: 18px 20px; margin: 0 0 32px; font-size: 15.5px; line-height: 1.85; }
.callout p:last-child, .callout ul:last-child { margin-bottom: 0; }
.callout > p:first-child > strong:only-child { display: block; font-size: 13px; color: var(--ink-2); letter-spacing: 0.04em; margin-bottom: 2px; }
.callout--voice { background: var(--warm); position: relative; padding: 20px 22px 20px 58px; }
.callout--voice::before { content: "“"; position: absolute; left: 18px; top: 6px; font-size: 52px; line-height: 1; color: #C9B98F; font-family: Georgia, "Times New Roman", serif; }
.callout--voice .voice-label { font-size: 13px; color: var(--ink-2); margin: 0 0 6px; }
.callout--voice .voice-label .ic { display: none; }
.callout--memo ul, .callout--check ul { margin: 6px 0 0; padding-left: 1.2em; font-size: 14.5px; }
.ic-label { display: flex; align-items: center; gap: 6px; margin: 0 0 4px; font-weight: 700; font-size: 14px; }
.ic-label .ic { color: var(--ink-3); }

.faq { margin: 0 0 40px; border-top: 1px solid var(--rule); }
.faq details { border-bottom: 1px solid var(--rule); }
.faq summary { padding: 16px 36px 16px 0; font-weight: 700; cursor: pointer; min-height: 48px; list-style: none; display: grid; grid-template-columns: 2em 1fr; position: relative; line-height: 1.7; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::before { content: "Q"; color: var(--blue); font-weight: 700; }
.faq summary::after { content: "+"; position: absolute; right: 4px; top: 12px; font-size: 22px; font-weight: 400; color: var(--ink-3); }
.faq details[open] summary::after { content: "−"; }
.faq details > div { padding: 0 0 18px 2em; font-size: 15.5px; }
.faq details > div p:last-child { margin-bottom: 0; }

/* ---------- 相談先の案内(CTA) ---------- */
.cta { background: var(--soft); border-radius: 14px; padding: 22px 18px 18px; margin: 44px 0; }
@media (min-width: 768px) { .cta { padding: 28px 28px 22px; } }
.cta__eyebrow { font-size: 12px; color: var(--ink-3); margin: 0 0 6px; letter-spacing: 0.06em; }
.cta__eyebrow::before { content: "PR"; display: inline-block; font-size: 10.5px; line-height: 1; padding: 3px 5px 2px; margin-right: 8px; border: 1px solid var(--ink-3); border-radius: 3px; vertical-align: 1px; }
.cta__title { font-size: 18px; font-weight: 700; margin: 0 0 10px; line-height: 1.6; }
@media (min-width: 768px) { .cta__title { font-size: 20px; } }
.cta__choose { display: flex; align-items: flex-start; gap: 8px; font-size: 14.5px; line-height: 1.75; margin: 0 0 16px; color: var(--ink-2); }
.cta__choose .ic { display: none; }
.cta__flow { font-size: 13.5px; color: var(--ink-2); margin: 0 0 16px; line-height: 1.7; }
.cta__flow ol { margin: 4px 0 0; padding-left: 1.3em; }
.svc-list { display: grid; gap: 12px; }
@media (min-width: 640px) { .svc-list--2 { grid-template-columns: 1fr 1fr; } .svc-list--3 { grid-template-columns: repeat(3, 1fr); } }
.svc { background: #fff; border: 1px solid var(--rule); border-radius: var(--radius); padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.cta--compact .svc__rows { font-size: 14px; color: var(--ink-2); }
.svc__name { display: flex; gap: 10px; align-items: flex-start; margin: 0; line-height: 1.5; }
.svc__ic { display: none; }
.svc__name strong { display: block; font-size: 18px; font-weight: 700; }
.svc__tag { display: block; font-size: 12.5px; color: var(--ink-3); margin-top: 2px; }
.svc__rows { margin: 0; display: grid; gap: 10px; font-size: 14px; line-height: 1.7; }
.svc__rows dt { font-weight: 700; color: var(--ink-3); font-size: 12px; }
.svc__rows dd { margin: 0; }
.svc__rows dd small { display: block; color: var(--ink-3); font-size: 12px; }
.svc__rows dd ol { margin: 0; padding-left: 1.2em; }
.btn { display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center; min-height: 56px; padding: 12px 18px; border-radius: var(--radius-s); font-weight: 700; font-size: 16px; line-height: 1.45; text-decoration: none; letter-spacing: 0.03em; }
.btn--card { margin-top: auto; background: var(--cta); color: #fff; box-shadow: 0 2px 0 var(--cta-dark); }
.btn--card::after { content: "›"; font-size: 22px; line-height: 1; font-weight: 400; margin-top: -2px; }
.btn--card:hover { background: var(--cta-dark); }
.btn--primary { background: var(--cta); color: #fff; }
.btn--secondary { background: #fff; color: var(--link); border: 1.5px solid var(--link); }
.cta__more { font-size: 13.5px; margin: 12px 0 0; }
.cta__legal { font-size: 12px; color: var(--ink-3); margin: 14px 0 0; line-height: 1.7; }
.cta--compact .svc__rows dt { display: none; }
.cta strong, .svc__name strong { background: none; }

/* 比較表(順位なし)。PC=2列のカード、スマホ=縦積み */
.cmp { margin: 24px 0 40px; }
.cmp__reason, .cmp__both { font-size: 14.5px; line-height: 1.75; margin: 0 0 12px; color: var(--ink-2); display: block; }
.cmp__reason .ic, .cmp__both .ic { display: none; }
.cmp__table { border-collapse: collapse; width: 100%; font-size: 14px; }
.cmp__table, .cmp__table tbody, .cmp__table tr, .cmp__table th, .cmp__table td { display: block; }
.cmp__table thead { display: none; }
.cmp__table tbody { display: grid; gap: 14px; }
@media (min-width: 640px) { .cmp__table tbody { grid-template-columns: 1fr 1fr; } }
.cmp__table tr { border: 1px solid var(--rule); border-radius: var(--radius); padding: 18px; background: #fff; display: flex; flex-direction: column; }
.cmp__table th, .cmp__table td { border: 0; padding: 6px 0; text-align: left; line-height: 1.7; }
.cmp__table tbody th { border-bottom: 1px solid var(--rule); padding-bottom: 12px; margin-bottom: 6px; }
.cmp__ic { display: none; }
.cmp__table tbody th strong { display: block; font-size: 18px; }
.cmp__table tbody th small { display: block; font-weight: 400; color: var(--ink-3); font-size: 11.5px; margin-top: 2px; }
.cmp__table td::before { content: attr(data-label); display: block; font-weight: 700; font-size: 12px; color: var(--ink-3); }
.cmp__table td[data-label="申し込み"] { margin-top: auto; padding-top: 12px; }
.cmp__table td[data-label="申し込み"]::before { display: none; }
.cmp__table .btn--card { font-size: 15px; min-height: 54px; width: 100%; }

/* 1社ずつの解説 */
.svcblock { border-top: 1px solid var(--rule); padding-top: 24px; margin: 40px 0 48px; }
.svcblock__h { display: flex; align-items: center; gap: 8px; font-size: 21px !important; margin: 0 0 8px !important; }
.svcblock__h .ic { display: none; }
.svcblock__pos { font-size: 15px; color: var(--ink-2); margin: 0 0 16px; }
.svcblock__info th { width: 11em; background: var(--soft); font-size: 13px; }
.svcblock__fit { display: grid; gap: 12px; margin: 18px 0; }
@media (min-width: 640px) { .svcblock__fit { grid-template-columns: 1fr 1fr; } }
.svcblock__fit > div { border: 1px solid var(--rule); border-radius: var(--radius); padding: 14px 16px; }
.svcblock__fit ul { margin: 6px 0 0; padding-left: 1.2em; font-size: 14.5px; }
.svcblock__q { font-size: 15px; }
.svcblock__cta { background: var(--soft); border-radius: var(--radius); padding: 18px; margin: 18px 0 8px; }
.svcblock__cta > p:first-child { font-weight: 700; margin: 0 0 12px; }
.svcblock__more { font-size: 14.5px; }
.cmp strong, .svcblock strong { background: none; }

/* ---------- 記事の終わり ---------- */
.next { display: block; margin: 56px 0 0; padding: 20px 22px; border: 1px solid var(--rule); border-radius: var(--radius); }
.next__label { font-size: 12.5px; font-weight: 700; color: var(--ink-3); letter-spacing: 0.08em; margin: 0 0 4px; }
.next a { font-weight: 700; font-size: 17px; text-decoration: none; color: var(--ink); }
.next a:hover { color: var(--link); text-decoration: underline; }
.related__list { list-style: none; padding: 0; margin: 0 0 8px; border-top: 1px solid var(--rule); }
.related__list li { border-bottom: 1px solid var(--rule); }
.related__list a { display: block; padding: 14px 2px; text-decoration: none; color: var(--ink); font-weight: 500; line-height: 1.65; }
.related__list a:hover { color: var(--link); text-decoration: underline; }
.related__list .code { display: none; }
.hubs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; }
.hubs a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--rule); border-radius: 999px; text-decoration: none; color: var(--ink); font-size: 14px; }
.hubs a:hover { border-color: var(--ink-3); }
.hubs .code, .hubs .state { display: none; }
.hubs a .ic { width: 16px; height: 16px; color: var(--ink-3); }
.editor { background: var(--soft); border-radius: var(--radius); padding: 22px; margin-top: 56px; font-size: 14px; line-height: 1.8; display: block; }
.editor__mark { display: none; }
.editor .editor__title { font-size: 16px !important; margin: 0 0 4px !important; padding: 0 !important; }
.editor .editor__title::before { display: none !important; }
.facts-mini { margin: 12px 0; font-size: 13px; line-height: 1.7; }
.facts-mini div { display: grid; grid-template-columns: 9.5em 1fr; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--rule); }
.facts-mini div:first-child { border-top: 1px solid var(--rule); }
.facts-mini dt { font-weight: 700; color: var(--ink-2); }
.facts-mini dd { margin: 0; }
@media (max-width: 480px) { .facts-mini div { grid-template-columns: 1fr; gap: 0; } }
.history { font-size: 13px; color: var(--ink-2); }
.history ul, .history ol { padding-left: 1.3em; margin: 4px 0 12px; }
.history .ic { display: none; }
.history a { color: var(--ink-2); }

/* ---------- 固定ページ・ハブ ---------- */
.page { max-width: var(--site-shell-width); margin: 0 auto; padding: 28px 20px 40px; }
.page h1 { font-size: 26px; line-height: 1.5; margin: 12px 0 20px; font-weight: 700; }
@media (min-width: 768px) { .page h1 { font-size: 32px; } }
.ic-h1 { display: flex; align-items: center; gap: 10px; }
.ic-h1 .ic { display: none; }
.page h2 { font-size: 20px; margin: 48px 0 12px; }
.page dl.facts { display: grid; grid-template-columns: 8em 1fr; margin: 0 0 24px; border-top: 1px solid var(--rule); }
.page dl.facts dt, .page dl.facts dd { margin: 0; padding: 12px 8px; border-bottom: 1px solid var(--rule); }
.page dl.facts dt { font-weight: 700; font-size: 14px; color: var(--ink-2); }
.page--hub { max-width: var(--site-shell-width); }
.hub-lead { font-size: 16.5px; color: var(--ink-2); max-width: 40em; }
.hub-count { font-size: 13px; color: var(--ink-3); margin: 32px 0 8px; }
.hubrows { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--rule); }
.hubrow { display: block; padding: 24px 2px; border-bottom: 1px solid var(--rule); color: var(--ink); text-decoration: none; }
.hubrow__main { display: flex; flex-direction: column; gap: 6px; }
.hubrow__kw { font-size: 12.5px; color: var(--ink-3); }
.hubrow__t { font-size: 19px; font-weight: 700; line-height: 1.55; }
.hubrow:hover .hubrow__t { color: var(--link); text-decoration: underline; text-underline-offset: 0.2em; }
.hubrow__l { font-size: 15px; line-height: 1.8; color: var(--ink-2); }
.hubrow__meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12.5px; color: var(--ink-3); }
.hubrow__fig, .hubrow__code, .hubrow__go { display: none; }

/* ---------- トップ ---------- */
.home { max-width: var(--site-shell-width); margin: 0 auto; padding: 0 20px; }
.home-hero { display: grid; gap: 28px; padding: 40px 0 36px; border-bottom: 1px solid var(--rule); }
@media (min-width: 960px) { .home-hero { grid-template-columns: minmax(0, 1fr) 380px; gap: 56px; align-items: center; padding: 64px 0 56px; } }
.home-hero__eyebrow { font-size: 13px; font-weight: 700; color: var(--blue); letter-spacing: 0.08em; margin: 0 0 14px; }
.home-hero h1 { font-size: 30px; line-height: 1.45; font-weight: 700; margin: 0 0 18px; }
@media (min-width: 768px) { .home-hero h1 { font-size: 44px; line-height: 1.35; } }
.home-hero__lead { font-size: 16px; color: var(--ink-2); margin: 0 0 26px; max-width: 34em; }
@media (min-width: 768px) { .home-hero__lead { font-size: 17.5px; } }
.home-hero__btns { display: flex; flex-wrap: wrap; gap: 10px; }
.btn-main, .btn-sub { display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 12px 22px; border-radius: var(--radius-s); font-weight: 700; font-size: 15.5px; text-decoration: none; }
.btn-main { background: #35634d; color: #fff; }
.btn-main:hover { background: #35634d; }
.btn-main:focus-visible { outline: 3px solid #35634d; outline-offset: 4px; }
.btn-sub { background: #fff; color: var(--ink); border: 1px solid var(--rule-strong); }
.btn-sub:hover { border-color: var(--ink); }
.btn-shindan { display: inline-flex; align-items: center; gap: 8px; background: var(--ink); color: #fff; padding: 12px 22px; border-radius: var(--radius-s); font-weight: 700; text-decoration: none; font-size: 15.5px; min-height: 52px; }
.btn-shindan .ic { display: none; }
.home-facts { background: var(--soft); border-radius: 16px; padding: 22px 24px; }
.home-facts__t { font-size: 12.5px; font-weight: 700; color: var(--ink-3); letter-spacing: 0.1em; margin: 0 0 6px; }
.home-facts ul { list-style: none; margin: 0; padding: 0; }
.home-facts li { padding: 14px 0; }
.home-facts li + li { border-top: 1px solid var(--rule-strong); }
.home-facts__v { display: block; font-size: 40px; font-weight: 700; line-height: 1.1; color: var(--blue); font-variant-numeric: tabular-nums; letter-spacing: 0; }
.home-facts__l { display: block; font-size: 14.5px; font-weight: 500; margin-top: 6px; line-height: 1.6; }
.home-facts__s { display: block; font-size: 12px; color: var(--ink-3); margin-top: 2px; }
.home-facts__s a { color: var(--ink-3); }
.home-pr { font-size: 12.5px; color: var(--ink-3); margin: 14px 0 0; }
.home-pr strong { color: var(--ink-2); }
.home-sec { margin: 64px 0 0; }
.home-sec__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 18px; }
.home-sec__t { font-size: 22px; font-weight: 700; margin: 0; line-height: 1.5; }
@media (min-width: 768px) { .home-sec__t { font-size: 26px; } }
.home-sec__more { font-size: 14px; font-weight: 700; white-space: nowrap; text-decoration: none; }
.home-sec__more:hover { text-decoration: underline; }
.home-sec__lead { font-size: 15px; color: var(--ink-2); margin: -8px 0 18px; }
.doors { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 640px) { .doors { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .doors { grid-template-columns: repeat(3, 1fr); } }
.door { display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 20px 20px 18px; border: 1px solid var(--rule); border-radius: var(--radius); color: var(--ink); text-decoration: none; transition: border-color .15s; }
.door:hover { border-color: var(--ink-3); }
.door__ic { display: none; }
.door__t { font-size: 17px; font-weight: 700; line-height: 1.5; }
.door__a { font-size: 14px; color: var(--ink-2); line-height: 1.7; }
.door__to { margin-top: auto; padding-top: 8px; font-size: 13.5px; font-weight: 700; color: var(--link); }
.door--shindan { background: var(--soft); border-color: var(--soft); }
.artcards { list-style: none; margin: 0; padding: 0; display: grid; gap: 0 32px; }
@media (min-width: 640px) { .artcards { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .artcards { grid-template-columns: repeat(3, 1fr); } }
.artcard { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 20px 0 22px; border-top: 1px solid var(--rule); color: var(--ink); text-decoration: none; }
.artcard__t { font-size: 17px; font-weight: 700; line-height: 1.6; }
.artcard:hover .artcard__t { color: var(--link); text-decoration: underline; text-underline-offset: 0.2em; }
.artcard__l { font-size: 14px; color: var(--ink-2); line-height: 1.75; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.artcard__meta { margin-top: auto; padding-top: 4px; font-size: 12.5px; color: var(--ink-3); display: flex; flex-wrap: wrap; gap: 2px 12px; }
.artcard__hub { font-size: 12.5px; font-weight: 700; color: var(--blue); }
.feature { display: grid; gap: 20px; border: 1px solid var(--rule); border-radius: 16px; padding: 18px; color: var(--ink); text-decoration: none; }
@media (min-width: 860px) { .feature { grid-template-columns: 420px minmax(0, 1fr); gap: 36px; padding: 24px; align-items: center; } }
.feature img { width: 100%; height: auto; border-radius: var(--radius-s); box-shadow: 0 0 0 1px var(--rule); }
.feature__tag { font-size: 12.5px; font-weight: 700; color: var(--blue); letter-spacing: 0.08em; }
.feature__t { display: block; font-size: 22px; font-weight: 700; line-height: 1.5; margin: 6px 0 10px; }
@media (min-width: 768px) { .feature__t { font-size: 26px; } }
.feature:hover .feature__t { color: var(--link); text-decoration: underline; text-underline-offset: 0.2em; }
.feature__l { display: block; font-size: 15.5px; color: var(--ink-2); line-height: 1.8; }
.feature__meta { display: block; font-size: 12.5px; color: var(--ink-3); margin-top: 12px; }
.home-end { margin: 80px 0 0; background: var(--soft); border-radius: 16px; padding: 32px 24px; text-align: center; }
.home-end__t { font-size: 20px; font-weight: 700; margin: 0 0 8px; }
.home-end p { margin: 0 0 18px; color: var(--ink-2); }
.home-policy { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 760px) { .home-policy { grid-template-columns: repeat(4, 1fr); } }
.home-policy li { border-top: 2px solid var(--ink); padding-top: 12px; font-size: 14px; color: var(--ink-2); line-height: 1.75; }
.home-policy b { display: block; color: var(--ink); font-size: 15.5px; margin-bottom: 4px; }

/* ---------- 診断 ---------- */
.q-card { background: #fff; border: 1px solid var(--rule); border-radius: var(--radius); padding: 22px; margin: 16px 0; }
.q-meta { font-size: 13px; color: var(--ink-3); display: flex; justify-content: space-between; margin: 0 0 8px; }
.q-bar { height: 6px; background: var(--soft); margin: 0 0 18px; border-radius: 3px; overflow: hidden; }
.q-bar span { display: block; height: 100%; background: var(--blue); transition: width .2s; }
.q-title { font-size: 19px; font-weight: 700; margin: 0 0 16px; line-height: 1.6; }
.q-options { display: grid; gap: 10px; }
.q-options button { font: inherit; text-align: left; min-height: 56px; padding: 12px 16px; background: #fff; border: 1px solid var(--rule-strong); border-radius: var(--radius-s); color: var(--ink); cursor: pointer; line-height: 1.55; }
.q-options button:hover, .q-options button:focus-visible { border-color: var(--blue); background: var(--blue-tint); }
.q-back { font: inherit; font-size: 14px; background: none; border: none; color: var(--link); text-decoration: underline; padding: 12px 0; min-height: 44px; cursor: pointer; }
.result-type { font-size: 13px; color: var(--blue); font-weight: 700; letter-spacing: 0.08em; margin: 0; }
.result-title { font-size: 24px; margin: 4px 0 16px; line-height: 1.5; }

/* ---------- お問い合わせフォーム ---------- */
.form { background: #fff; border: 1px solid var(--rule); border-radius: var(--radius); padding: 22px; margin: 24px 0; }
.form-row { margin: 0 0 22px; border: 0; padding: 0; min-width: 0; }
.form-row > label, .form-row legend { display: block; font-weight: 700; font-size: 15px; margin-bottom: 6px; padding: 0; }
.form .req, .form .opt { font-size: 11px; font-weight: 700; padding: 1px 6px; margin-left: 6px; vertical-align: 2px; border: 1px solid; border-radius: 3px; }
.form .req { color: #8A1C1C; border-color: #8A1C1C; }
.form .opt { color: var(--ink-3); border-color: var(--rule-strong); }
.form input[type=text], .form input[type=email], .form input[type=url], .form textarea { width: 100%; font: inherit; font-size: 16px; padding: 12px; min-height: 48px; border: 1px solid var(--rule-strong); border-radius: var(--radius-s); background: #fff; color: var(--ink); }
.form input:focus, .form textarea:focus { border-color: var(--link); outline: 2px solid var(--blue-tint); }
.choices { display: grid; gap: 8px; }
.choice { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; border: 1px solid var(--rule-strong); border-radius: var(--radius-s); cursor: pointer; font-weight: 400; font-size: 15px; line-height: 1.5; }
.choice input { width: 20px; height: 20px; flex: none; accent-color: var(--blue); }
.choice:has(input:checked) { border-color: var(--blue); background: var(--blue-tint); }
.form-hint { font-size: 13px; color: var(--ink-3); margin: 6px 0 0 !important; line-height: 1.6; }
.form-error { font-size: 13px; color: #8A1C1C; font-weight: 700; margin: 6px 0 0 !important; }
.form-error:empty { display: none; }
.form-submit { width: 100%; border: 0; cursor: pointer; font: inherit; font-weight: 700; background: var(--ink); color: #fff; }
.form-submit:disabled { opacity: .6; cursor: wait; }
.form-status { margin: 12px 0 0 !important; font-weight: 700; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* 長い URL・英数字の折り返し */
.prose a, .source a, .cmp a, .svcblock a, .history a { overflow-wrap: anywhere; word-break: break-word; }
.source .cite { font-size: 1em; color: inherit; }
.prose .related__list { padding-left: 0; }
.fig-img--answer figcaption { display: none; }
/* 塗りボタンは記事の最後の案内と比較表だけ。冒頭・途中の案内は枠線(ベンチマーク: 主1・従3の型) */
.btn--card[data-pos="top"], .btn--card[data-pos="mid"], .btn--card[data-pos="detail"] { background: #fff; color: var(--cta); border: 1.5px solid var(--cta); box-shadow: none; }
.btn--card[data-pos="top"]:hover, .btn--card[data-pos="mid"]:hover, .btn--card[data-pos="detail"]:hover { background: #FFF4EE; }
.hero { margin: 0 0 28px; }
.answer + .hero { margin-top: 4px; }
@media (max-width: 767px) { .prose h2 { font-size: 23px; } .prose h3 { font-size: 18px; } }

/* Astra: clear routes to answers, compact comparisons, readable evidence. */
body{letter-spacing:.015em;color:#203025}
.home-hero{padding-top:44px;padding-bottom:36px;gap:38px;grid-template-columns:1.45fr .8fr}
.home-hero h1{font-size:40px;line-height:1.55;letter-spacing:.015em}
.home-scene{width:100%;height:auto;align-self:center}
.home-hero__btns .btn-main{display:none}
.home-hero__btns{margin-top:16px}
.home-hero__btns .btn-sub{padding:0;border:0;font-size:14px;text-decoration:underline;min-height:32px}
.home-sec{margin-top:48px}
.doors{gap:0;border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong)}
.door{border:0;border-radius:0;box-shadow:none;background:white;padding:22px 20px;border-bottom:1px solid var(--rule);height:100%}
.door__a{display:none}.door__t{font-size:18px}.door__to{margin-top:8px}
.home-facts--after{margin:48px 0;background:#f6f7f5;border-radius:0;padding:22px}
.home-facts--after ul{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-facts--after li+li{border-top:0;padding-top:0}.home-facts__v{font-size:30px}
.artcard__t{font-size:18px}.artcard__meta{font-size:12px}.home-policy{font-size:14px}
.article-head{padding-top:18px}.article-head__hubp{display:none}.article-head h1{margin-bottom:12px}
.byline{padding:8px 0;gap:4px 14px;border-top:0;font-size:12px}.pr-band{font-size:13px;margin-top:10px}
.answer{background:#f3f6f5;border-radius:0;border-left:3px solid #35634d;padding:16px 20px 12px;margin:14px 0 0}
.answer__label{font-size:12px;margin-bottom:6px!important;color:#395944}.answer__lead{font-size:18px!important;line-height:1.8;margin-bottom:0!important}
.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 24px;border:1px solid var(--rule-strong)}
.quick-links a{padding:13px 12px;text-decoration:none;font-size:14px;font-weight:700;display:flex;justify-content:space-between;gap:8px;align-items:center;line-height:1.5}
.quick-links a+a{border-left:1px solid var(--rule-strong)}.quick-links a:hover{background:var(--blue-tint)}
.fig-img--answer{margin:20px 0 24px}.fig-img--answer img{max-width:360px;margin:auto}.fig-img--answer figcaption{display:block;font-size:13px;margin:8px auto;max-width:360px}
.figure-detail,.answer-notes,.evidence{border-bottom:1px solid var(--rule);margin:12px 0 20px;font-size:14px}
.figure-detail summary,.answer-notes summary,.evidence summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--link);font-weight:500}
.figure-detail figure{margin:20px 0}.toc{border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;margin:12px 0}.toc>summary{padding:12px 0}
.consult-link{font-size:14px;padding:14px 0;margin-bottom:20px!important;color:var(--ink-2)}
.prose h2{margin-top:52px;padding-top:16px}.prose p{margin-bottom:1.2em}
.source,.cite{font-size:14px;line-height:1.8;color:#536a5b}.source-ref{font-size:12px;white-space:nowrap}.evidence li{margin-bottom:14px;scroll-margin-top:25px}
.table-scroll{overflow-x:auto;border-bottom:1px solid var(--rule)}
.prefecture-table .table-scroll{max-height:620px;overflow:auto}
table.spec thead th{position:sticky;top:0;z-index:2;font-size:14px;background:#edf3ef}
table.spec td{font-size:15px}table.spec td:first-child{white-space:nowrap}.table-help{font-size:13px!important;color:var(--ink-2)}
.pref-picker{margin:18px 0}.pref-picker label{display:block;font-size:15px;font-weight:700;margin-bottom:6px}.pref-picker select{font:inherit;min-height:48px;width:100%;border:1px solid #8a9e91;border-radius:3px;padding:8px;background:#fff}.pref-result{font-size:14px;margin:8px 0!important}.pref-result:empty{display:none}
.prefecture-table table{table-layout:fixed}.prefecture-table th:first-child{width:20%}.prefecture-table td{white-space:nowrap}.selected-pref td{background:#fff1c8!important;font-weight:700}.selected-pref{outline:2px solid #35634d;outline-offset:-2px}
.compare-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr}.compare-choice{padding:18px;border:1px solid #cdd9d1;border-radius:4px;display:flex;flex-direction:column;background:white}
.compare-choice .compare-choice__name{margin:0 0 14px!important;font-size:20px!important}.compare-choice dl{margin:0 0 10px;font-size:14px}.compare-choice dl>div{display:grid;grid-template-columns:5.5em 1fr;padding:8px 0;border-top:1px solid var(--rule);gap:8px}.compare-choice dt{font-size:12px;color:#4f6255}.compare-choice dd{margin:0;line-height:1.7}
.compare-choice details{font-size:14px;margin-top:auto;margin-bottom:12px}.compare-choice summary{cursor:pointer;color:var(--link);padding:10px 0;min-height:44px}.compare-choice .btn{font-size:14px;min-height:48px;padding:12px 8px}.compare-choice details p{margin:10px 0}
.registration-note{margin:24px 0 42px;padding:20px;background:#f3f6f5;font-size:14px}.registration-note .registration-note__title{margin:0 0 12px!important;font-size:17px!important}.registration-note ol{padding-left:1.5em}.registration-note .source{font-size:13px}
.hubrow__kw{color:#3a5a45;font-size:13px;font-weight:500}.hubrow__l{font-size:15px}.hubrow{padding:22px 0}.hub-lead{max-width:40em}
@media(max-width:767px){
.home-hero{padding-top:26px;padding-bottom:20px;display:block}.home-hero h1{font-size:27px;line-height:1.55}.home-hero__eyebrow{margin-bottom:14px}.home-hero__lead{font-size:15px;margin:16px 0}.home-scene{display:none}.home-sec{margin-top:30px}.doors{display:block}.door{padding:14px 0}.door__t{font-size:17px}.door__to{font-size:12px;margin-top:4px}.door--shindan{background:white}.home-facts--after ul{display:block}.home-facts--after li+li{border-top:1px solid var(--rule);padding-top:16px}.home-facts--after{margin:30px 0}.feature img{display:none}.feature{display:block}.artcards{display:block}
.article-head h1{font-size:25px;line-height:1.5}.article-head{padding:18px 0 8px}.crumbs{font-size:11px;padding-top:10px}.byline{font-size:12px}.pr-band{font-size:12px;line-height:1.8}.answer{padding:14px 16px}.answer__lead{font-size:17px!important}.quick-links a{font-size:13px;padding:12px 9px;display:block}.quick-links span{display:block}.quick-links{margin-bottom:18px}.prose h2{margin-top:40px}.consult-link{font-size:13px;padding:6px 0}
table.spec.compact{font-size:14px}table.spec.compact td{font-size:14px;padding:10px 6px}table.spec.compact thead th{font-size:12px;padding:9px 5px}.prefecture-table .table-scroll{max-height:520px}.prefecture-table td{font-size:13px!important;padding:12px 3px!important}.prefecture-table th{font-size:12px!important;padding:10px 3px!important}
.compare-grid{grid-template-columns:1fr;gap:14px}.compare-choice{padding:16px}.compare-choice .compare-choice__name{font-size:19px!important}.compare-choice dl>div{grid-template-columns:5em 1fr}.source{font-size:13px}.fig-img--answer figcaption{font-size:12px}.site-footer{margin-top:56px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:767px){.prefecture-table td{font-size:14px!important}.prefecture-table th{font-size:14px!important;line-height:1.5}.prefecture-table td:not(:first-child){text-align:right}.prefecture-table th:first-child{width:21%}.prefecture-table th{word-break:normal}.pr-band a{white-space:nowrap}}

/* Generated editorial hero image, 2026-09-26 */
.home-scene{border-radius:0;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}

/* Give the editorial illustration more presence without changing the text column. */
@media(min-width:769px){.home-scene{width:118%;max-width:none;transform:translateX(-8%);}}

/* Illustrated entries: meaningful text remains the accessible link name. */
.door{display:flex;flex-direction:row;align-items:flex-start;gap:14px}.door__image{width:88px;height:88px;flex:0 0 88px;object-fit:contain;mix-blend-mode:multiply}.door__copy{display:block;min-width:0}.door__copy .door__t{display:block}.door__copy .door__to{display:block}
@media(min-width:801px){.door__copy .door__t{min-height:3em}}
@media(max-width:800px){.door{display:flex;gap:14px}.door__image{width:76px;height:76px;flex-basis:76px}.door__copy .door__t{font-size:16px;line-height:1.6}.door__copy .door__to{font-size:12px;line-height:1.6}}
/* Shared Astra design: diagnosis, results and service choices */
.diagnosis-page{max-width:900px;margin:0 auto;padding-bottom:56px}.diagnosis-intro{display:grid;grid-template-columns:1fr 140px;gap:24px;align-items:center;margin:12px 0 16px}.diagnosis-intro h1{font-size:32px;line-height:1.5;margin:8px 0 12px}.diagnosis-intro p{margin:0;font-size:16px;line-height:1.8}.diagnosis-intro img{width:140px;height:140px;object-fit:contain}.diagnosis-kicker{font-size:13px!important;font-weight:700;color:var(--blue);letter-spacing:.04em}.diagnosis-privacy{font-size:13px;color:var(--ink-2);margin:0 0 8px}.diagnosis-note{font-size:13px;color:var(--ink-2);margin-bottom:26px}.diagnosis-note summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.diagnosis-note p{font-size:14px;line-height:1.8}.q-card{padding:30px;border:1px solid var(--rule);border-radius:6px;background:#fff;margin:0}.q-card .q-title{font-size:23px;line-height:1.6;font-weight:700;margin:16px 0 24px}.q-meta{font-size:13px;color:var(--ink-2)}.q-bar{height:4px;background:#e8f1eb;border-radius:0;margin-bottom:24px}.q-bar span{background:var(--blue)}.q-options{gap:10px}.q-options button{border-radius:4px;font-size:16px;padding:16px 18px;min-height:56px;display:flex;align-items:center;gap:14px}.q-options button[data-j]::before{content:'';width:16px;height:16px;border:1px solid #9aafa1;border-radius:50%;flex-shrink:0}.q-options button:hover::before{background:var(--blue);box-shadow:inset 0 0 0 3px #fff}.q-options #go{background:var(--blue);color:white;justify-content:center;border-color:var(--blue);font-weight:700}.q-back{font-size:14px;padding:12px 0;min-height:44px;color:var(--blue);text-underline-offset:4px}.is-answering .diagnosis-intro img,.is-answering .diagnosis-intro>div>p:not(.diagnosis-kicker),.is-answering .diagnosis-note,.is-result .diagnosis-intro,.is-result .diagnosis-privacy,.is-result .diagnosis-note{display:none}.is-answering .diagnosis-intro{display:block}.is-answering .diagnosis-intro h1{font-size:20px}.diagnosis-result{border:0}.result-summary{display:flex;align-items:center;gap:22px;padding:26px 0;border-bottom:1px solid var(--rule)}.result-summary img{width:112px;height:112px;object-fit:contain;flex-shrink:0}.result-summary .result-type{font-size:13px;margin:0 0 8px;letter-spacing:0}.result-summary .result-title{font-size:27px;line-height:1.6;margin:0;border:0;padding:0}.result-lead{font-size:16px;line-height:1.95;margin:24px 0}.result-actions{margin:30px 0}.result-actions h3,.result-agents h3{margin:0 0 16px;font-size:21px}.result-actions ol{list-style:none;counter-reset:steps;padding:0;display:grid;gap:0}.result-actions li{counter-increment:steps;display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule);font-size:16px;line-height:1.8}.result-actions li::before{content:counter(steps,decimal-leading-zero);font-size:13px;font-weight:700;color:var(--blue);padding-top:3px}.result-question{background:#f0f6f2;border-left:3px solid var(--blue);padding:22px 24px;margin:30px 0}.result-question p{margin:0 0 8px;font-size:16px;line-height:1.9}.result-question strong{background:none}.result-agents.cta{background:none;padding:30px 0 0;border:0;border-top:1px solid var(--rule);border-radius:0;margin:40px 0 20px}.registration-detail{margin:20px 0;font-size:14px;line-height:1.8;color:var(--ink-2)}.registration-detail summary{cursor:pointer;color:var(--blue)}.svc-list{gap:20px}.svc-list>.compare-choice{min-width:0}.compare-choice{padding:22px;border-radius:5px;box-shadow:none}.compare-choice .compare-choice__name{font-size:21px!important;line-height:1.5!important;margin:0 0 16px!important;padding:0!important}.compare-choice dl{font-size:14px;line-height:1.75}.compare-choice details{font-size:14px;line-height:1.8}.compare-choice details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px}.compare-choice details summary::before{content:'＋';font-weight:700}.compare-choice details[open] summary::before{content:'−'}.compare-choice .btn{font-size:14px;padding:13px 12px;line-height:1.6;min-height:48px}.compare-choice details p{font-size:14px;line-height:1.8;margin:12px 0}.cta--cards{border-radius:5px}.cta__flow{margin-top:12px}.btn{word-break:normal;overflow-wrap:anywhere}.svcblock__cta .btn{font-size:15px}.svcblock__info{width:100%;table-layout:fixed}.svcblock__info th{width:30%;overflow-wrap:anywhere}.svcblock__info td{overflow-wrap:anywhere}
@media(max-width:767px){.diagnosis-page{padding-bottom:32px}.diagnosis-intro{grid-template-columns:1fr 76px;gap:8px}.diagnosis-intro img{width:76px;height:90px}.diagnosis-intro h1{font-size:24px}.diagnosis-intro p{font-size:15px}.q-card{padding:20px 16px}.q-card .q-title{font-size:20px;margin:12px 0 20px}.q-options button{font-size:15px;padding:14px 12px}.result-summary{gap:14px;align-items:flex-start;padding:16px 0}.result-summary img{width:72px;height:80px}.result-summary .result-title{font-size:21px}.result-summary .result-type{font-size:12px}.result-lead,.result-actions li{font-size:15px}.result-question{padding:18px 16px}.result-question p{font-size:15px}.svc-list--2,.svc-list--3{grid-template-columns:1fr}.compare-choice{padding:20px}.compare-choice .btn{font-size:14px}.result-agents .cta__choose{font-size:14px}.cta{padding:18px 14px}.svcblock__info th{font-size:12px}.svcblock__info td{font-size:14px}.diagnosis-page .next{margin-top:28px}}

.svc-list,.compare-grid{align-items:start}.compare-choice summary{list-style:none}.compare-choice summary::-webkit-details-marker{display:none}
.is-answering .next{display:none}

/* Classification headings sit outside the article reading column. */
.home-category{margin-top:64px}
.home-category .home-sec__head{align-items:center;margin-bottom:14px}
.home-category .home-sec__t{color:#35634d;position:relative;padding-bottom:14px;font-size:28px}
.home-category .home-sec__t::after{content:'';position:absolute;bottom:0;left:0;width:44px;height:3px;background:#35634d}
.home-category .home-sec__lead{margin:0 0 24px;font-size:14px;line-height:1.8}
.home-category .artcards{margin-left:36px;padding-left:22px;border-left:1px solid #dae7de;gap:0 26px}
.home-category .artcard{padding-top:18px;padding-bottom:22px}
.home-category .artcard__t{font-size:17px;color:var(--ink)}
.home-category .home-sec__more{white-space:nowrap;font-size:13px}
@media(max-width:767px){
 .home-category{margin-top:44px}
 .home-category .home-sec__t{font-size:24px;padding-bottom:12px}
 .home-category .home-sec__head{gap:8px;flex-wrap:wrap}
 .home-category .home-sec__lead{font-size:13px;margin-bottom:18px}
 .home-category .artcards{margin-left:14px;padding-left:16px}
 .home-category .artcard__t{font-size:17px;line-height:1.7}
 .home-category .artcard__l{font-size:14px}
 .home-category .home-sec__more{font-size:12px}
}

/* Trial article covers: titles remain selectable, accessible HTML. */
.article-cover{position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;background:#f5f2ec;border:1px solid #e2e8e4;border-radius:4px;margin-bottom:6px}
.article-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.article-cover__title{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:rgba(255,255,255,.95);border-top:2px solid #35634d;font-size:17px;font-weight:700;line-height:1.55;color:#35634d}
.artcard:hover .article-cover img{transform:scale(1.025)}
.artcard:hover .article-cover__title{text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){.article-cover__title{font-size:17px;padding:10px 12px}.home-category .article-cover{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.article-cover img{transition:none}.artcard:hover .article-cover img{transform:none}}

/* Global category navigation */
.site-nav{align-items:center}.nav-categories{display:flex;align-items:center;gap:0}.site-nav .nav-categories a{font-size:13px;padding:12px 9px}.site-nav a[aria-current]{color:#35634d;background:#eff5f1;font-weight:700}.site-nav .nav-diagnosis{color:#35634d;border-left:1px solid var(--rule);border-radius:0;margin-left:6px;font-size:13px}.nav-browse{display:none;position:relative}.nav-browse summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;padding:12px 8px;min-height:44px;display:flex;align-items:center;gap:8px;color:var(--ink)}.nav-browse summary::-webkit-details-marker{display:none}.nav-browse summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.nav-browse[open] summary{color:var(--blue)}.nav-browse[open] summary>span{transform:rotate(180deg)}.nav-browse__panel{position:absolute;right:0;top:calc(100% + 8px);width:260px;padding:12px 16px;background:white;border:1px solid var(--rule);border-radius:5px;box-shadow:0 10px 28px #18334218;z-index:30}.nav-browse__panel>p{margin:4px 8px 10px;font-size:12px;color:var(--ink-2)}.site-nav .nav-browse__panel a{display:flex;justify-content:space-between;padding:12px 8px;font-size:15px;border-top:1px solid #edf2ef;border-radius:0;min-height:48px}
@media(max-width:1050px){.nav-categories{display:none}.nav-browse{display:block}}
@media(max-width:420px){.nav-browse summary{font-size:13px;padding:10px 5px;gap:4px}.site-nav .nav-diagnosis{font-size:12px;padding:10px 5px;margin-left:0}.site-header__inner{gap:4px}.nav-browse__panel{right:-58px;width:min(280px,calc(100vw - 32px))}}
/* Equal image and title tracks for article covers. */
.article-cover{display:grid;grid-template-rows:auto 88px;aspect-ratio:auto}
.article-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;min-height:0}
.article-cover__title{position:static;display:flex;align-items:center;height:88px;box-sizing:border-box;background:#fff;padding:12px 14px;line-height:1.55}
@media(max-width:767px){.article-cover{grid-template-rows:auto 88px}.article-cover__title{height:88px;padding:10px 12px}}
/* Horizontal article browsing; native scrolling also works without JavaScript. */
.article-slider{margin-left:36px;padding-left:22px;border-left:1px solid #dae7de;min-width:0}
.article-slider__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 12px}
.article-slider__hint{font-size:12px;color:var(--ink-2);margin-right:auto}
.article-slider__controls button{width:44px;height:44px;border:1px solid #b8d2c1;border-radius:50%;background:white;color:#35634d;font-size:22px;cursor:pointer}
.article-slider__controls button:hover:not(:disabled){background:#eff5f1}
.article-slider__controls button:disabled{opacity:.3;cursor:default}
.home-category .article-slider .artcards{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 52px)/3);gap:26px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0;margin:0;padding:0 0 14px;border:0;scrollbar-width:thin;scrollbar-color:#aac8b4 #f1f6f3}
.article-slider .artcards>li{scroll-snap-align:start;min-width:0}
.article-slider .artcard{height:100%;box-sizing:border-box}
.article-slider .artcards:focus-visible,.article-slider__controls button:focus-visible{outline:2px solid #35634d;outline-offset:3px}
@media(min-width:768px) and (max-width:999px){.home-category .article-slider .artcards{grid-auto-columns:calc((100% - 26px)/2)}}
@media(max-width:767px){.article-slider{margin-left:14px;padding-left:16px}.home-category .article-slider .artcards{grid-auto-columns:88%;gap:16px}.article-slider__controls{gap:6px}.article-slider__hint{font-size:11px}.article-slider__controls button{width:40px;height:40px}.article-slider .article-cover__title{font-size:16px}}
.article-cover__title{align-items:flex-start}
/* Shared editorial images: list previews and compact article opening. */
.hubrows .hubrow{display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;align-items:start;padding:26px 0}
.hubrow__image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #e2e8e4;border-radius:4px}
.hubrow__main:only-child{grid-column:1/-1}
.service-logo{display:flex;align-items:center;justify-content:flex-start;width:220px;height:64px;max-width:100%;flex-shrink:0;margin:0 0 18px;padding:8px 12px;box-sizing:border-box;border-radius:4px;background:#fff}
.service-logo img{display:block;width:100%;height:48px;object-fit:contain;object-position:left center}
.service-logo--dark img{object-position:center}
.service-logo--dark{background:#35634d;justify-content:center;width:176px}
.service-name-link{font-weight:700;text-decoration:underline;text-underline-offset:3px}.service-name-link span{font-size:.8em}
.table-service-logo{display:flex;align-items:center;width:150px;max-width:100%;height:46px;margin-bottom:10px;padding:6px;box-sizing:border-box;border-radius:3px}.table-service-logo img{max-width:100%;max-height:34px;object-fit:contain}.table-service-logo--dark{background:#35634d}
.prose .article-illustration{margin:16px 0 20px;max-width:none}
.prose .article-illustration img{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:320px;object-fit:cover;object-position:center;border-radius:4px}
@media(min-width:768px){.prose .article-head:has(.service-logo)+.article-illustration img{max-height:240px}}
.article-slider .article-cover{grid-template-rows:auto var(--cover-title-height,auto)}
.article-slider .article-cover__title{height:var(--cover-title-height,auto);min-height:88px}
@media(max-width:767px){.hubrows .hubrow{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:22px 0}.hubrow__image{aspect-ratio:4/3}.hubrow__t{font-size:16px;line-height:1.65}.hubrow__kw{font-size:11px}.hubrow__l{font-size:13px;line-height:1.75}.hubrow__meta{font-size:11px}.prose .article-illustration{margin:12px 0 16px}.prose .article-illustration img{aspect-ratio:16/9;max-height:200px}}

.agent-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #ccdfd3;margin:24px 0 40px}
.agent-index>a{display:flex;flex-direction:column;gap:5px;padding:18px 16px;border-bottom:1px solid #ccdfd3;text-decoration:none;color:#35634d;min-width:0}
.agent-index>a:hover{background:#f2f6f3}.agent-index strong{font-size:17px;line-height:1.55}.agent-index span{font-size:12px;color:#52745e}.agent-index small{font-size:14px;line-height:1.7;color:#385843}
.prose .agent-profile{padding:30px;margin:32px 0 44px;border:1px solid #c9ddd0;border-top:4px solid #35634d;border-radius:4px;scroll-margin-top:100px}
.agent-profile__brand{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.agent-type{font-size:12px;line-height:1.6;background:#eff4f1;color:#3e614a;padding:5px 9px}
.agent-profile__brand .service-logo{margin-bottom:0}
.article-picks{margin:20px 0 30px;padding:20px 22px;border:1px solid #ccdfd3;border-top:3px solid #35634d;background:#f6faf8;border-radius:4px}
.prose .article-picks__title{font-size:19px;font-weight:700;margin:0 0 8px;color:#35634d}.prose .article-picks__note{font-size:12px;line-height:1.7;margin:0 0 14px;color:#526e5c}
.article-pick{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px 0;border-top:1px solid #dce8e0}.article-pick .service-logo{width:150px;height:48px;margin:0;padding:6px 8px}.article-pick .service-logo img{height:36px}.article-pick strong{font-size:15px;line-height:1.6}.prose .article-pick p{font-size:13px;line-height:1.7;margin:4px 0 0}.article-pick__link{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;font-weight:700;white-space:nowrap;text-underline-offset:4px}.prose .article-picks__foot{font-size:13px;margin:12px 0 0;line-height:1.8}
@media(max-width:767px){.article-picks{padding:16px}.article-pick{grid-template-columns:110px minmax(0,1fr);gap:8px 12px}.article-pick .service-logo{width:110px;height:44px;padding:5px}.article-pick .service-logo img{height:34px}.article-pick__link{grid-column:2;justify-content:flex-start}.prose .article-picks__title{font-size:17px}.article-pick strong{font-size:14px}}
/* Cards in the same row share logo, title, fact, disclosure and CTA tracks. */
@media(min-width:768px){
 .svc-list,.compare-grid{align-items:stretch;row-gap:0;column-gap:20px}
 .svc-list>.compare-choice,.compare-grid>.compare-choice{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;margin-bottom:20px;align-self:stretch}
 .compare-choice>dl{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}
 .compare-choice>dl>div{align-content:start}
 .compare-choice>details{margin-top:0;align-self:start}
 .compare-choice>.btn,.compare-choice>.cta-link>.btn{align-self:stretch;display:flex;align-items:center;justify-content:center}
}
.prose .agent-profile h3{margin:20px 0 12px;padding:0;border:0;font-size:25px}.prose .agent-profile__fit{font-weight:700;color:#35634d;margin:0 0 18px}
.agent-profile dl{margin:24px 0}.agent-profile dl>div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:14px 0;border-top:1px solid #dfeae3}.agent-profile dt{font-size:14px;font-weight:700;color:#53765f}.agent-profile dd{margin:0;font-size:16px;line-height:1.8}
.prose .agent-profile__cta{display:flex;justify-content:center;gap:12px;background:#b9470d;color:white;font-size:17px;font-weight:700;padding:17px 20px;text-decoration:none;border-radius:5px;max-width:520px;margin:26px auto 18px;text-align:center;line-height:1.6}.agent-profile__cta:hover{background:#963809}.prose .agent-profile .source{font-size:12px;line-height:1.8;margin-bottom:0}
@media(max-width:600px){.agent-index{grid-template-columns:1fr}.agent-index>a{padding:16px 8px}.prose .agent-profile{padding:20px 17px;margin:28px 0}.agent-profile__brand{gap:12px}.prose .agent-profile h3{font-size:22px}.agent-profile dl>div{grid-template-columns:1fr;gap:5px}.agent-profile dd{font-size:15px}.prose .agent-profile__cta{font-size:16px;padding:15px 12px}}

/* 見出しではない部品の題(2026-09-27: 見出しの規則により h2/h3 から p に。見た目は同じ) */
.compare-choice__name, .registration-note__title, .editor__title { font-weight: 700; line-height: 1.5; }
/* 記事の冒頭の画像の説明文(見出しと画像の規則 D-013 で追加) */
.prose .article-illustration__caption{font-size:12.5px;color:var(--ink-3);line-height:1.7;margin:8px 0 0}

/* クリックの記録の包む要素(kit/layout.mjs の wrapCtaLinks)。見た目は変えない */
.cta-link{display:contents}

/* 2026-09-29 オーナーの指示(PM 経由、4サイト共通): 押すところは塗りのボタンにする(背景はサイトの主の行動色 --cta #C2410C、文字は白。コントラスト比 5.18:1(実測))。
   冒頭の相談先の欄の「公式サイトへ」と、ヘッダーの比較への入口(相談先を比べる)。比較の記事の各社の欄のボタン(.agent-profile__cta・.btn--card)は以前から塗り */
.prose .article-picks .article-pick__link,.article-picks .article-pick__link{background:var(--cta);color:#fff;padding:0 16px;border-radius:6px;text-decoration:none;box-shadow:0 2px 0 var(--cta-dark)}
.prose .article-picks .article-pick__link:hover,.article-picks .article-pick__link:hover{background:var(--cta-dark);color:#fff}
.article-picks .article-pick__link:focus-visible{outline:2px solid #35634d;outline-offset:2px}
@media(max-width:767px){.article-picks .article-pick__link{justify-self:start;width:max-content;min-height:44px}}
.site-nav a.nav-compare{background:var(--cta);color:#fff;font-weight:700;margin-left:6px;padding:8px 12px;min-height:40px}
.site-nav a.nav-compare:hover,.site-nav a.nav-compare[aria-current="true"]{background:var(--cta-dark);color:#fff}
.nav-browse__panel a.nav-compare{background:var(--cta);color:#fff;font-weight:700;border-top:0;border-radius:6px;margin-top:6px}
.nav-browse__panel a.nav-compare:hover{background:var(--cta-dark);color:#fff}
/* 2026-09-29 オーナーの指示(PM 経由): トップのテーマごとの記事は、横にめくらず、すべて一度に見せる(PC 3列、タブレット 2列、スマホ 1列) */
.home-category .article-grid{margin-left:36px;padding-left:22px;border-left:1px solid #dae7de;min-width:0}
.home-category .article-grid .artcards{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;overflow:visible;margin:0;padding:0;border:0}
.home-category .article-grid .artcard{height:100%;box-sizing:border-box}
@media(min-width:768px) and (max-width:999px){.home-category .article-grid .artcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.home-category .article-grid{margin-left:14px;padding-left:16px}.home-category .article-grid .artcards{grid-template-columns:minmax(0,1fr);gap:16px}}

/* 決定 D-044(2026-09-29): 答えの数字を大きく、太く。答えのすぐ下の「この記事で分かること」 */
.answer__lead strong{font-size:1.4em;color:var(--blue);font-weight:800;line-height:1.3}
.quick-links__title{grid-column:1/-1;margin:0;padding:8px 12px;font-size:12px;font-weight:700;color:var(--ink-2);background:var(--soft);border-bottom:1px solid var(--rule-strong)}
/* 決定 D-045(2026-09-29): 答えから相談先の欄へのつなぎ。1行の文と、行動色の下向きの三角 */
.answer-bridge{display:flex;flex-direction:column;align-items:center;gap:4px;margin:-8px 0 0;text-align:center}
.answer-bridge__text{margin:0;font-size:14px;font-weight:700;color:var(--ink);line-height:1.6}
.answer-bridge__arrow{display:block;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:14px solid var(--cta)}
.answer-bridge + .article-picks{margin-top:4px}
@media(max-width:767px){.answer-bridge__text{font-size:13px}.answer-bridge__arrow{border-left-width:14px;border-right-width:14px;border-top-width:12px}}

/* 診断結果: 3社の比較でも本文幅とボタン位置を保つ */
.result-agents .svc-list--3{grid-template-columns:1fr}.result-agent-reason{font-size:15px;line-height:1.8;color:var(--ink);margin:0 0 16px}.result-agents .compare-choice{display:flex;flex-direction:column}.result-agents .compare-choice>.btn,.result-agents .compare-choice>.cta-link{margin-top:auto}.result-compare{font-weight:700;text-decoration:underline}
@media(min-width:1100px){.result-agents .svc-list--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.result-disclosure{font-size:13px;color:var(--ink-2)} @media(min-width:1100px){.result-agents .result-agent-reason{min-height:54px}.result-agents .compare-choice dl>div{min-height:100px}.result-agents .compare-choice .btn{min-height:60px}}

/* Site-specific reader, filters and font controls; adult design is kit/components.css. */
@font-face{font-family:'Noto Sans JP';src:url('/src/assets/NotoSansJP.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--line:var(--rule);--line-strong:var(--rule-strong);--accent:var(--blue);--muted:var(--ink-2)}
button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45}
.home-hero{overflow:clip}
.article-cover img[src$="control.webp"],.hubrow__image[src$="control.webp"],.article-illustration img[src$="control.webp"]{object-position:50% 0}
.article-illustration img{object-position:50% 0}
/* Site-specific extension of Astra's rounded 24px / 1.8px icon family. */
.visual-icon{display:inline-block;width:24px;height:24px;color:var(--blue);flex:0 0 auto;vertical-align:middle}
.visual-icon.ability-icon{width:32px;height:32px}
.article-cover__title,.feature__t,.artcard__t:has(.visual-icon){gap:10px}
.feature__t,.artcard__t:has(.visual-icon){display:flex;align-items:center}
.article-cover__title>span{min-width:0}
.hubrow__kw,.article-head__hubp,.home-sec__t:has(.visual-icon),.door__t:has(.visual-icon){display:flex;align-items:center;gap:10px}
.hubrow__kw .ability-icon{width:28px;height:28px}
.toc a .route-icon{width:18px;height:18px;margin-right:7px;vertical-align:-4px}
.image-unavailable{display:none!important}
.image-note{background:var(--soft);padding:12px;margin:0;color:var(--ink-2);font-size:14px;line-height:1.8}.reading .image-note{font-size:18px}
@media(max-width:767px){.article-cover__title .ability-icon{width:28px;height:28px}.home-sec__t .route-icon{width:22px;height:22px}.door__t .route-icon{width:20px;height:20px}}
.small,.eyebrow{font-size:13px;color:var(--ink-2)}.eyebrow{font-weight:700;color:var(--blue)}
.text-link{display:inline-flex;min-height:44px;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;font-weight:700}
.button{display:inline-flex;min-height:48px;align-items:center;background:var(--blue);color:white;padding:12px 22px;border:0;border-radius:4px;text-decoration:none;font-weight:700}
.facts{display:grid;grid-template-columns:8em minmax(0,1fr);border-top:1px solid var(--rule);margin:24px 0}.facts dt,.facts dd{margin:0;padding:12px 8px;border-bottom:1px solid var(--rule);min-width:0}.facts dt{font-weight:700}.facts dd{overflow-wrap:anywhere}
.quotes blockquote{margin:12px 0;padding:14px 18px;border-left:3px solid #c0d6c7;background:#f6f9f7}
.book-card{padding:26px 0;border-bottom:1px solid var(--rule);display:flex;gap:24px}.book-card>div{min-width:0}.book-spine{writing-mode:vertical-rl;align-self:start;padding:25px 15px;background:var(--blue-tint);color:var(--blue)}
.recommend{padding:24px;background:var(--soft);margin:24px 0}.book-start{display:grid;grid-template-columns:1fr 1fr;gap:28px}.book-start img{width:100%;border-radius:4px}.book-start .small{margin-top:16px}
.view-table{overflow:auto;max-width:100%}.view-table table{width:100%;border-collapse:collapse;font-size:15px}.view-table th,.view-table td{padding:14px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}.view-table thead{background:var(--soft)}
.finder{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:20px;background:var(--soft);padding:22px;margin:20px 0 16px}.finder label{display:block;font-size:.875rem;font-weight:700;min-width:0}.finder select{display:block;width:100%;min-height:48px;background:white;border:1px solid var(--line-strong);padding:8px 12px;font:inherit;font-weight:400;color:var(--ink);margin-top:8px;border-radius:3px}.age-note{background:var(--soft);padding:16px 20px;margin:20px 0;font-size:1rem}.age-note h2,.age-note h3{font-size:1.125rem;padding:0;margin:0 0 12px}.age-note h3::before{display:none}.age-note p:last-child{margin-bottom:0}.practice-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;border-top:1px solid var(--line-strong)}.practice-results>a{padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.practice-results h3{font-size:1.125rem;margin-bottom:8px}.practice-results p{font-size:.9375rem;line-height:1.8;color:var(--muted)}.finder-book{padding:22px 0;border-bottom:1px solid var(--line)}.finder-book h3{font-size:1.25rem}.finder-book p{font-size:1rem}.related-abilities{display:flex;flex-direction:column;gap:8px;margin:20px 0}.related-abilities a{display:block;min-height:44px;padding:8px 0;font-size:1rem}
@media(max-width:767px){.age-links{gap:0;display:block}.age-links a{padding:14px 0;border-bottom:1px solid var(--line);min-height:60px}.age-links a:last-child{border-bottom:0}.blog-grid,.practice-results{grid-template-columns:minmax(0,1fr)}.blog-card{padding:20px 0}.finder{grid-template-columns:minmax(0,1fr);padding:18px;gap:14px}.finder select{font-size:1rem}.age-note{padding:16px}.blog-card h3{font-size:1.0625rem}.blog-card p{font-size:.9375rem}}

.article-jumps{scroll-margin-top:16px}.article-layout>.prose>div>section:first-of-type{margin-top:12px;padding-top:0}

.reading header,.reading footer{display:none}.reading main{max-width:var(--site-shell-width);padding:0 20px}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.reader-close,.reader-end{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 18px;border:1px solid var(--line-strong);border-radius:4px;font-size:.9375rem;text-decoration:none;color:var(--ink)}.reader-toolbar fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.reader-toolbar legend{font-size:.8125rem;margin-bottom:4px}.reader-toolbar button{border:1px solid var(--line-strong);border-radius:4px;min-height:44px;padding:6px 12px;background:white;font-size:.875rem}.reader-toolbar button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.reader-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;margin:28px 0}.illustration{padding:0;border:0;background:transparent;width:100%}.illustration svg{width:100%}.illustration span{display:block;padding:8px;min-height:44px;font-size:.8125rem;color:var(--link)}.story-text{font-size:1.5rem;line-height:1.9;letter-spacing:.03em}.story-text h1{font-size:1.125em;line-height:1.6;margin-bottom:20px}.story-text p{margin-bottom:.65em;overflow-wrap:anywhere}.story-text .page-label{font-size:.875rem;color:var(--muted);margin-bottom:16px}.reader-page.large,.reader-page.largest{grid-template-columns:1fr;max-width:800px;margin:28px auto}.reader-page.large .story-text{font-size:1.875rem}.reader-page.largest .story-text{font-size:2.25rem}.reader-page.large .illustration,.reader-page.largest .illustration{max-width:540px;margin:auto}.reader-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:16px 0 24px}.reader-navigation button{min-height:48px;padding:10px 22px;border:0;border-radius:4px;background:var(--accent);color:white;font-size:1rem;font-weight:700}.reader-navigation p{margin:0;font-size:.875rem}.reader-end{display:table;margin:0 auto 24px}dialog{border:0;border-radius:6px;background:white;padding:18px;max-width:95vw;max-height:95vh;width:900px}dialog::backdrop{background:#202a30cc}dialog button{display:block;margin-left:auto;min-height:44px;border:1px solid var(--line-strong);background:white;padding:6px 18px}dialog svg{width:100%;max-height:75vh}
.reading main{margin:auto}.reading .page{max-width:none;padding:0}.reading .prose{max-width:none}.reading .prose h1{font-size:1em;line-height:1.7}.reading .story-text p{margin-bottom:.7em}.reading .illustration img{width:100%}.reading dialog img{width:100%;height:auto;max-height:75vh;object-fit:contain}
.reader-page.large,.reader-page.largest{grid-template-columns:minmax(0,1fr)}.story-text{min-width:0}.story-text h1{word-break:normal;overflow-wrap:anywhere}.illustration{min-width:0}
@media(max-width:850px){.reader-page{grid-template-columns:1fr;max-width:680px;margin:24px auto}.reader-page .illustration{max-width:540px;margin:auto}}
@media(max-width:767px){.book-start{grid-template-columns:1fr}.book-start>div:first-child{max-width:340px;margin:auto}.facts{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:0}.facts dd{padding-top:5px}.story-text{font-size:1.375rem}.reader-page.large .story-text{font-size:1.75rem}.reader-page.largest .story-text{font-size:2rem}.reader-page{margin:20px 0}.reader-toolbar{flex-wrap:wrap;gap:12px}.reader-toolbar fieldset{width:100%}.reader-navigation button{padding:10px 16px}.reader-page .illustration{max-width:460px}.view-table table{font-size:14px}.view-table th,.view-table td{padding:10px 6px}}
@media(max-width:420px){.reader-toolbar button{padding:6px 9px}.reader-navigation button{padding:10px 14px}}
@media(max-width:600px){.site-header__inner{flex-wrap:wrap}.site-nav{max-width:100%;flex-wrap:wrap}.logo{max-width:100%}.logo span{white-space:normal}.nav-browse__panel{max-width:calc(100vw - 24px)}.reader-page .illustration{max-width:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Toy recommendations reuse article facts, typography, and Astra buttons. */
.toy-block{margin:32px 0;padding-top:20px;border-top:1px solid var(--border,#deded8)}
.toy-card{margin:16px 0;padding:16px;background:#fafaf7;border:1px solid #deded8;border-radius:8px;overflow-wrap:anywhere}
.toy-card h4{font-size:20px;margin:0 0 8px;line-height:1.6}
.toy-card>img{display:block;max-width:160px;max-height:120px;width:auto;height:auto;object-fit:contain;margin:0 0 12px}
.toy-pr{font-size:14px;font-weight:700;color:#5e4a26;margin:0 0 12px}
.toy-shops{display:flex;flex-wrap:wrap;gap:12px}
.toy-shops .btn{min-height:44px;white-space:normal}
.toy-card .toy-use{margin:8px 0 12px}
.toy-summary{font-size:14px;line-height:1.7}
.toy-card .toy-summary p{margin:8px 0}
.toy-details{font-size:14px;margin:12px 0}
.toy-details summary{cursor:pointer;min-height:44px;display:list-item;align-content:center}
.toy-card .toy-details p{margin:8px 0}
.toy-card .toy-official{margin:8px 0 12px;font-size:14px}
.toy-card .toy-disclosure{margin:8px 0 12px;font-size:12px}
.toy-shops .shop-icon{width:20px;height:20px}
.toy-shops .btn>span{min-width:0}
@media(max-width:767px){.toy-card{padding:14px}.toy-shops,.toy-shops>span,.toy-shops .btn{width:100%}}
/* Taxonomy keeps Astra's white surfaces, navy rules and existing hub rows. */
.taxonomy-index{max-width:1000px}.taxonomy-intro{color:var(--ink-2);font-size:1rem;line-height:1.9}
.taxonomy-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:24px 0 36px;border-top:1px solid var(--rule)}
.taxonomy-jumps a{min-height:48px;padding:14px 0;border-bottom:1px solid var(--rule);font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.taxonomy-group{margin:40px 0;scroll-margin-top:24px}.taxonomy-group h2{font-size:1.5rem;line-height:1.6;display:flex;align-items:baseline;gap:12px}
.taxonomy-number{font-size:1rem;color:var(--blue);font-weight:700;flex:0 0 auto}.taxonomy-group .hubrows{margin-top:16px}
.concept-links{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0!important;list-style:none!important;margin:16px 0!important}
.concept-links li{padding:0!important;margin:0!important;max-width:100%}.concept-links li:before{display:none!important}
.concept-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--rule);border-radius:4px;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
.taxonomy-evidence{margin:20px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:4px 0}
.taxonomy-evidence summary{cursor:pointer;min-height:48px;padding:12px 4px;font-weight:700;line-height:1.8;font-size:1rem;overflow-wrap:anywhere}
.taxonomy-evidence p{margin:12px 4px}.taxonomy-frameworks{margin:44px 0}.taxonomy-definition{margin-top:20px}
.taxonomy-index p,.taxonomy-index li{overflow-wrap:anywhere}.taxonomy-index .hubrow__kw{font-size:.875rem}.taxonomy-index .hubrow__t{font-size:1.125rem}.taxonomy-index .hubrow__l{font-size:1rem}
@media(max-width:767px){.taxonomy-jumps{grid-template-columns:minmax(0,1fr);gap:0}.taxonomy-group h2{font-size:1.25rem}.taxonomy-group{margin:30px 0}.concept-links{gap:8px}.concept-links a{padding:8px 10px}.taxonomy-index .hubrow__t{font-size:1.0625rem}}

/* Long concept comparisons also wrap when readers enlarge text. */
.theme-copy table.spec td:first-child{white-space:normal}
.prose td,.prose th{overflow-wrap:anywhere}
/* Practice explorer: white editorial surfaces around a gentle, tactile orbit. */
.practice-page{max-width:var(--site-shell-width);margin:auto;overflow-wrap:anywhere}.practice-page button{font:inherit;cursor:pointer;color:var(--ink);min-height:44px}.practice-page [hidden]{display:none!important}.practice-page button:focus-visible{outline:3px solid #BD7C32;outline-offset:4px}.practice-heading{padding:18px 0 28px}.practice-heading h1{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.55;letter-spacing:.025em;margin:12px 0 20px}.practice-lead{font-size:1.0625rem;line-height:1.9;color:var(--ink-2);margin:0}.mobile-only{display:none}.practice-controls{display:flex;justify-content:space-between;align-items:end;gap:24px;border-bottom:1px solid var(--rule);padding-bottom:20px}.practice-ages{border:0;margin:0;padding:0;display:flex;gap:10px}.practice-ages legend{font-size:.8125rem;font-weight:700;margin-bottom:10px}.practice-ages button{border:1px solid var(--rule);background:white;border-radius:50px;padding:7px 20px;min-height:52px}.practice-ages strong{font-size:1.5rem;margin-right:4px}.practice-ages button[aria-pressed=true]{color:white;background:var(--blue);border-color:var(--blue)}.practice-view{display:flex;gap:4px;border:1px solid var(--rule);border-radius:6px;padding:4px}.practice-view button{display:flex;gap:7px;align-items:center;border:0;background:white;padding:8px 12px;border-radius:3px;font-size:.875rem}.practice-view button[aria-pressed=true]{background:#eff5f1;color:var(--blue);font-weight:700}.practice-view svg{width:20px;height:20px}.practice-age-note{font-size:.8125rem;color:var(--muted);line-height:1.8;margin:12px 0 24px}.practice-workspace{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:44px;align-items:start}.practice-explorer{min-width:0}.orbit-wrap{position:relative}.orbit{height:560px;position:relative;isolation:isolate;--phase:0deg;margin:0 auto}.orbit-line{position:absolute;inset:48px 54px;border:1px solid #d7e5dc;border-radius:50%;box-shadow:inset 0 0 0 20px #fafcfb;z-index:-1}.orbit-line:after{content:'';position:absolute;inset:35px 23px;border:1px dashed #e5ded2;border-radius:50%}.orbit-child{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;margin:0;pointer-events:none}.orbit-child img{width:100%;height:auto;display:block}.orb-slot{position:absolute;--angle:calc(var(--base) + var(--phase));left:calc(50% + var(--rx)*cos(var(--angle)));top:calc(50% + var(--ry)*sin(var(--angle)));transform:translate(-50%,-50%);width:100px;z-index:2}.ability-orb{border:0;background:transparent;width:100%;padding:0;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;border-radius:8px}.orb-face{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;color:#35634d;background:radial-gradient(circle at 30% 22%,#fff 0,#f4f8f5 18%,#e2ece5 62%,#bed5c6 100%);box-shadow:inset -3px -5px 8px #7494ad22,0 5px 12px #25496616,inset 1px 2px 3px white;border:1px solid #c7dbce;transition:transform .24s,box-shadow .24s;animation:orb-arrive .55s backwards;animation-delay:var(--enter-delay)}.orb-face svg{width:30px;height:30px}.orb-name{font-size:.9375rem;font-weight:700;line-height:1.5;white-space:nowrap;background:#ffffffdf;padding:0 3px;border-radius:3px}.ability-orb:hover .orb-face,.ability-orb:focus-visible .orb-face{box-shadow:0 4px 15px #264d6e28;transform:translateY(-3px)}.ability-orb.is-selected .orb-face{background:radial-gradient(circle at 28% 22%,#fffaf1,#f2dab5 65%,#d4ae78);border-color:#bd7c32;box-shadow:0 0 0 4px #bd7c3215,0 5px 12px #72532620;transform:scale(1.06)}.orbit-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--rule)}.orbit-caption p{font-size:.8125rem;line-height:1.8;margin:0;color:var(--muted)}.motion-control{border:1px solid var(--rule);background:white;border-radius:4px;font-size:.8125rem!important;padding:8px 12px}.motion-control:disabled{color:var(--muted);cursor:default}.practice-panel{border-top:3px solid var(--blue);background:white;min-width:0;padding:22px 0;scroll-margin-top:22px;animation:panel-grow .3s both}.practice-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.practice-panel-head p{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--blue);font-weight:700;margin:0}.practice-panel-head svg{width:20px;height:20px}.practice-panel-head button{border:0;background:white;font-size:.8125rem;padding:8px 0 8px 10px;flex-shrink:0;color:var(--muted)}.practice-panel-title{font-size:1.375rem;line-height:1.7;margin:18px 0 22px;outline:none}.practice-tabs{display:flex;border-bottom:1px solid var(--rule);gap:0}.practice-tabs button{font-size:.875rem;background:white;border:0;border-bottom:3px solid transparent;padding:12px 4px;flex:1;text-align:center;line-height:1.7}.practice-tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue);font-weight:700}.practice-text-controls{display:flex;align-items:center;justify-content:end;flex-wrap:wrap;gap:6px;font-size:.75rem;color:var(--muted);margin:12px 0 22px}.practice-text-controls button{padding:4px 8px;min-height:44px;border:1px solid var(--rule);border-radius:4px;background:white;font-size:.75rem}.practice-text-controls button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.practice-content{font-size:1rem;line-height:1.95}.practice-content h3{font-size:1.25em;line-height:1.7;margin:20px 0 16px}.practice-content h4{font-size:1em;line-height:1.7;margin:24px 0 10px}.practice-content p{font-size:1em;line-height:1.95;margin:12px 0 20px}.adult-role,.read-prompt{border-left:3px solid #bd7c32;background:#faf8f4;padding:1px 18px 4px;margin:24px 0}.adult-role h4,.read-prompt h4{margin-top:16px}.practice-primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--blue);border:1px solid var(--blue);border-radius:4px;padding:12px 18px;color:white!important;font-weight:700;line-height:1.7;max-width:100%;text-align:center}.practice-content-label{font-size:.8125rem!important;color:var(--muted);letter-spacing:.04em}.practice-facts{display:grid;grid-template-columns:5em minmax(0,1fr);gap:0;line-height:1.8;font-size:.875em;border-top:1px solid var(--rule)}.practice-facts dt,.practice-facts dd{padding:12px 0;margin:0;border-bottom:1px solid var(--rule)}.practice-facts dt{font-weight:700}.practice-play-steps{padding-left:1.5em}.practice-play-steps li{padding:8px 0 14px 7px;font-size:1em;line-height:1.9}.practice-play-steps li::marker{font-weight:700;color:var(--blue)}.book-author{font-size:.875em!important;color:var(--muted)}.practice-book-age,.practice-scope{font-size:.8125em!important;color:var(--muted)}.practice-book+.practice-book{border-top:1px solid var(--rule);padding-top:22px;margin-top:22px}.practice-link{display:inline-flex;align-items:center;min-height:44px}.practice-prompt{margin:28px 0}.practice-prompt h4{font-weight:500;color:var(--muted);font-size:.875em;margin-bottom:12px}.practice-prompt blockquote{font-size:1.125em;font-weight:700;line-height:1.9;margin:0;padding:14px 16px;background:#f2f7f4;border-left:3px solid var(--blue)}.practice-prompt p{font-size:.875em}.practice-editorial{font-size:.75rem;color:var(--muted);line-height:1.8;border-top:1px solid var(--rule);padding-top:20px;margin-top:30px}.practice-evidence{border-bottom:1px solid var(--rule);padding-bottom:8px}.practice-evidence summary{min-height:44px;cursor:pointer;font-size:.8125rem;font-weight:700;align-content:center}.practice-evidence p,.practice-evidence li{font-size:.8125rem;line-height:1.85}.practice-results{display:block;border:0;margin:18px 0}.practice-results>a{display:block;min-height:44px;padding:8px 0;font-size:.875rem;line-height:1.8}.practice-invitation{padding:25px 0}.practice-invitation h2{font-size:1.5rem;line-height:1.8}.practice-invitation p{line-height:1.9}.practice-limits{padding:38px 0;margin-top:36px;border-top:1px solid var(--rule);max-width:800px}.practice-limits h2{font-size:1.25rem;line-height:1.9}.practice-limits p{font-size:.9375rem;line-height:1.9}.practice-text-list{border-top:1px solid var(--rule);padding:14px 0}.practice-text-list>summary{min-height:44px;align-content:center;cursor:pointer;font-size:.875rem}.matrix-static details>summary{min-height:48px;font-size:1rem;align-content:center;cursor:pointer;font-weight:700}.matrix-static section{padding:24px 0;border-bottom:1px solid var(--rule)}.matrix-static p,.matrix-static li{font-size:1rem;line-height:1.9}.matrix-static h3{font-size:1.25rem}.matrix-static h4{font-size:1rem}.practice-page[data-view=matrix] .practice-workspace{display:block}.matrix-intro{margin:24px 0}.matrix-intro h2{font-size:1.25rem}.matrix-intro p{font-size:.875rem}.practice-matrix{border-collapse:collapse;width:100%;table-layout:fixed;line-height:1.8}.practice-matrix caption{text-align:left;font-size:.8125rem;color:var(--muted);padding:0 0 16px}.practice-matrix thead th{background:#f1f6f3;color:var(--blue);padding:16px;font-size:1rem;text-align:left}.practice-matrix th:first-child{width:140px}.practice-matrix tbody th{font-size:.875rem;font-weight:700;text-align:left;padding:16px 12px;border-bottom:1px solid var(--rule);vertical-align:top}.practice-matrix tbody th svg{display:block;margin-bottom:8px}.practice-matrix td{padding:0;border-bottom:1px solid var(--rule);vertical-align:top}.practice-matrix td button{height:100%;width:100%;text-align:left;display:block;background:white;border:0;padding:18px 16px;line-height:1.8;font-size:.9375rem;min-height:140px}.practice-matrix td button span:first-child{display:block;font-weight:700}.practice-matrix td button small{display:block;font-size:.8125em;color:var(--muted);padding:8px 0}.matrix-arrow{font-size:.8125em;color:var(--blue)}.practice-matrix td button[aria-pressed=true]{background:#f9f3e9;box-shadow:inset 0 0 0 2px #bd7c32}.practice-page[data-view=matrix] .practice-panel{max-width:800px;margin:40px auto}.practice-size-large .practice-content{font-size:1.25rem}.practice-size-largest .practice-content{font-size:1.5rem}.practice-size-large .orbit,.practice-size-largest .orbit{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 12px;padding:24px 0}.practice-size-large .orb-slot,.practice-size-largest .orb-slot{position:static;transform:none;width:auto}.practice-size-large .orb-face,.practice-size-largest .orb-face{animation:none}.practice-size-large .orb-name,.practice-size-largest .orb-name{white-space:normal;font-size:1rem}.practice-size-large .orbit-child,.practice-size-largest .orbit-child,.practice-size-large .orbit-line,.practice-size-largest .orbit-line{display:none}.practice-dialog{max-width:calc(100vw - 32px);width:680px;padding:28px;border-radius:8px;line-height:1.9;color:var(--ink)}.practice-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.practice-dialog-top span{font-size:.8125rem;color:var(--muted)}.practice-dialog-top button{margin:0;border:1px solid var(--rule);min-height:44px;border-radius:4px;font-size:.8125rem;padding:7px 12px;background:white}.practice-dialog h2{font-size:1.375rem;line-height:1.7;margin:24px 0}.practice-step-count{color:var(--blue);font-size:.875rem}.practice-step-main{font-size:1.5rem;line-height:1.9;margin:22px 0}.practice-step-help{font-size:.875rem;color:var(--muted);margin:24px 0}.practice-dialog details{font-size:.9375rem;background:#f3f8f5;padding:12px 18px}.practice-dialog summary{min-height:44px;cursor:pointer;align-content:center}.practice-step-controls{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);padding-top:20px}.practice-step-controls button{margin:0;min-height:48px;border:1px solid var(--rule);border-radius:4px;padding:10px 18px;background:white;font-size:1rem}.practice-step-controls .practice-primary{background:var(--blue);border-color:var(--blue)}.practice-step-controls button:disabled{opacity:.45}.practice-dialog.practice-size-largest .practice-step-main{font-size:2rem}.practice-dialog.practice-size-large .practice-step-main{font-size:1.75rem}.practice-dialog button:focus-visible{outline:3px solid #bd7c32;outline-offset:3px}
@keyframes orb-arrive{from{opacity:0;transform:scale(.7) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes panel-grow{from{opacity:.2;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:999px){.practice-workspace{grid-template-columns:minmax(0,1fr);gap:28px}.orbit-wrap{max-width:620px;margin:auto}.orbit{height:580px}.practice-panel{max-width:760px;width:100%;margin:auto}.practice-controls{align-items:start;gap:16px}.practice-ages button{padding:7px 17px}.practice-view button{padding:8px 10px}.practice-panel-title{font-size:1.5rem}}
@media(max-width:600px){.practice-heading{padding:10px 0 24px}.practice-heading h1{font-size:1.75rem;line-height:1.65}.mobile-only{display:block}.practice-controls{flex-direction:column;align-items:stretch;gap:20px}.practice-view{align-self:start}.practice-age-note{font-size:.75rem}.orbit{height:430px;max-width:380px}.orbit-line{inset:42px 39px}.orbit-child{width:145px}.orb-slot{width:68px}.orb-face{width:46px;height:46px}.orb-face svg{width:24px;height:24px}.ability-orb{gap:5px;min-height:72px!important}.orb-name{font-size:.8125rem;padding:0}.orbit-caption{gap:8px}.orbit-caption p{font-size:.75rem}.motion-control{font-size:.75rem!important;padding:7px 10px}.practice-panel{padding-top:16px}.practice-panel-title{font-size:1.25rem}.practice-content{font-size:1rem}.practice-tabs button{font-size:.8125rem;padding:12px 2px}.practice-facts{grid-template-columns:4em minmax(0,1fr)}.practice-matrix th:first-child{width:85px}.practice-matrix thead th{padding:14px 8px;font-size:.875rem}.practice-matrix tbody th{padding:18px 8px;font-size:.8125rem}.practice-matrix td button{padding:18px 12px;font-size:1rem}.practice-page[data-age="4"] [data-column-age="5"],.practice-page[data-age="4"] [data-column-age="6"],.practice-page[data-age="5"] [data-column-age="4"],.practice-page[data-age="5"] [data-column-age="6"],.practice-page[data-age="6"] [data-column-age="4"],.practice-page[data-age="6"] [data-column-age="5"]{display:none}.practice-dialog{padding:20px}.practice-dialog-top{align-items:start}.practice-dialog h2{font-size:1.25rem}.practice-step-main{font-size:1.25rem}.practice-step-controls{gap:8px}.practice-step-controls button{padding:9px 12px}.practice-text-list{margin-bottom:24px}}
@media(max-width:350px){.orbit{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px;padding:20px 0}.orb-slot{position:static;transform:none;width:auto}.orbit-child,.orbit-line{display:none}.orb-name{white-space:normal}.practice-view{width:100%}.practice-view button{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.orb-face,.practice-panel{animation:none}.ability-orb .orb-face{transition:none}.ability-orb:hover .orb-face,.ability-orb:focus-visible .orb-face{transform:none}}
.practice-ages{flex-wrap:wrap}.practice-view{max-width:100%;flex-wrap:wrap}.practice-view button{min-width:0;flex:1;white-space:normal;line-height:1.6}.orbit.orbit-text-list{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 12px;padding:24px 0}.orbit-text-list .orb-slot{position:static;transform:none;width:auto}.orbit-text-list .orb-face{animation:none}.orbit-text-list .orb-name{white-space:normal;font-size:1rem}.orbit-text-list .orbit-child,.orbit-text-list .orbit-line{display:none}

/* Keep the two discovery labels together at the normal reading size. */
.practice-view{width:320px}@media(max-width:600px){.practice-view{width:100%}}

/* Shared editorial explorer: 3 regions, not a metrics dashboard. */
.explorer-shell{max-width:var(--site-shell-width);margin:32px auto 64px;padding:0 32px;overflow-wrap:anywhere;color:var(--ink)}.explorer-heading{margin-bottom:26px}.explorer-heading h1,.explorer-heading h2{font-size:clamp(1.6rem,2.4vw,2.25rem);line-height:1.6;margin:10px 0}.explorer-heading>p:last-child{color:var(--muted);font-size:1rem;line-height:1.8}.explorer-mobile-br{display:none}.explorer-entries{display:flex;gap:6px;border-bottom:1px solid var(--rule);padding-bottom:14px}.explorer-entries a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 22px;border-radius:3px;text-decoration:none;border:1px solid var(--rule);font-weight:700}.explorer-entries a[aria-current=page]{background:var(--blue);color:white;border-color:var(--blue)}.explorer-current{display:flex;justify-content:space-between;gap:18px;padding:18px 0;font-size:.9375rem;color:var(--blue);line-height:1.8}.explorer-current-note{font-size:.75rem;color:var(--muted)}.explorer-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 320px;gap:32px;align-items:start}.explorer-nav{border-top:3px solid var(--blue);padding-top:10px}.explorer-nav details{border-bottom:1px solid var(--rule);padding:4px 0 12px}.explorer-nav summary{cursor:pointer;min-height:48px;align-content:center;font-weight:700;font-size:.9375rem}.explorer-nav summary span{display:block;font-size:.75rem;color:var(--muted);font-weight:400;margin:2px 0 0 16px}.explorer-shell button{font:inherit;cursor:pointer;min-height:44px;line-height:1.6;max-width:100%}.explorer-shell button:focus-visible,.explorer-shell a:focus-visible,.explorer-shell summary:focus-visible{outline:3px solid #bd7c32;outline-offset:3px}.explorer-ability-list{display:grid;gap:3px}.explorer-ability-list button{display:flex;align-items:center;gap:10px;text-align:left;background:white;border:0;border-left:3px solid transparent;padding:8px 10px;font-size:.9375rem}.explorer-ability-list svg{width:24px;height:24px;flex:0 0 24px}.explorer-ability-list button[aria-pressed=true]{background:#eff5f1;color:var(--blue);border-left-color:var(--blue);font-weight:700}.explorer-orbit-open{background:#faf8f4;border:1px solid #e7d9c5;color:#72502c;font-size:.8125rem!important;padding:9px 10px;margin:8px 0 14px;width:100%;text-align:left}.explorer-age-list{display:flex;gap:6px;margin:10px 0}.explorer-age-list button{flex:1;padding:7px 4px;background:white;border:1px solid var(--rule);border-radius:4px;font-size:.875rem}.explorer-age-list button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.explorer-nav details p,.explorer-nav-note{font-size:.75rem;color:var(--muted);line-height:1.8}.explorer-scene-list{display:grid;gap:8px}.explorer-scene-list button{border:1px solid var(--rule);background:white;text-align:left;padding:10px;font-size:.875rem}.explorer-scene-list button[aria-pressed=true]{border-color:#bd7c32;background:#faf8f4}.explorer-scene-list small{display:block;font-size:.75rem;color:var(--muted);margin-top:6px;line-height:1.7}.explorer-size{font-size:.75rem;color:var(--muted);margin:20px 0}.explorer-size>div{display:flex;gap:4px;margin-top:8px}.explorer-size button{flex:1;border:1px solid var(--rule);border-radius:3px;background:white;font-size:.75rem;padding:6px 4px}.explorer-size button[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.explorer-overview{min-width:0;border-top:3px solid var(--blue);padding-top:18px;font-size:1rem;line-height:1.95;scroll-margin-top:24px}.explorer-section-label{font-size:.75em!important;color:var(--muted);letter-spacing:.04em;margin:0 0 8px!important}.explorer-topic{display:flex;gap:12px;align-items:center;font-size:1.65em;line-height:1.5;margin:8px 0 24px;outline:none}.explorer-topic svg{width:34px;height:34px;flex:0 0 34px}.explorer-overview section{margin:22px 0}.explorer-overview h3{font-size:1.08em;line-height:1.7;margin:0 0 9px}.explorer-overview p{font-size:1em;line-height:1.9;margin:8px 0 16px}.explorer-overview details,.explorer-practices details{font-size:.875em}.explorer-overview summary,.explorer-practices summary{cursor:pointer;min-height:44px;align-content:center;line-height:1.7}.explorer-overview blockquote{border:0;margin:10px 0;padding:0;font-size:1.15em;line-height:1.8;font-weight:700}.explorer-words{border-left:3px solid #bd7c32;background:#faf8f4;padding:18px;margin-top:24px!important}.explorer-words>p:last-of-type{font-size:.8125em;color:var(--muted);margin-bottom:0}.explorer-scene-match{border-bottom:1px solid var(--rule);padding:0 0 18px;margin-bottom:22px}.explorer-scene-match p{font-size:.8125em}.explorer-scene-match button{background:white;border:1px solid var(--rule);border-radius:20px;padding:5px 12px;font-size:.8125em;margin:3px}.explorer-scene-match button[aria-pressed=true]{border-color:#bd7c32;background:#faf8f4}.explorer-practices{min-width:0;border-top:3px solid #bd7c32;padding-top:18px;font-size:.9375rem;line-height:1.85}.explorer-practices>h2{font-size:1.125em;margin:0 0 5px}.explorer-practice-context{font-size:.8125em;color:var(--muted);margin:4px 0 20px}.explorer-practice-block{border-bottom:1px solid var(--rule);padding:0 0 22px;margin:22px 0}.explorer-practice-block h3{font-size:1.125em;line-height:1.7;margin:8px 0 12px}.explorer-practice-block p{font-size:1em;margin:10px 0;line-height:1.9}.explorer-play-time,.explorer-book-author{font-size:.8125em!important;color:var(--muted)}.explorer-materials{font-size:.875em!important}.explorer-practice-block .practice-primary{width:100%;margin:12px 0;font-size:.875em}.explorer-practice-block a{display:inline-flex;align-items:center;min-height:44px;font-size:.875em}.explorer-practice-block ol{padding-left:1.4em}.explorer-practice-block li{padding:7px 0;line-height:1.85}.explorer-original{border-left:3px solid #bd7c32;padding-left:14px;font-size:.875em!important;margin-top:20px!important}.explorer-tools p{font-size:.875em}.explorer-reading{margin:32px 0 0 232px;border-top:1px solid var(--rule);padding-top:24px}.explorer-reading-links{display:flex;align-items:center;gap:12px 26px;flex-wrap:wrap}.explorer-reading-links h2{width:100%;font-size:1.125rem;margin:0}.explorer-reading-links a{min-height:44px;align-content:center;font-size:.875rem}.explorer-evidence{margin:20px 0;font-size:.8125rem;line-height:1.85}.explorer-evidence summary{cursor:pointer;min-height:44px;align-content:center}.explorer-scope{font-size:.75rem;color:var(--muted);line-height:1.8}.explorer-large .explorer-overview,.explorer-large .explorer-practices{font-size:1.2rem}.explorer-largest .explorer-overview,.explorer-largest .explorer-practices{font-size:1.5rem}.explorer-full-article{scroll-margin-top:24px;border-top:1px solid var(--rule);padding-top:32px}.explorer-taxonomy-archive{max-width:1180px;margin:24px auto;padding:0 24px}.explorer-taxonomy-archive>summary{cursor:pointer;min-height:44px;align-content:center;color:var(--blue)}
.explorer-orbit-dialog,.explorer-play-dialog{width:430px;max-width:calc(100vw - 32px);padding:22px;border:1px solid var(--rule);border-radius:8px;color:var(--ink);overflow-wrap:anywhere}.explorer-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.explorer-dialog-head h2{font-size:1.0625rem;margin:0}.explorer-dialog-head button{border:1px solid var(--rule);background:white;border-radius:4px;padding:7px 10px;min-height:44px;flex-shrink:0}.explorer-orbit-dialog .orbit{height:410px;width:100%;--rx:calc(50% - 34px);--ry:165px}.explorer-orbit-dialog .orb-slot{width:66px}.explorer-orbit-dialog .orb-face{width:46px;height:46px}.explorer-orbit-dialog .orb-face svg{width:24px;height:24px}.explorer-orbit-dialog .orb-name{font-size:.8125rem}.explorer-orbit-dialog .ability-orb{gap:5px;min-height:72px}.explorer-orbit-dialog .orbit-child{width:140px}.explorer-orbit-dialog .orbit-line{inset:43px 34px}.explorer-static-orbit{height:auto!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 8px;margin:24px 0}.explorer-static-orbit .orb-slot{position:static;transform:none;width:auto}.explorer-static-orbit .orb-face{animation:none}.explorer-static-orbit .orb-name{white-space:normal}.explorer-static-orbit .orbit-line,.explorer-static-orbit .orbit-child{display:none}.explorer-play-dialog{width:650px;line-height:1.9}.explorer-play-dialog>h2{font-size:1.25rem;margin:24px 0}.explorer-step-count{font-size:.875rem;color:var(--blue)}.explorer-step-main{font-size:1.5rem;line-height:1.9}.explorer-play-dialog [data-play-step]>p:last-child{font-size:.875rem;color:var(--muted)}.explorer-step-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);padding-top:20px}.explorer-step-actions button{padding:10px 16px;border:1px solid var(--rule);border-radius:4px;min-height:48px;max-width:100%;font:inherit;background:white}.explorer-step-actions .practice-primary{background:var(--blue)}.explorer-step-actions button:disabled{opacity:.45}.explorer-play-dialog.explorer-largest .explorer-step-main{font-size:2rem}.explorer-play-dialog.explorer-large .explorer-step-main{font-size:1.75rem}
@media(max-width:1100px){.explorer-shell{padding:0 24px}.explorer-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.explorer-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.explorer-nav details{min-width:0}.explorer-size{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:0}.explorer-size>div{margin:0}.explorer-size button{min-width:50px}.explorer-nav-note{display:none}.explorer-reading{margin-left:0}}
@media(max-width:699px){.explorer-shell{padding:0 20px;margin-top:26px}.explorer-mobile-br{display:block}.explorer-heading{margin-bottom:18px}.explorer-heading h1,.explorer-heading h2{font-size:1.6rem}.explorer-heading>p:last-child{font-size:.875rem}.explorer-entries{gap:4px}.explorer-entries a{padding:8px 6px;flex:1;font-size:.875rem}.explorer-current{display:block;padding:14px 0}.explorer-current-note{display:block;margin-top:4px}.explorer-layout{display:flex;flex-direction:column;gap:24px}.explorer-nav{display:block;width:100%;border-top:0}.explorer-nav details{padding-bottom:5px}.explorer-nav summary{display:flex;align-items:center;gap:8px}.explorer-nav summary span{display:inline;margin:0}.explorer-ability-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding-bottom:8px}.explorer-ability-list button{display:flex;flex-direction:column;gap:4px;text-align:center;padding:8px 3px;font-size:.8125rem;border-left:0;border-bottom:2px solid transparent}.explorer-ability-list button[aria-pressed=true]{border-bottom-color:var(--blue)}.explorer-orbit-open{margin:5px 0 12px}.explorer-age-list{max-width:300px}.explorer-scene-list{grid-template-columns:minmax(0,1fr)}.explorer-size{display:flex;margin-top:12px}.explorer-overview,.explorer-practices{width:100%}.explorer-topic{font-size:1.4em}.explorer-overview section{margin:18px 0}.explorer-practices{padding-top:20px}.explorer-practice-block .practice-primary{width:auto}.explorer-reading{margin-top:24px}.explorer-play-dialog{padding:20px}.explorer-step-main{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.explorer-shell .orb-face{animation:none;transition:none}}

/* Compact entry controls keep practices close on tablet and after mobile selection. */
.explorer-current-actions{display:flex;align-items:center;gap:12px}.explorer-current-actions button{border:1px solid var(--rule);background:white;border-radius:3px;padding:6px 10px;font-size:.75rem;flex-shrink:0}.explorer-orbit-open{display:flex;align-items:center;gap:10px;font-weight:700}.explorer-orbit-open img{width:40px;height:60px;object-fit:contain;flex-shrink:0}.explorer-orbit-open small{display:block;font-size:.6875rem;font-weight:400;margin-top:5px}.explorer-current-actions button{display:none}
@media(max-width:1100px){.explorer-nav{display:block}.explorer-nav details{margin:0}.explorer-ability-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.explorer-ability-list button{padding:7px 9px}.explorer-size{margin-top:12px}.explorer-orbit-open{max-width:340px;font-size:.9375rem!important}.explorer-orbit-open small{font-size:.75rem}.explorer-current-actions button{display:inline-block}.explorer-shell[data-entry=ability]:not([data-nav-changing=true]) [data-nav=age],.explorer-shell[data-entry=ability]:not([data-nav-changing=true]) [data-nav=scene],.explorer-shell[data-entry=age]:not([data-nav-changing=true]) [data-nav=ability],.explorer-shell[data-entry=age]:not([data-nav-changing=true]) [data-nav=scene],.explorer-shell[data-entry=scene]:not([data-nav-changing=true]) [data-nav=ability],.explorer-shell[data-entry=scene]:not([data-nav-changing=true]) [data-nav=age]{display:none}.explorer-shell[data-nav-compact=true] .explorer-nav details{display:none}.explorer-shell:not([data-entry=ability]) .explorer-orbit-open{display:none}.explorer-current-actions{justify-content:space-between}.explorer-current-note{margin:0}}
@media(max-width:699px){.explorer-current-actions{margin-top:4px;gap:8px}.explorer-current-note{max-width:65%}.explorer-ability-list button{padding:8px 3px}.explorer-orbit-open{max-width:none}}

.explorer-mobile-practice-link{display:none}@media(max-width:699px){.explorer-mobile-practice-link{display:inline-flex;min-height:44px;align-items:center;margin:0 0 8px;font-size:.875em}.explorer-practices{scroll-margin-top:24px}}

/* Latest: flush-left fixed age × ability navigation. */
body:has([data-explorer]) .site-header{position:sticky;top:0;z-index:50;background:white}
.explorer-shell{max-width:none;margin:18px 28px 48px 272px;padding:0}.explorer-heading{margin:0 0 12px}.explorer-heading p{font-size:.8125rem;color:var(--muted);margin:0}.explorer-current{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:0 0 18px;border-bottom:1px solid var(--rule);margin-bottom:20px}.explorer-selection{font-size:1.75rem;line-height:1.55;margin:0;outline:none}.explorer-selection span{color:#bd7c32;margin:0 5px}.explorer-current>p{width:100%;font-size:.8125rem;color:var(--muted);margin:0;line-height:1.8}.explorer-current>button{display:none;border:1px solid var(--rule);background:white;padding:7px 12px;border-radius:4px;font-size:.875rem;margin-left:auto}.explorer-layout{grid-template-columns:minmax(0,1fr) 320px;gap:30px}.explorer-reading{margin-left:0}.explorer-nav.explorer-menu{position:fixed;left:0;right:auto;top:var(--explorer-header-height,64px);bottom:0;margin:0;width:244px;max-width:244px;height:calc(100dvh - var(--explorer-header-height,64px));max-height:none;padding:18px 16px;border:0;border-right:1px solid var(--rule);border-top:0;background:#f8faf9;z-index:40;overflow-y:auto;overscroll-behavior:contain;color:var(--ink)}.explorer-menu:not([open]){display:none}.explorer-menu-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.explorer-menu-head h2{font-size:1.125rem;line-height:1.6;margin:0}.explorer-menu-head button{display:none;min-height:44px;padding:5px 8px;border:1px solid var(--rule);background:white;border-radius:3px}.explorer-menu h3{font-size:.875rem;margin:16px 0 10px}.explorer-menu .explorer-ability-list{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.explorer-menu .explorer-ability-list button{display:flex;flex-direction:row;align-items:center;gap:10px;padding:7px 10px;text-align:left;font-size:.9375rem;background:transparent;border-left:3px solid transparent;border-bottom:0}.explorer-menu .explorer-ability-list button[aria-pressed=true]{border-left-color:var(--blue);background:#e8f1eb;color:var(--blue)}.explorer-menu .explorer-age-list{display:flex;max-width:none}.explorer-menu .explorer-age-list button{min-height:46px}.explorer-menu .explorer-orbit-open{display:flex!important;margin:20px 0 16px;width:100%;font-size:.8125rem!important;padding:8px;gap:8px}.explorer-menu .explorer-orbit-open small{font-size:.6875rem}.explorer-menu .explorer-size{display:block;margin:18px 0 10px}.explorer-menu .explorer-size>div{margin-top:8px}.explorer-menu .explorer-nav-note{display:block;font-size:.6875rem;line-height:1.8}.explorer-full-article{margin-left:244px}.explorer-taxonomy-archive{margin-left:272px}body:has([data-explorer]) .site-footer{margin-left:244px}
@media(max-width:1100px){.explorer-shell{margin:16px 24px 40px}.explorer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.explorer-current>button{display:block}.explorer-nav.explorer-menu{left:0;top:0;bottom:0;width:min(330px,calc(100vw - 48px));max-width:none;height:100dvh;padding:18px 20px;z-index:100;margin:0;border-right:1px solid var(--rule);border-radius:0}.explorer-menu::backdrop{background:#172d3b80}.explorer-menu-head button{display:block;flex-shrink:0}.explorer-menu .explorer-ability-list button{font-size:.9375rem}.explorer-full-article,.explorer-taxonomy-archive{margin-left:0}body:has([data-explorer]) .site-footer{margin-left:0}}
@media(max-width:699px){.explorer-shell{margin:14px 20px 36px}.explorer-layout{display:flex;flex-direction:column;gap:22px}.explorer-selection{font-size:1.375rem}.explorer-current{margin-bottom:18px;padding-bottom:16px}.explorer-current>p{font-size:.75rem}.explorer-topic{font-size:1.3em}.explorer-overview{padding-top:16px}}

.explorer-menu .explorer-ability-list button{width:100%;margin:0;justify-content:flex-start}.explorer-menu .explorer-age-list button{margin:0}

@media(max-width:1100px){.explorer-current{position:sticky;top:var(--explorer-header-height,64px);z-index:20;background:white;padding:10px 0 14px}.explorer-current>p{margin-top:2px}}
/* Editorial home: existing watercolor art and a spacious, asymmetrical reading surface. */
.explorer-shell [hidden]{display:none!important}.explorer-shell[data-complete=false] .explorer-layout{display:block}.editorial-home{max-width:var(--site-shell-width);margin:0 auto}.explorer-shell[data-complete=false] .explorer-current{border:0;margin-bottom:12px;padding-bottom:0}.explorer-shell[data-complete=false] .explorer-selection{font-size:.8125rem;color:var(--muted)}.home-kicker{font-size:.8125rem;letter-spacing:.06em;color:#98652b;font-weight:700;margin:0 0 16px}.editorial-home .home-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:32px;align-items:center;padding:26px 0 50px;border-bottom:1px solid var(--rule)}.editorial-home .home-hero h1{font-size:clamp(2rem,3vw,3rem);line-height:1.6;letter-spacing:.025em;margin:0 0 24px}.home-lead{font-size:1rem;line-height:2.1;max-width:33em;margin:0 0 24px}.editorial-home .home-hero figure{margin:0}.editorial-home .home-hero img{width:100%;height:auto;display:block}.editorial-home .home-hero figcaption{font-size:.75rem;color:var(--muted);line-height:1.8;margin-top:12px}.home-actions{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.home-actions button{background:var(--blue);color:white;border:0;padding:13px 18px;font-weight:700;border-radius:3px;font-size:.9375rem}.home-actions a{min-height:44px;align-content:center;font-size:.875rem}.home-features{padding:48px 0}.home-section-head h2{font-size:1.5rem;line-height:1.7;margin:0 0 28px}.home-feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:26px}.home-feature{display:block;color:var(--ink);text-decoration:none!important;min-width:0}.home-feature img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:18px}.home-feature small{font-size:.75rem;color:#98652b}.home-feature h3{font-size:1.1875rem;line-height:1.75;margin:10px 0}.home-feature-main h3{font-size:1.75rem}.home-feature p{font-size:.875rem;line-height:1.95;margin:10px 0 16px}.home-feature span,.home-research span{font-size:.875rem;color:var(--blue);display:block;min-height:44px;align-content:center;font-weight:700}.home-feature:hover h3,.home-research:hover h2{text-decoration:underline;text-underline-offset:5px}.home-research{display:grid;grid-template-columns:.85fr 1fr;gap:40px;align-items:center;padding:32px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--ink);text-decoration:none!important}.home-research img{width:100%;height:auto;display:block}.home-research h2{font-size:1.75rem;line-height:1.65;margin:0 0 16px}.home-research p:not(.home-kicker){font-size:.9375rem;line-height:2}.home-choice{padding:40px 0;max-width:800px}.home-choice h1{font-size:2rem;line-height:1.7}.home-choice-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.home-choice-buttons button{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--rule);background:white;font-size:1rem;text-align:left}.home-choice-buttons svg{width:24px;height:24px;flex-shrink:0}.explorer-large .editorial-home{font-size:1.2rem}.explorer-largest .editorial-home{font-size:1.5rem}.explorer-largest .home-lead,.explorer-largest .home-feature p,.explorer-largest .home-research p:not(.home-kicker){font-size:1.5rem}
@media(max-width:1100px){.editorial-home .home-hero{gap:24px;padding-top:16px}.editorial-home .home-hero h1{font-size:2rem}.home-feature-grid{gap:20px;grid-template-columns:1fr 1fr}.home-feature-main{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-feature-main img{margin:0}.home-research{gap:24px}.explorer-shell[data-complete=false] .explorer-current{padding:8px 0 12px}}
@media(max-width:699px){.editorial-home .home-hero{display:flex;flex-direction:column;gap:24px;padding:16px 0 30px;align-items:stretch}.editorial-home .home-hero h1{font-size:1.9rem;line-height:1.6;margin-bottom:16px}.home-kicker{font-size:.75rem;margin-bottom:12px}.home-lead{font-size:.9375rem;line-height:1.95;margin-bottom:18px}.home-actions{gap:8px}.home-actions button{width:100%}.editorial-home .home-hero figcaption{font-size:.6875rem}.home-features{padding:30px 0}.home-section-head h2{font-size:1.25rem;margin-bottom:22px}.home-feature-grid{display:block}.home-feature,.home-feature-main{display:block;margin-bottom:28px}.home-feature h3,.home-feature-main h3{font-size:1.5rem}.home-feature img{margin-bottom:14px}.home-feature p{font-size:.9375rem}.home-research{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:26px 0}.home-research h2{font-size:1.5rem}.home-choice{padding:20px 0}.home-choice h1{font-size:1.5rem}.home-choice-buttons{grid-template-columns:1fr}.explorer-shell[data-complete=false] .explorer-current{gap:4px}.explorer-shell[data-complete=false] .explorer-current>p{width:auto;font-size:.6875rem;max-width:45%}.explorer-shell[data-complete=false] .explorer-current>button{font-size:.75rem;padding:6px 8px}}
.explorer-shell[data-complete=false] .explorer-heading{display:none}
/* Latest user correction: no sidebar or drawer; selection opens within the page. */
.explorer-shell{max-width:var(--site-shell-width);margin:24px auto 48px;padding:0 28px}.explorer-full-article{margin-left:0}.explorer-taxonomy-archive{margin:24px auto;padding:0 28px}body:has([data-explorer]) .site-footer{margin-left:0}.explorer-current>button{display:block}.explorer-nav.explorer-picker{position:static;display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0 0 28px;padding:20px 24px;border:1px solid var(--rule);border-top:3px solid var(--blue);background:#f8faf9;overflow:visible;scroll-margin-top:calc(var(--explorer-header-height,64px) + 16px)}.explorer-picker .explorer-menu-head{margin-bottom:14px}.explorer-picker .explorer-menu-head button{display:block}.explorer-picker .explorer-age-list{display:flex;max-width:320px;gap:8px}.explorer-picker .explorer-age-list button{margin:0;min-height:44px}.explorer-picker .explorer-ability-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px}.explorer-picker .explorer-ability-list button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:100%;margin:0;padding:10px 12px;font-size:.9375rem;text-align:left;border-left:3px solid transparent;border-bottom:0;background:white}.explorer-picker .explorer-ability-list button[aria-pressed=true]{border-left-color:var(--blue);background:#e8f1eb}.explorer-picker .explorer-orbit-open{display:flex!important;width:auto;max-width:360px;margin:18px 0 12px}.explorer-picker .explorer-size{display:flex;align-items:center;gap:14px;margin:16px 0 0}.explorer-picker .explorer-size>div{margin:0}.explorer-picker .explorer-nav-note{display:block;margin:12px 0 0;font-size:.75rem}.explorer-current{position:static}.explorer-shell[data-complete=false] .explorer-current>p{width:auto;max-width:none}
@media(max-width:1100px){.explorer-shell{margin:20px auto 40px;padding:0 24px}.explorer-full-article{margin-left:0}.explorer-picker .explorer-ability-list{gap:6px 10px}}
@media(max-width:699px){.explorer-shell{margin:14px auto 36px;padding:0 20px}.explorer-nav.explorer-picker{padding:16px;margin-bottom:22px}.explorer-picker .explorer-ability-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.explorer-picker .explorer-ability-list button{font-size:.8125rem;padding:10px 5px;gap:6px}.explorer-picker .explorer-size{display:block}.explorer-picker .explorer-size>div{margin-top:8px}.explorer-current{position:static}.explorer-shell[data-complete=false] .explorer-current>p{max-width:45%}.explorer-taxonomy-archive{padding:0 20px}}
/* Inline home orbit reuses the existing child, sphere and upright-label styles. */
.home-orbit-section{min-width:0;display:block;width:100%}.home-orbit{height:480px;--rx:calc(50% - 50px);--ry:182px;margin:0}.home-orbit .orb-slot{width:90px}.home-orbit .ability-orb{min-width:44px;min-height:80px;text-decoration:none;color:var(--ink)}.home-orbit .orb-face{width:56px;height:56px}.home-orbit .orb-face svg{width:28px;height:28px}.home-orbit .orb-name{font-size:.875rem;line-height:1.6}.home-orbit .orbit-child{width:180px}.home-orbit .orbit-line{inset:48px 38px}.home-orbit .ability-orb:focus-visible{outline:3px solid #BD7C32;outline-offset:3px}.home-orbit .orb-face{animation:none}
@media(max-width:800px){.home-orbit-section{max-width:450px;margin:26px auto 0}.home-orbit{height:440px;--rx:calc(50% - 42px);--ry:168px}.home-orbit .orb-slot{width:76px}.home-orbit .orb-face{width:50px;height:50px}.home-orbit .orb-name{font-size:.8125rem}.home-orbit .orbit-child{width:160px}.home-orbit .orbit-line{inset:40px 30px}}
@media(prefers-reduced-motion:reduce){.home-orbit .orb-face{transition:none}}
.home-orbit.explorer-static-orbit .ability-orb{min-height:88px}.home-orbit.explorer-static-orbit .orb-name{font-size:1rem}
/* Keep every tap rectangle separate throughout the full orbit, including narrow screens. */
.home-orbit{height:530px;--ry:214px}.home-orbit .orb-slot{width:76px}
@media(max-width:800px){.home-orbit{height:490px;--ry:192px}.home-orbit .orb-slot{width:72px}}
@media(max-width:1199px){.home:has([data-home-orbit]) .home-hero{display:block}.home-orbit-section{max-width:450px;margin:26px auto 0}}
/* Home-only correction: a square canvas and identical radii, with warm illustrated spheres. */
@media(min-width:1200px){.home:has([data-home-orbit]) .home-hero{grid-template-columns:minmax(0,1fr) 500px;gap:40px}}
.home-orbit{width:100%;height:auto;aspect-ratio:1;--orbit-pad:46px;--rx:calc(50% - var(--orbit-pad));--ry:var(--rx);align-self:start}.home-orbit .orbit-line{inset:var(--orbit-pad);border-color:#e4dac8;box-shadow:inset 0 0 0 14px #fbf9f4}.home-orbit .orbit-line:after{inset:22px;border-color:#e7ddce}.home-orbit .orb-slot{width:76px}.home-orbit .ability-orb{min-height:88px;gap:6px}.home-orbit .orb-face{width:56px;height:56px;background:radial-gradient(circle at 32% 24%,#fffef9 12%,#f7f1e5 72%,#ece1cd);border:1px solid #e4d9c5;box-shadow:inset 0 1px 3px #fff,0 3px 7px #85745712}.home-orbit .orb-face svg{width:44px;height:44px}.home-orbit .ability-orb:hover .orb-face,.home-orbit .ability-orb:focus-visible .orb-face{transform:none;box-shadow:0 0 0 3px #d8b88328,0 3px 7px #85745712}.home-orbit .orbit-child{width:160px}.home-orbit .orbit-child img{width:100%;height:auto;object-fit:contain}.home-orbit .orb-name{background:#fffefbd9}.home-orbit.explorer-static-orbit{aspect-ratio:auto}
@media(max-width:800px){.home-orbit{height:auto;--orbit-pad:38px;--rx:calc(50% - var(--orbit-pad));--ry:var(--rx)}.home-orbit .orb-slot{width:58px}.home-orbit .ability-orb{min-height:72px;gap:6px}.home-orbit .orb-face{width:44px;height:44px}.home-orbit .orb-face svg{width:36px;height:36px}.home-orbit .orbit-child{width:130px}}
/* Anchor the sphere itself on the circular path; labels sit below, outside the tap disc. */
.home-orbit{--orbit-pad:58px}.home-orbit .orb-slot{width:56px;height:56px;transform:translate(-50%,-50%)}.home-orbit .ability-orb{position:relative;width:56px;height:56px;min-width:56px;min-height:56px;gap:0}.home-orbit .orb-name{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:76px;text-align:center}.home-orbit.explorer-static-orbit .orb-slot{width:auto;height:auto;transform:none}.home-orbit.explorer-static-orbit .ability-orb{width:100%;height:auto;min-height:88px;gap:8px}.home-orbit.explorer-static-orbit .orb-name{position:static;transform:none;min-width:0}
@media(max-width:800px){.home-orbit{--orbit-pad:46px}.home-orbit .orb-slot{width:44px;height:44px;transform:translate(-50%,-50%)}.home-orbit .ability-orb{width:44px;height:44px;min-width:44px;min-height:44px}.home-orbit .orb-name{top:calc(100% + 4px);min-width:58px;font-size:12px;line-height:1.5}.home-orbit.explorer-static-orbit .orb-slot{width:auto;height:auto;transform:none}.home-orbit.explorer-static-orbit .ability-orb{width:100%;height:auto;min-height:88px}}
/* Place labels outward vertically: upper-half labels above their spheres, lower-half labels below. */
.home-orbit .orb-name{top:calc(50% + clamp(-1,calc((sin(var(--angle)) + .0001)*10000),1)*46px);transform:translate(-50%,-50%)}
@media(max-width:800px){.home-orbit .orb-name{top:calc(50% + clamp(-1,calc((sin(var(--angle)) + .0001)*10000),1)*35px)}}
.home-orbit.explorer-static-orbit .orb-name{position:static;transform:none}
/* Restrict the tap-disc reset to the home orbit; old dialog sizes stay unchanged. */
.home-orbit .ability-orb{min-height:56px!important}
@media(max-width:800px){.home-orbit .ability-orb{min-height:44px!important}}
.home-orbit.explorer-static-orbit .ability-orb{min-height:88px!important}
/* Articles start with the article itself; the four links remain ordinary page anchors. */
body:has(.article-layout) .site-header{position:sticky;top:0;z-index:50;background:white}.ability-section-nav{position:sticky;top:var(--article-header-height,64px);z-index:25;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:white;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:12px 0 24px;padding:0!important;gap:0}.ability-section-nav a{min-height:48px;padding:10px 8px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.6;font-size:.9375rem;font-weight:700;text-decoration:none;border-bottom:3px solid transparent;overflow-wrap:anywhere}.ability-section-nav a:hover,.ability-section-nav a[aria-current]{color:var(--blue);background:#f7faf8;border-bottom-color:#bd7c32}.article-layout [id]{scroll-margin-top:calc(var(--article-header-height,64px) + var(--article-nav-height,52px) + 16px)}.ability-article-page .article-practice-link{font-size:.875rem;margin:12px 0}.ability-article-page .article-practice-link a{display:inline-flex;align-items:center;min-height:44px}.ability-article-page .article-head{padding-top:22px}.ability-section-nav a:focus-visible{outline:3px solid #bd7c32;outline-offset:-3px}
@media(max-width:767px){.ability-section-nav a{font-size:.8125rem;padding:10px 4px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.ability-article-page{scroll-behavior:auto}}
.ability-article-page .byline{font-size:13px!important;line-height:1.8;margin:12px 0 20px}.article-layout .side-toc{top:var(--article-header-height,64px);max-height:calc(100vh - var(--article-header-height,64px) - 16px);padding-top:20px}

/* 絵本を選び、その場で読むための紹介紙面 */
.recommended-book{margin:24px 0;padding:28px;border:1px solid #dacdb8;border-top:4px solid #a97745;background:#fffdf8;border-radius:4px 16px 16px 4px;box-shadow:3px 4px 0 #eee5d8}.recommended-book h3,.original-book-card h3{margin:8px 0 14px;font-size:1.45em;line-height:1.5}.book-card-label{color:#8b5b31!important;font-size:.8em!important;letter-spacing:.08em;margin:0!important}.book-credit{color:#645c50;font-size:.88em!important;line-height:1.8}.book-reading-hint{margin:20px 0;padding:16px 20px;background:#f2ede2;border-radius:10px}.book-reading-hint h4{margin:0 0 8px;font-size:.9em}.book-reading-hint p{margin:0}.book-purchase-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.book-buy,.book-read{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border-radius:8px;background:#765637;color:#fff!important;text-decoration:none!important;font-weight:700;line-height:1.5}.book-buy:hover,.book-read:hover{background:#5a412a}.book-official{display:inline-flex;align-items:center;min-height:44px;font-size:.9em}.book-source-note{margin-top:20px;font-size:.8em;color:#655e52}.book-source-note summary{min-height:44px;display:flex;align-items:center;cursor:pointer;text-decoration:underline}.original-book-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:26px;margin:32px 0 20px;border-radius:16px;background:#edf1e7}.original-book-cover{display:block;align-self:start}.original-book-cover img{width:100%;height:auto;border-radius:10px;box-shadow:0 5px 14px #58624722}.original-book-card p{margin:12px 0}.original-book-meta{font-size:.8em!important;color:#5d6555}.original-book-card .small{font-size:.75em!important;line-height:1.7}.book-shelf-link{font-size:.9em}@media(max-width:600px){.recommended-book{padding:20px}.original-book-card{grid-template-columns:1fr;padding:20px;gap:20px}.original-book-cover{max-width:260px}.book-purchase-actions{align-items:stretch;flex-direction:column}.book-buy,.book-read{width:100%;box-sizing:border-box}.book-official{justify-content:center}}

/* 本文の見出しと青線だけを、紙面の左へ少し出す。縦位置・本文幅は維持。 */
.article-layout > article.prose h2:not(.age-note h2){transform:translateX(-14px)}
@media(max-width:600px){.article-layout > article.prose h2:not(.age-note h2){transform:translateX(-6px)}}

/* 共通番号を添え、9能力の入口を一つずつ区切る。 */
.orb-number{font-variant-numeric:tabular-nums;font-size:.85em;font-weight:500;color:#78644d}.home-orbit .orb-name{white-space:nowrap;min-width:0}.ability-list-note{font-size:.8125rem;color:#706b60;margin:-8px 0 20px}.ability-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #d6e1da}.ability-doors>li{min-width:0;border-right:1px solid #d6e1da;border-bottom:1px solid #d6e1da}.ability-doors>li:nth-child(3n){border-right:0}.ability-doors>li:nth-last-child(-n+3){border-bottom:0}.ability-doors .door{padding:22px 18px;border:0;height:100%}.ability-doors .door__t{display:flex;align-items:baseline;gap:10px;font-size:1.1875rem;line-height:1.5;margin:0 0 10px}.ability-number{color:#78644d;font-size:.875rem;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums}.ability-doors .door__description{font-size:.875rem;font-weight:400;line-height:1.8;margin:0 0 8px;color:#53685a}.ability-doors .door__to{font-size:.75rem;line-height:1.7;margin-top:8px}@media(max-width:767px){.ability-doors{grid-template-columns:1fr}.ability-doors>li,.ability-doors>li:nth-child(3n){border-right:0;border-bottom:1px solid #d6e1da}.ability-doors>li:last-child{border-bottom:0}.ability-doors .door{padding:18px 14px}.ability-doors .door__t{font-size:1.125rem}.ability-list-note{margin:-4px 0 16px}}

/* 同じ選択操作で、読みもの・絵本・遊び・声掛けを探す。 */
.collection-filter[hidden],.collection-grid>[hidden],.collection-empty[hidden],.collection-more[hidden]{display:none!important}.collection-filter{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.collection-filter button{min-height:44px;border:1px solid #cdddd2;background:#fff;color:#3c5d47;border-radius:5px;padding:8px 13px;font:inherit;font-size:.8125rem;line-height:1.6}.collection-filter button[aria-pressed=true]{background:#35634d;border-color:#35634d;color:#fff;font-weight:700}.collection-status{font-size:.8125rem;color:#607266;margin:14px 0}.collection-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.collection-grid>li{min-width:0}.collection-card{display:block;height:100%;color:var(--ink);text-decoration:none!important;border-bottom:1px solid #d6e1da;padding-bottom:16px}.collection-card>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-bottom:14px}.collection-copy h3{font-size:1.125rem;line-height:1.7;margin:8px 0 12px}.collection-copy p{font-size:.875rem;line-height:1.8;margin:0 0 12px}.collection-copy .collection-kicker{font-size:.75rem;color:#86603e;margin-bottom:6px}.collection-copy .collection-detail{font-size:.8125rem;color:#636c73}.collection-go{display:flex;align-items:center;min-height:44px;font-size:.8125rem;color:#35634d;font-weight:700}.collection-card:hover h3{text-decoration:underline;text-underline-offset:4px}.collection-more{display:block;margin:24px auto 0;border:1px solid #b8d2c1;border-radius:5px;background:#fff;padding:12px 24px;min-height:48px;font:inherit;color:#35634d}.collection-empty{font-size:.875rem;padding:20px;background:#f4f7f5}.collection-grid{scroll-margin-top:90px}#practice-play,#practice-words{scroll-margin-top:90px}@media(max-width:767px){.collection-grid{grid-template-columns:1fr;gap:24px}.collection-card{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px}.collection-card:not(:has(img)){display:block}.collection-card>img{margin:0}.collection-copy h3{font-size:1.125rem;margin:4px 0 10px}.collection-copy p{font-size:.8125rem}.collection-filter{gap:6px}.collection-filter button{padding:8px 12px}.collection-status{margin-top:12px}}

.home-content-tabs[hidden],[data-content-panel][hidden]{display:none!important}.home-content-browser{margin-top:48px}.home-content-browser>h2{font-size:1.5rem;margin:0 0 12px}.home-content-lead{font-size:.875rem;color:#5e7064;margin:0 0 22px}.home-content-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #ccdfd3;gap:0}.home-content-tabs button{border:0;border-bottom:3px solid transparent;min-height:56px;padding:12px 10px;background:#fff;color:#35634d;font:inherit;font-weight:700;font-size:1rem;line-height:1.5}.home-content-tabs button[aria-selected=true]{border-bottom-color:#bb8039;background:#f6f9f7;color:#35634d}.home-content-browser .home-collection{margin-top:24px}.home-content-browser .home-sec__t{font-size:1.125rem}.home-content-browser .home-sec__head{margin-bottom:12px}@media(max-width:767px){.home-content-tabs button{font-size:.8125rem;padding:10px 5px;min-height:56px}.home-content-browser{margin-top:32px}.home-content-browser>h2{font-size:1.25rem}.home-content-browser .home-sec__head{gap:12px;align-items:baseline}.home-content-browser .home-sec__more{font-size:.75rem;white-space:nowrap}}

.home-hero__summary{max-width:34em;margin:0 0 24px}.home-hero__summary .home-hero__lead{margin:0 0 14px}.home-hero__summary .home-hero__lead:last-child{margin-bottom:0}.overview-abilities{list-style:none;padding:0!important;margin:24px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.overview-abilities li{padding:20px 0;border-bottom:1px solid #d6e1da;min-width:0}.overview-abilities h3{margin:0 0 10px!important;font-size:1.125rem}.overview-abilities p{font-size:.9375rem;margin:0 0 10px}.overview-abilities a{display:flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:700}@media(max-width:767px){.home-hero__summary{margin-bottom:20px}.home-hero__summary .home-hero__lead{margin-bottom:12px}.overview-abilities{grid-template-columns:1fr}}

/* 全体像の記事を、トップの主導線として見せる。 */
.home-hero__btns .btn-main{display:inline-flex}.home-hero__btns{align-items:center;gap:12px 20px}.home-hero__btns .btn-sub{min-height:44px}
@media(max-width:767px){.home-hero__btns .btn-main{justify-content:center;width:100%}}
.guide-use{color:var(--blue);font-size:.875em;font-weight:700;margin:0 0 6px!important}
.guide-detail{margin:16px 0;border-top:1px solid var(--rule);padding-top:6px;min-width:0;overflow-wrap:anywhere}
.guide-detail>summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:600;line-height:1.7;padding:8px 0}
.guide-detail h4{font-size:1em;margin:18px 0 6px;line-height:1.7}
.guide-detail p{margin:6px 0 14px;line-height:1.85}
.guide-voices .practice-prompt{margin:18px 0;padding-left:14px;border-left:2px solid var(--rule)}
.guide-voices .practice-prompt h4{font-size:1em;margin:4px 0 10px;line-height:1.7}
.guide-voices blockquote{margin:10px 0;line-height:1.9}
.guide-preparation,.guide-stop{font-size:.9375em;line-height:1.9;overflow-wrap:anywhere}
.guide-stop{border-left:2px solid #bd7c32;padding-left:12px;margin:16px 0}
.book-reading-guide .small{color:var(--muted);font-size:.875em}
.original-book-card>div{min-width:0;overflow-wrap:anywhere}
.original-book-card .book-read{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.book-shelf{min-width:0;max-width:100%;margin:20px 0 28px}
.book-shelf-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:12px 0;color:#655e52;font-size:.8em}
.book-shelf-controls[hidden]{display:none!important}
.book-shelf-controls button{width:46px;min-height:46px;border:1px solid #b8aa94;border-radius:4px;background:#fffdf8;color:#60472e;font:inherit;font-size:1.3em;cursor:pointer}
.book-shelf-controls button:disabled{opacity:.4;cursor:default}
[data-book-shelf] .book-shelf-track{display:flex;gap:16px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;margin:0;padding:2px 2px 12px;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch}
.book-shelf-track>li{flex:0 0 min(285px,calc(100% - 38px));min-width:0;scroll-snap-align:start;overflow-wrap:anywhere}
.book-shelf .book-tile{margin:0;padding:14px;border:1px solid #d6ccbb;border-radius:4px;background:#fffdf8;box-shadow:none;box-sizing:border-box;align-self:flex-start}
.book-shelf .book-tile h3{font-size:1em;margin:6px 0;line-height:1.5}
.book-shelf .book-tile h3 a{color:inherit;text-decoration:none}
.book-shelf .book-tile h3 a:hover{text-decoration:underline}
.book-shelf .book-tile p{margin:6px 0;font-size:.78em;line-height:1.65}
.book-shelf .book-credit{font-size:.7em!important}




.book-official-embed{max-width:100%;overflow-x:auto}
.book-cover-link{display:block;aspect-ratio:1;max-width:128px;background:#f2eee6;margin:0 auto 10px}
.book-cover-link img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0!important;box-shadow:none!important}
.book-cover-link:has(.image-unavailable){aspect-ratio:auto;max-width:none;background:none}
.book-cover-link .image-unavailable{display:none}
.book-cover-link .image-note{font-size:.75em}
.home-collection[data-collection=books] .book-shelf-track{align-items:flex-start}
.home-collection[data-collection=books] .collection-card{display:block;padding:14px;border:1px solid #d6ccbb;border-radius:4px;box-sizing:border-box;background:#fffdf8}
.home-collection[data-collection=books] .collection-card>img{display:block;width:128px;height:128px;aspect-ratio:1;object-fit:contain;background:#f2eee6;margin:0 auto 10px}
.home-collection[data-collection=books] li:not([data-content-id=original]) .collection-kicker{display:none}
.home-collection[data-collection=books] .collection-copy h3{font-size:1rem;line-height:1.5;margin:6px 0}
.home-collection[data-collection=books] .collection-copy p{font-size:.75rem;line-height:1.65;margin:6px 0}
.book-shelf-track:focus-visible,
@media(min-width:900px){.home-collection[data-collection=books] .book-shelf-track>li{flex-basis:calc((100% - 32px)/3)}}
@media(prefers-reduced-motion:reduce){.book-shelf-track{scroll-behavior:auto}}
/* The same three named groups enclose the diagram, cards and filters. */
.ability-door-groups{display:grid;gap:24px}
.ability-door-group{border:1px solid #c7bba7;border-radius:5px;overflow:hidden}
.ability-door-group>h3{margin:0;padding:16px 20px;background:#f4f0e8;border-bottom:1px solid #c7bba7;font-size:1.125rem;line-height:1.6}
.ability-door-group .ability-doors{border:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.ability-door-group .ability-doors>li{border-bottom:0;border-right:1px solid #d6e1da}
.ability-door-group .ability-doors>li:last-child{border-right:0}
.ability-door-group[data-ability-group=self] .ability-doors{grid-template-columns:repeat(3,minmax(0,1fr))}
.ability-door-group[data-ability-group=relationships] .ability-doors{grid-template-columns:repeat(2,minmax(0,1fr))}
.collection-filter{display:block}
.filter-all{margin-bottom:16px}
.filter-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ability-filter-group{min-width:0;margin:0;padding:10px 12px 14px;border:1px solid #c7bba7;border-radius:4px}
.ability-filter-group legend{font-size:.875rem;font-weight:700;line-height:1.7;padding:0 6px;color:#51483b;overflow-wrap:anywhere}
.ability-filter-group>div{display:flex;flex-wrap:wrap;gap:8px}
.home-orbit{display:block;height:auto;aspect-ratio:1;--orbit-pad:120px}
.home-orbit .orb-slot{position:absolute}
.home-orbit .orbit-child{display:block}
.orbit-ability-group{display:contents}
.orbit-ability-group>h3{display:none}
.orbit-group-bands{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.orbit-band-fill{fill:none;stroke-width:44;stroke-linecap:round}
.orbit-band-self .orbit-band-fill{stroke:#eee0c6}
.orbit-band-learning .orbit-band-fill{stroke:#dce9df}
.orbit-band-relationships .orbit-band-fill{stroke:#e5dff0}
.orbit-label-path{fill:none;stroke:none}
.orbit-group-title{fill:#423a2f;font-family:inherit;font-size:26px;font-weight:700;dominant-baseline:central;letter-spacing:0}
.orbit-band-fill[data-group-trigger]{pointer-events:stroke;cursor:pointer;outline:none}
.orbit-band-fill[data-group-trigger]:focus-visible{stroke-width:46;filter:drop-shadow(0 0 2px #806b46)}
.orbit-group-title{pointer-events:none}
.home-orbit-section{position:relative}
.orbit-motion-toggle{position:absolute;right:0;bottom:0;width:44px;height:44px;padding:0;border:1px solid #ded7ca;background:#fffefbe6;border-radius:50%;font-size:14px;line-height:1;z-index:3}
.orbit-motion-toggle[hidden]{display:none}
.orbit-motion-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.home-orbit .orbit-ability-group.is-highlighted .orb-face{transform:scale(1.06);border-color:#a68958;background:radial-gradient(circle at 32% 24%,#fffef9 8%,#edddbd 72%,#dec59a);box-shadow:0 0 0 2px #a6895833}
.home-orbit .orbit-ability-group[data-ability-group=learning].is-highlighted .orb-face{border-color:#658d81;background:radial-gradient(circle at 32% 24%,#fffef9 8%,#d3e4dd 72%,#b6d0c5);box-shadow:0 0 0 2px #658d8133}
.home-orbit .orbit-ability-group[data-ability-group=relationships].is-highlighted .orb-face{border-color:#85aa92;background:radial-gradient(circle at 32% 24%,#fffef9 8%,#e0ebe4 72%,#cbded2);box-shadow:0 0 0 2px #858aaa33}
@media(prefers-reduced-motion:reduce){.home-orbit .orb-face{transition:none!important}.home-orbit .orbit-ability-group.is-highlighted .orb-face{transform:none}}
.orbit-group-legend{display:none}
.home-orbit .orbit-line{display:block}
.home-orbit .orb-name{top:calc(50% + clamp(-1,calc((sin(var(--angle)) + .0001)*10000),1)*42px)}
.home-orbit.explorer-static-orbit{display:grid;grid-template-columns:1fr;gap:16px}
.home-orbit.explorer-static-orbit .orbit-ability-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px;border:1px solid #c7bba7;padding:14px;min-width:0}
.home-orbit.explorer-static-orbit .orbit-ability-group>h3{display:block;grid-column:1/-1;margin:0;font-size:1rem;line-height:1.6}
.home-orbit.explorer-static-orbit .orbit-group-bands,.home-orbit.explorer-static-orbit .orbit-child,.home-orbit.explorer-static-orbit .orbit-line{display:none}
@media(min-width:1200px){.home:has([data-home-orbit]) .home-hero{grid-template-columns:minmax(0,1fr) 550px;gap:32px}}
@media(max-width:767px){
 .ability-door-group .ability-doors,.ability-door-group[data-ability-group=self] .ability-doors,.ability-door-group[data-ability-group=relationships] .ability-doors{grid-template-columns:1fr}
 .ability-door-group .ability-doors>li{border-right:0;border-bottom:1px solid #d6e1da}
 .ability-door-group .ability-doors>li:last-child{border-bottom:0}
 .ability-door-group>h3{padding:14px;font-size:1rem}
 .filter-groups{grid-template-columns:1fr;gap:12px}
 .ability-filter-group{padding:8px 10px 12px}
 .home-orbit{--orbit-pad:clamp(70px,calc(20vw + 6px),100px)}
 .home-orbit .orbit-child{width:80px}
 .home-orbit .orb-name{top:calc(50% + clamp(-1,calc((sin(var(--angle)) + .0001)*10000),1)*31px);font-size:11px}
 .home-orbit.explorer-static-orbit .orbit-ability-group{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.guide-detail>summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

@media(max-width:767px){.home-orbit:not(.explorer-static-orbit) .orb-name{left:calc(50% + clamp(-1,calc(cos(var(--angle))*10000),1)*(2px + clamp(-1,calc(sin(var(--angle))*10000),1)*10px));font-size:12px}.orbit-group-title{font-size:30px}}
.activity-supplies{margin:18px 0 24px!important;padding:0!important;border:0!important}
.activity-supplies>h4{font-size:1em;margin:0 0 8px}
.supplies-lead,.supplies-no-purchase{font-size:.85em!important;line-height:1.75!important}
.supply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.supply-card{min-width:0;padding:14px;border:1px solid #d6ccbb;border-radius:4px;background:#fffdf8;overflow-wrap:anywhere}
.supply-heading{display:flex;align-items:center;gap:10px}
.supply-heading>div{min-width:0}
.supply-icon{width:48px;height:48px;flex-shrink:0}
.supply-card h5{font-size:.95em;margin:3px 0;line-height:1.6}
.supply-card p{font-size:.82em!important;line-height:1.7!important;margin:10px 0!important}
.supply-card .supply-role{font-size:.72em!important;color:#6f5a39;margin:0!important}
.supply-card .supply-alternative{font-size:.75em!important;color:#625c50}
.supply-card details{font-size:.8em;margin-top:12px}
.supply-card summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.commerce-shops{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.commerce-shops>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid #b49f80;background:#fff;border-radius:4px;color:#624827!important;text-decoration:none!important;font-size:.8em;font-weight:700;line-height:1.65;max-width:100%}
.commerce-shops>a.book-buy{background:#765637;color:#fff!important}
.official-easy-link{max-width:100%;min-width:0;margin:12px 0}
.official-easy-link-content{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.commerce-pr{font-size:.75rem!important;color:#71562f;margin:8px 0!important}
@media(max-width:600px){.supply-grid{grid-template-columns:1fr}.supply-card .commerce-shops>a{flex:1;min-width:100px}.commerce-shops>a.book-buy{width:100%}}


.home-orbit.explorer-static-orbit .orb-slot{position:static;left:auto;top:auto;min-width:0}
.home-orbit.explorer-static-orbit .orb-name{white-space:normal;overflow-wrap:anywhere;min-width:0}
.home-content-browser .home-sec__head{flex-wrap:wrap}


@media(min-width:768px) and (max-width:1199px){.home-orbit .orbit-child{width:120px}}
@media(max-width:767px){
 .home-orbit{--orbit-pad:clamp(78px,calc(20vw + 6px),100px)}
 .home-orbit:not(.explorer-static-orbit) .orb-name{left:calc(50% + cos(var(--angle))*20px);top:calc(50% + clamp(-1,calc((sin(var(--angle)) + .0001)*10000),1)*36px);min-width:0;width:44px;font-size:11px;line-height:12px;padding:0;transform:translate(-50%,-50%)}
 .home-orbit:not(.explorer-static-orbit) .orb-number{display:block;font-size:10px;line-height:12px}
 .home-orbit:not(.explorer-static-orbit) .orb-label{display:block;line-height:12px}
}
/* Each book carries its own shops and reading hints; no external selection panel. */
[data-book-shelf] .book-shelf-track{align-items:stretch}
[data-book-shelf] .book-tile{display:flex;flex-direction:column;align-self:stretch;margin:0;padding:14px;border:1px solid #d6ccbb;border-radius:4px;background:#fffdf8;box-shadow:none;min-width:0}
[data-book-shelf] .book-tile h3{font-size:1rem;line-height:1.5;margin:8px 0}
[data-book-shelf] .book-tile h3 a{color:inherit;text-decoration:none}
[data-book-shelf] .book-tile p{margin:6px 0;font-size:.8rem;line-height:1.7}
[data-book-shelf] .book-visual{height:160px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
[data-book-shelf] .book-cover-link{width:160px;height:160px;max-width:160px;aspect-ratio:auto;background:none;margin:0}
[data-book-shelf] .book-cover-link img{width:100%;height:100%;object-fit:contain}
[data-book-shelf] .book-cover-pending{color:#726e65;font-size:.75rem;text-align:center}
[data-book-shelf] .book-visual:has(.book-cover-pending){height:32px;justify-content:flex-start}
[data-book-shelf] .book-tile:has(.book-cover-pending){align-self:flex-start}
[data-book-shelf] .book-direct-shops{display:flex;gap:8px;margin:12px 0 0;flex-shrink:0}
[data-book-shelf] .book-direct-shops>a.book-buy{flex:1;width:auto;min-width:0;min-height:44px;padding:8px 6px;font-size:.8rem;border-radius:4px;white-space:nowrap}
[data-book-shelf] .book-tile .book-credit{font-size:.72rem!important}
[data-book-shelf] .book-tile .book-reading-guide{margin-top:12px;font-size:.8rem}
[data-book-shelf] .book-tile .book-source-note{margin-top:4px}
.activity-specific-title{line-height:1.65;overflow-wrap:anywhere}
.explorer-practice-block .activity-specific-title{font-size:1.125rem;margin:16px 0 10px}
.activity-meta{font-size:.875em!important;color:var(--muted)}
@media(max-width:350px){[data-book-shelf] .book-direct-shops{flex-direction:column}[data-book-shelf] .book-direct-shops>a.book-buy{flex:auto}}

/* Activities, voice examples and shelves: action before shopping. */
.section-heading-icon{display:flex;align-items:flex-start;gap:10px}.section-heading-icon>span{min-width:0}.section-heading-icon>.section-icon{width:26px;height:26px;flex:0 0 26px;margin-top:.16em}
.activity-illustration{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 20px;padding:0}
.activity-illustration.activity-illustration-artwork{display:block}.activity-illustration-artwork>img{display:block;width:100%;height:auto}.activity-illustration-artwork>figcaption{margin-top:12px}
[data-book-shelf] .book-tile .google-books-attribution{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 0;padding:0;font-size:.72rem;line-height:1.2;flex-shrink:0}[data-book-shelf] .google-books-attribution a{color:#645c50;text-decoration:underline}[data-book-shelf] .google-books-attribution img{display:block;width:62px;height:30px;object-fit:contain}
.activity-scene svg{display:block;width:100%;height:auto}.activity-scene p{font-size:.78rem!important;line-height:1.7!important;margin:6px 0!important;color:#655e52}.activity-scene p span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#eee4d6;margin-right:6px}.activity-illustration figcaption{grid-column:1/-1;color:#756e62;font-size:.72rem}
.activity-supplies .supply-grid{display:block}.activity-supplies .supply-compact{position:relative;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none;padding:14px 0}.supply-compact .supply-heading svg{width:32px;height:32px;flex:0 0 32px}.supply-compact .supply-heading{gap:10px}.supply-compact .commerce-shops{margin:8px 0;gap:8px}.supply-compact .commerce-shops>a{min-height:44px;font-size:.8rem;padding:7px 12px}.supply-compact .supply-alternative{margin:8px 0!important}.activity-supplies>h4{font-size:1rem}.activity-supplies{margin-top:20px!important}
.guide-voices .practice-prompt{border:0;padding:0;background:none;margin:24px 0}.guide-voices .practice-prompt h4{color:#655e52;font-size:.95rem;font-weight:500;margin:0 0 14px}.guide-voices blockquote{border:0;background:none;padding:0;margin:14px 0 18px;color:#534c40;font-size:1.35rem;line-height:1.8}.guide-voices .voice-adult{font-size:.88rem;line-height:1.8;color:#655e52}.voice-adult>span{display:block;font-size:.72rem;letter-spacing:.04em;margin-bottom:5px;color:#7e7669}.voice-alternative,.voice-extra{background:none!important;border:0;border-top:1px solid var(--rule);padding:8px 0!important;margin:12px 0!important;font-size:.85rem}.voice-alternative summary,.voice-extra summary{min-height:44px;cursor:pointer;align-content:center}.voice-extra blockquote{font-size:1.15rem}.voice-extra .voice-alternative{border:0}.guide-voices .guide-use{font-size:.8rem}.activity-guide{background:none!important;border:0!important;padding:0!important;margin:20px 0!important}.activity-guide .guide-preparation,.activity-guide .guide-stop{font-size:.85rem}
[data-book-shelf] .book-shelf-track{width:100%;max-width:100%;box-sizing:border-box;cursor:grab;touch-action:pan-x pan-y}.book-shelf-controls{width:100%;max-width:100%;justify-content:space-between;margin:4px 0 10px}.home-collection[data-collection=books] .book-shelf-track>li{flex-basis:min(285px,calc(100% - 38px))}.book-shelf-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.book-shelf-track img{-webkit-user-drag:none}.original-books-section{margin-top:42px}.home-original-books{margin-top:32px}.home-original-books .collection-grid{max-width:520px}.home-original-books[hidden]{display:none}
.recommended-books .book-shelf-track>li{flex-basis:88%}
@media(min-width:768px){.recommended-books .book-shelf-track>li{flex-basis:calc((100% - 36px)/2)}.recommended-books .book-tile p{font-size:.88rem}.recommended-books .book-tile h3{font-size:1.1rem}.recommended-books .book-tile .book-credit{font-size:.8rem!important}}
@media(min-width:1200px){.recommended-books .book-shelf-track>li{flex-basis:calc((100% - 44px)/3)}}
[data-book-shelf] .book-visual:has(.image-unavailable){height:auto;min-height:32px;justify-content:flex-start}[data-book-shelf] .book-cover-link:has(.image-unavailable){width:auto;height:auto;max-width:100%}[data-book-shelf] .book-cover-link .image-note{font-size:.72rem;padding:0;background:none;margin:0}
@media(max-width:600px){.activity-illustration{gap:16px;grid-template-columns:1fr}.activity-scene{display:grid;grid-template-columns:135px minmax(0,1fr);align-items:center;gap:12px}.activity-scene p{font-size:.82rem!important}.activity-illustration figcaption{font-size:.7rem}.guide-voices blockquote{font-size:1.2rem}}

/* Work identity stays distinct from each scene heading on every reader page. */
.reading .reader-book-heading{margin:18px 0 0;overflow-wrap:anywhere}
.reading .reader-book-heading h1{font-size:1.25rem;line-height:1.5;margin:0 0 4px}
.reading .reader-book-heading p{font-size:1rem;line-height:1.75;margin:0}
.reading .reader-book-heading .reader-book-abilities{color:var(--accent);font-weight:600}
.reading .reader-book-heading .reader-book-description{color:var(--muted);margin-top:3px}
.reading .story-text h2{font-size:1em;line-height:1.7;margin:0 0 20px;word-break:normal;overflow-wrap:anywhere;border:0;padding:0}
@media(max-width:600px){.reading .reader-book-heading{margin-top:14px}.reading .reader-book-heading h1{font-size:1.125rem}}

/* Larger scenes above the card copy leave all four learning columns readable. */
.ability-door-group>h3:has(+.ability-group-description){border-bottom:0;padding-bottom:4px}
.ability-door-group>.ability-group-description{margin:0;padding:0 20px 14px;background:#f4f0e8;border-bottom:1px solid #c7bba7;font-size:.875rem;line-height:1.7;color:#53685a}
.ability-door-group .ability-doors .door{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px}
.ability-door-group .door__image{width:160px;height:auto;aspect-ratio:3/2;max-width:100%;flex:0 0 auto;object-fit:contain}
.ability-door-group .door__copy{width:100%}
.ability-door-group .door__copy .door__t{display:flex;min-height:0;margin-bottom:10px}
.ability-door-group .door__copy .door__to{font-size:.8125rem;line-height:1.7}
@media(max-width:800px){.ability-door-group .ability-doors .door{padding:20px}.ability-door-group .door__image{width:180px}.ability-door-group .door__copy .door__t{font-size:1.125rem}}

/* Only article-reading thumbnails need full-width text-bearing covers on phones. */
@media(max-width:767px){.home-collection[data-collection=reading] .collection-card{display:block}.home-collection[data-collection=reading] .collection-card>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0 0 14px}}

/* Text-bearing covers must retain the complete 3:2 image rather than crop letters. */
.prose .article-illustration img[src*="-text-v"],.hubrow__image[src*="-text-v"],.article-cover img[src*="-text-v"]{aspect-ratio:3/2;object-fit:contain;height:auto;max-height:none}
.article-cover:has(img[src*="-text-v"]){aspect-ratio:3/2}

@media(max-width:767px){.hubrows .hubrow:has(.hubrow__image[src*="-text-v"]){display:block}.hubrows .hubrow .hubrow__image[src*="-text-v"]{width:100%;margin-bottom:16px}}

/* Activity and voice entries: the selected practice is the page's main content. */
.home-collection[data-collection=play] .collection-card{display:block}.home-collection[data-collection=play] .collection-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0 0 16px}
.home-collection[data-collection=words] .collection-card{display:block}.home-collection[data-collection=words] .collection-copy h3{font-size:1.25rem;color:#35634d}.home-collection[data-collection=words] .collection-kicker{margin-top:8px}
.explorer-shell[data-embedded=false] .explorer-layout{display:block}.explorer-shell[data-embedded=false] .explorer-practices{width:100%;max-width:840px;margin:0 auto;padding:0;border:0}.practice-detail h1{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.6;margin:12px 0 18px}.practice-detail h2{font-size:1.4rem;margin:36px 0 16px}.practice-detail p,.practice-detail li{line-height:1.95}.practice-detail .steps{padding-left:1.7em}.practice-detail .steps li{padding:12px 0 12px 10px;border-bottom:1px solid #dfd7c9}.practice-detail .activity-meta{font-size:.875rem;color:#6e6559}.practice-detail-tabs{display:flex;gap:12px;flex-wrap:wrap;width:100%}.practice-detail-tabs a{padding:10px 16px;border-bottom:2px solid transparent}.practice-detail-tabs a[aria-current=page]{border-color:#ac793f;font-weight:700}.voice-main-quote{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.8;margin:20px 0;padding:24px 28px;background:#f4eee2;border-left:4px solid #ac793f;color:#35634d}.practice-related{margin-top:32px}.practice-detail details{margin:24px 0;padding:14px 18px;border:1px solid #ded6c8}.practice-detail summary{cursor:pointer;min-height:32px;line-height:1.8}.explorer-choice-group{border:0;padding:0;margin:24px 0}.explorer-choice-group legend{font-weight:700;font-size:1rem;margin-bottom:12px}.explorer-choice-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.explorer-choice-group button{display:flex;gap:10px;align-items:center;background:#fffdf8;border:1px solid #d8cebb;padding:14px;min-height:58px;color:#35634d;font:inherit}.explorer-choice-group svg{width:24px;height:24px}.choice-number{font-size:.75rem;color:#a27740}.explorer-picker .explorer-ability-list,.home-choice .explorer-ability-list{display:block}.home-choice{max-width:none}.home-choice h2{font-size:1.25rem}.home-choice-buttons button[aria-pressed=true]{background:#e8f1eb}.original-book-card{grid-template-columns:minmax(280px,1fr) minmax(0,1fr);gap:32px;width:100%;box-sizing:border-box}.original-book-cover{max-width:none}.original-book-card h3{font-size:clamp(1.4rem,2.3vw,2rem);overflow-wrap:normal;word-break:normal}.original-book-ability{font-size:.875rem;font-weight:700;color:#52634f}
@media(max-width:699px){.explorer-choice-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-choice-group button{font-size:.875rem;gap:6px;padding:10px}.original-book-card{grid-template-columns:1fr;padding:20px;gap:18px}.original-book-cover{width:100%;max-width:none}.voice-main-quote{padding:20px}.practice-detail h2{margin-top:30px}.practice-detail-tabs a{padding:10px 8px}}

.practice-route{max-width:var(--site-shell-width);margin:32px auto 64px;padding:0 28px}.practice-route .activity-illustration{margin:24px 0}.practice-route .activity-illustration img{aspect-ratio:3/2;object-fit:contain}.practice-route .practice-detail{scroll-margin-top:24px}.practice-change{margin:36px 0;padding:18px;background:#f5f0e5}.practice-route button[data-play-open]{display:none}.practice-route[data-ready] button[data-play-open]{display:inline-flex}@media(max-width:699px){.practice-route{margin-top:20px;padding:0 20px}}

.original-book-card h3>span{display:inline-block}

.story-sheet{display:block;width:100%;aspect-ratio:3/2;position:relative;overflow:hidden;background:#fff9ef;max-width:620px;margin:auto}.story-sheet>img{position:absolute;width:204%!important;height:306%!important;max-width:none!important;max-height:none!important;object-fit:fill!important}.reader-page .illustration:has(.story-sheet){width:100%;max-width:620px}.reading #picture-dialog:has(.story-sheet){max-width:680px;width:calc(100vw - 32px);padding:16px;box-sizing:border-box}.reading #picture-dialog .story-sheet{margin:14px auto 0}.original-book-cover .story-sheet{max-width:none}

/* Free story cards share the accepted large-cover layout, including filtered home cards. */
.home-original-books .collection-grid{max-width:none;display:block}.home-original-books .original-book-card{margin:20px 0}.original-book-cover .story-sheet{border-radius:10px}.original-parent-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.original-parent-note p{font-size:.875rem}.original-book-card h3{text-wrap:balance;word-break:auto-phrase;overflow-wrap:normal}
/* Keep the accepted radius and curved group titles; animate only transforms/opacity. */
.home-orbit[data-compositor=true]:not(.explorer-static-orbit) .orb-slot{left:50%;top:50%;will-change:transform;transition:none}
.home-orbit[data-compositor=true]:not(.explorer-static-orbit) .orb-name{left:50%;top:calc(50% - 42px);transform:translate(-50%,-50%);will-change:opacity,transform;transition:none}
.home-orbit[data-compositor=true]:not(.explorer-static-orbit) .orb-name-lower{top:calc(50% + 42px);opacity:0}
.home-orbit[data-compositor=true] .orbit-group-bands{transform-origin:50% 50%;transform-box:view-box;will-change:transform}
.home-orbit[data-compositor=true] .orbit-group-title{will-change:opacity}
.home-orbit.explorer-static-orbit .orb-name-lower{display:none}
@media(max-width:767px){.home-orbit[data-compositor=true]:not(.explorer-static-orbit) .orb-name{top:calc(50% - 36px)}.home-orbit[data-compositor=true]:not(.explorer-static-orbit) .orb-name-lower{top:calc(50% + 36px)}}
/* Related articles show their complete embedded-title covers. */
.related .artcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.related .artcards>li{min-width:0}
.related .artcard{display:flex;flex-direction:column;height:100%;gap:12px}
.related .related-cover{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0}
.related .artcard__t{display:block;line-height:1.65}
@media(max-width:1199px){.related .artcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.related .artcards{grid-template-columns:minmax(0,1fr);gap:28px}}
.history .source-fold>summary{cursor:pointer;min-height:44px;padding:10px 0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.history .source-fold>summary::-webkit-details-marker{display:none}
.history .source-fold>summary::after{content:'＋';font-weight:700;flex-shrink:0}
.history .source-fold[open]>summary::after{content:'−'}
.history .source-fold>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.ability-activity-list{display:flex;flex-direction:column;gap:24px;margin-top:24px}
.ability-activity{border:1px solid var(--rule);border-radius:5px;background:#fff;overflow:hidden}
.ability-activity>summary{display:grid;grid-template-columns:220px minmax(0,1fr) 24px;gap:22px;align-items:center;padding:20px;cursor:pointer;list-style:none}
.ability-activity>summary::-webkit-details-marker{display:none}
.ability-activity>summary::after{content:'＋';font-weight:700;color:var(--blue);font-size:22px}
.ability-activity[open]>summary::after{content:'−'}
.ability-activity>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.ability-activity>summary>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0;border-radius:3px}
.ability-activity-preview{display:flex;flex-direction:column;gap:10px;min-width:0}
.ability-activity-preview .activity-meta{font-size:.8rem;margin:0;color:var(--ink-2)}
.ability-activity-title{font-size:1.2rem;line-height:1.65;font-weight:700}
.ability-activity-description{font-size:.9rem;line-height:1.85}
.ability-activity-action{font-size:.82rem;color:var(--blue);font-weight:700}
.ability-activity-body{padding:4px 24px 24px;border-top:1px solid var(--rule)}
.ability-activity-body h3{margin-top:26px}
@media(max-width:767px){.ability-activity>summary{grid-template-columns:minmax(0,1fr) 24px;gap:16px;padding:16px}.ability-activity>summary>img{grid-column:1/-1}.ability-activity>summary::after{align-self:start}.ability-activity-body{padding:4px 16px 20px}.ability-activity-title{font-size:1.1rem}}
.voice-carousel{min-width:0;max-width:100%;margin:24px 0}
.voice-carousel .voice-carousel-track{align-items:stretch;gap:16px}
.voice-carousel .voice-carousel-track>li{flex:0 0 31%;display:flex}
.voice-scene-card{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d8e4dc;border-top:3px solid #b1cdba;border-radius:6px;padding:22px;background:#fff}
.voice-scene-card .voice-age{font-size:.78rem;color:#527f61;margin:0 0 16px;align-self:start;justify-self:start}
.voice-scene-card .voice-scene-label{font-size:.8rem;color:var(--ink-2);margin:0 0 6px}
.voice-scene-card h3{font-size:1rem;line-height:1.65;padding:0;margin:0 0 16px}
.voice-scene-card h3::before{display:none}
.voice-scene-card .voice-carousel-quote{font-size:1.35rem;line-height:1.85;font-weight:700;color:#35634d;margin:0 0 16px;padding:18px 16px;border:0;border-left:3px solid #7baa8b;border-radius:3px;background:#f2f7f4}
.voice-scene-card .voice-adult{font-size:.9rem;line-height:1.85;margin:0 0 16px;padding:16px 0 0;border-top:1px solid #d8e4dc;background:none;color:#506d5a}
.voice-scene-card .voice-adult>span{display:block;font-size:.8rem;font-weight:700;margin-bottom:6px}
.voice-scene-card .voice-alternative{border-top:1px solid var(--rule);padding:8px 0 0!important;margin:0!important;font-size:.88rem;line-height:1.85}
.voice-scene-card .voice-alternative>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;min-height:44px;cursor:pointer;font-size:.82rem}
.voice-scene-card .voice-alternative>summary::-webkit-details-marker{display:none}
.voice-scene-card .voice-alternative>summary::after{content:'＋';flex-shrink:0}
.voice-scene-card .voice-alternative[open]>summary::after{content:'−'}
@media(max-width:767px){.voice-carousel .voice-carousel-track>li{flex-basis:88%}.voice-scene-card{padding:20px}.voice-scene-card .voice-carousel-quote{font-size:1.3rem}}
.voice-scene-card .voice-scene-description{font-size:.88rem;line-height:1.9;margin:0 0 16px;padding:0;background:none;color:#506d5a}

.voice-detail>details:has(>.guide-voices){padding:16px 24px}
.voice-detail .guide-voices details.voice-alternative,
.voice-detail .guide-voices .voice-extra{padding:16px 24px!important;border:1px solid var(--rule);box-sizing:border-box}
.voice-detail .guide-voices details>summary{min-height:44px;line-height:1.8}
.voice-detail .guide-voices details[open]>summary{margin-bottom:16px}
.voice-detail .guide-voices .voice-scene-description,
.voice-detail .guide-voices .voice-adult,
.voice-detail .guide-voices .voice-alternative>p{margin:16px 0;line-height:1.9}
.voice-detail .guide-voices blockquote{margin:20px 0}
.voice-detail .guide-voices .voice-extra>.voice-alternative{padding:0!important;border:0;margin:20px 0 0!important}
.voice-detail .guide-voices details.voice-alternative>p:last-child,
.voice-detail .guide-voices .voice-extra>.voice-alternative>p:last-child{margin-bottom:0}
@media(max-width:767px){.voice-detail>details:has(>.guide-voices){padding:16px}.voice-detail .guide-voices details.voice-alternative,.voice-detail .guide-voices .voice-extra{padding:16px!important}}
/* The ability directory alone uses a wider editorial card layout. */
.home-ability-directory{width:100%;max-width:none;margin-left:0}
.home-ability-directory .ability-list-note{margin:0 0 32px;max-width:54em;line-height:1.8}
.home-ability-directory .ability-door-groups{gap:44px}
.home-ability-directory .ability-door-group{--group-accent:#a68958;--group-tint:#f7f2e9;border:0;border-radius:0;overflow:visible}
.home-ability-directory .ability-door-group[data-ability-group=learning]{--group-accent:#658d81;--group-tint:#edf4f0}
.home-ability-directory .ability-door-group[data-ability-group=relationships]{--group-accent:#85aa92;--group-tint:#f1f6f3}
.home-ability-directory .ability-door-group>h3{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:0;background:none;border:0;font-size:1.25rem;line-height:1.65}
.home-ability-directory .ability-door-group>h3::before{content:none}
.home-ability-directory .ability-group-icon{width:28px;height:28px;flex:0 0 28px;color:var(--group-accent)}
.home-ability-directory .ability-door-group>.ability-group-description{padding:0;margin:-8px 0 22px;background:none;border:0;color:var(--ink-2)}
.home-ability-directory .ability-door-group .ability-doors{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border:0}
.home-ability-directory .ability-door-group .ability-doors>li{display:flex;min-width:0;border:0}
.home-ability-directory .ability-door-group .ability-doors .door{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #e0e7e2;border-radius:8px;background:white;overflow:hidden;box-sizing:border-box;transition:border-color .18s,box-shadow .18s,transform .18s}
.home-ability-directory .ability-door-group .door__image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;flex:none;mix-blend-mode:normal;background:var(--group-tint)}
.home-ability-directory .ability-door-group .door__copy{display:flex;flex-direction:column;flex:1;width:auto;padding:20px}
.home-ability-directory .ability-door-group .door__copy .door__t{display:flex;align-items:baseline;gap:10px;min-height:0;margin:0 0 12px;font-size:1.18rem;line-height:1.65}
.home-ability-directory .ability-number{color:var(--group-accent);font-size:.85rem;font-weight:700}
.home-ability-directory .door__description{margin:0 0 20px;line-height:1.85}
.home-ability-directory .ability-door-group .door__copy .door__to{margin-top:auto;padding-top:8px;color:var(--blue);font-size:.82rem;line-height:1.7}
.home-ability-directory .door:hover{border-color:var(--group-accent);box-shadow:0 5px 16px #1833420d;transform:translateY(-2px)}
.home-ability-directory .door:focus-visible{outline:3px solid var(--group-accent);outline-offset:4px;border-color:var(--group-accent)}
@media(max-width:1099px){.home-ability-directory .ability-door-group .ability-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.home-ability-directory .ability-door-group .ability-doors{grid-template-columns:minmax(0,1fr);gap:20px}.home-ability-directory .ability-door-group>h3{font-size:1.1rem}.home-ability-directory .ability-door-groups{gap:36px}.home-ability-directory .ability-door-group .door__copy{padding:18px}}
@media(prefers-reduced-motion:reduce){.home-ability-directory .door{transition:none}.home-ability-directory .door:hover{transform:none}}
.home-ability-directory>.home-sec__head,
.home-ability-directory>.ability-list-note,
.home-ability-directory .ability-door-group>h3,
.home-ability-directory .ability-door-group>.ability-group-description{position:relative;left:-16px}
@media(max-width:767px){.home-ability-directory>.home-sec__head,.home-ability-directory>.ability-list-note,.home-ability-directory .ability-door-group>h3,.home-ability-directory .ability-door-group>.ability-group-description{left:-8px}}
/* Shared outer width; long-form reading keeps its existing line length. */
.page>.prose{max-width:720px;margin-inline:auto}
.page>.prose:has(.original-books-section){max-width:none}
.page>.prose p{max-width:720px}
.practice-route{padding-inline:20px}
.practice-route .practice-detail{max-width:none;margin-inline:0}
.practice-detail>p,.practice-detail>ol,.practice-detail>ul{max-width:720px}
.practice-detail .guide-voices p{max-width:720px}
.practice-route>.practice-change,.practice-route>.explorer-evidence{max-width:none}
@media(min-width:1180px){.article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:36px}.article-layout>.side{display:block}}
.article-layout .side-toc{top:calc(var(--article-header-height,64px) + 16px);max-height:calc(100dvh - var(--article-header-height,64px) - 32px)}
.home>.home-hero .home-hero__summary{margin-left:16px;width:calc(100% - 16px)}
@media(max-width:767px){.home>.home-hero .home-hero__summary{margin-left:12px;width:calc(100% - 12px)}}
.ability-section-nav .ability-nav-context{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background:#f5f9f6;border-bottom:1px solid var(--rule)}
.ability-section-nav .ability-nav-title{flex:none;font-size:.76rem;font-weight:700;line-height:1.6;padding:2px 8px;background:#e8f0eb;color:var(--blue);border-radius:3px}
.ability-section-nav .ability-nav-article-title{flex:1;min-width:0;font-size:.88rem;font-weight:600;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:767px){.ability-section-nav .ability-nav-context{gap:8px;padding:8px}.ability-section-nav .ability-nav-title{font-size:.7rem;padding:2px 6px}.ability-section-nav .ability-nav-article-title{font-size:.76rem}}
@media(max-width:767px){.home>.home-hero h1{font-size:clamp(19px,calc((100vw - 40px)/14),27px)}}
/* Keep each future-life heading and its two actions together. */
.ability-article-page #future-life>p{line-height:1.8;margin:0 0 12px}
.ability-article-page #future-life>p.note{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0}
.ability-article-page #future-life>h3{font-size:18px;font-weight:700;line-height:1.55;margin:28px 0 8px}
.ability-article-page #future-life>p.note+h3{margin-top:24px}
.ability-article-page #future-life>ul{line-height:1.75;margin:0;padding-left:1.3em}
.ability-article-page #future-life>ul>li{line-height:1.75;margin:0}
.ability-article-page #future-life>ul>li+li{margin-top:6px}
.ability-article-page #future-life>ul+p{font-size:15px;line-height:1.8;color:var(--ink-2);margin:24px 0 12px}
.ability-article-page #future-life>.future-scope{font-size:14px;line-height:1.75;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--rule)}
.ability-article-page #future-life>.future-scope>summary{font-weight:600;cursor:pointer;line-height:1.7}
.ability-article-page #future-life>.future-scope>p{line-height:1.75;margin:12px 0 0}
/* Adult study books on the introductory article. */
.adult-learning-books .learning-books-note{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0 0 24px}
.adult-learning-books .learning-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.adult-learning-books .learning-book-card{min-width:0;margin:0;padding:16px;border:1px solid var(--rule);border-radius:4px;background:#fff}
.adult-learning-books .learning-book-role{font-size:13px;font-weight:700;color:var(--blue);margin:0 0 12px}
.adult-learning-books .book-visual{display:flex;align-items:center;justify-content:center;height:200px;margin:0 0 12px}
.adult-learning-books .book-cover-link{display:block;width:160px;height:200px;max-width:100%;margin:0}
.adult-learning-books .book-cover-link img{display:block;width:100%;height:100%;object-fit:contain}
.adult-learning-books .book-cover-pending{font-size:13px;color:var(--ink-2);margin:0}
.adult-learning-books .book-direct-shops{display:flex;gap:8px;margin:0 0 8px}
.adult-learning-books .book-direct-shops>a.book-buy{flex:1;min-width:0;width:auto;min-height:44px;padding:8px 6px;font-size:13px;border-radius:4px}
.adult-learning-books .google-books-attribution{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:1.4;margin:0 0 16px}
.adult-learning-books .google-books-attribution img{width:62px;height:30px;object-fit:contain}
.adult-learning-books .learning-book-card h3{font-size:17px;line-height:1.6;margin:16px 0 8px}
.adult-learning-books .learning-book-card h3 a{color:inherit;text-decoration:none}
.adult-learning-books .learning-book-card h3 a:hover{text-decoration:underline}
.adult-learning-books .learning-book-credit{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0 0 12px}
.adult-learning-books .learning-book-reason{font-size:15px;line-height:1.75;margin:0 0 12px}
.adult-learning-books .learning-book-source{font-size:13px;line-height:1.7;margin:0}
@media(max-width:1099px){.adult-learning-books .learning-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.adult-learning-books .learning-book-grid{grid-template-columns:minmax(0,1fr);gap:20px}}
/* Activity details only; voice details and article cards retain their layout. */
.activity-detail .activity-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:36px;align-items:center;padding:24px 0}
.activity-detail .activity-detail-intro{min-width:0}
.activity-detail .home-kicker{font-size:13px;margin:0 0 8px;color:var(--ink-2)}
.activity-detail .activity-meta{font-size:13px;line-height:1.7;margin:0 0 10px;color:var(--blue)}
.activity-detail h1{font-size:clamp(24px,2.4vw,34px);line-height:1.5;margin:0 0 16px}
.activity-detail .activity-description{font-size:17px;line-height:1.8;margin:0 0 16px}
.activity-detail .activity-essentials{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.75;margin:0 0 8px}
.activity-detail .activity-time-note{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0 0 16px}
.activity-detail .activity-detail-hero>.activity-illustration{width:100%;max-width:440px;margin:0;justify-self:center}
.activity-detail .activity-detail-hero .activity-illustration>img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}
.activity-detail .activity-detail-hero figcaption{font-size:12px;line-height:1.6;color:var(--ink-2);margin:8px 0 0;text-align:center}
.activity-detail .activity-step-cta,.activity-detail button.practice-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#35634d;color:#fff;border:0;border-radius:4px;font-size:15px;line-height:1.5;font-weight:700;text-decoration:none;cursor:pointer}
.activity-detail .activity-step-cta:hover,.activity-detail button.practice-primary:hover{background:#35634d}
.activity-detail .activity-detail-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 28px;padding:12px 0;border-block:1px solid var(--rule)}
.activity-detail .activity-detail-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;text-decoration:none}
.activity-detail .activity-detail-section{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;padding:24px 0;margin:0;border-bottom:1px solid var(--rule);scroll-margin-top:calc(var(--explorer-header-height,64px) + 16px)}
.activity-detail .activity-detail-section>h2{font-size:22px;line-height:1.5;margin:0;padding:0}
.activity-detail .activity-section-body{min-width:0}
.activity-detail .activity-section-body>p{font-size:16px;line-height:1.8;margin:0 0 16px}
.activity-detail .activity-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;margin:0 0 16px;padding-left:20px;font-size:16px;line-height:1.75}
.activity-detail .activity-materials li{margin:0;padding:0}
.activity-detail .activity-section-body>.activity-preparation-note{font-size:14px;color:var(--ink-2);margin:0}
.activity-detail .steps{list-style:none;counter-reset:activity-step;padding:0;margin:0 0 20px}
.activity-detail .steps>li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;counter-increment:activity-step;font-size:16px;line-height:1.8;margin:0;padding:14px 0;border-bottom:1px solid var(--rule)}
.activity-detail .steps>li:first-child{padding-top:0}
.activity-detail .steps>li::before{content:counter(activity-step,decimal-leading-zero);font-weight:700;font-size:18px;color:var(--blue);line-height:1.6}
.activity-detail .voice-main-quote{font-size:21px;line-height:1.75;margin:12px 0 16px;padding:14px 18px;background:#f5f9f6;border-left:3px solid var(--blue)}
.activity-detail .activity-section-body>.activity-guide{margin:0 0 20px!important}
.activity-detail .activity-section-body details{padding:12px 0;margin:12px 0;border:0;border-top:1px solid var(--rule)}
.activity-detail .activity-section-body details>summary{font-size:15px;font-weight:600;line-height:1.7;cursor:pointer}
.activity-detail .activity-section-body details p{font-size:14px;line-height:1.8;margin:12px 0}
@media(max-width:999px){.activity-detail .activity-detail-hero{grid-template-columns:minmax(0,1fr);gap:20px}.activity-detail .activity-detail-hero>.activity-illustration{max-width:360px}.activity-detail .activity-detail-hero .activity-illustration>img{max-height:220px}.activity-detail .activity-detail-section{grid-template-columns:160px minmax(0,1fr);gap:24px}}
@media(max-width:767px){.activity-detail .activity-detail-hero{padding:20px 0}.activity-detail .activity-description{font-size:16px}.activity-detail .activity-essentials{grid-template-columns:minmax(0,1fr);gap:4px}.activity-detail .activity-detail-nav{gap:8px 20px;margin-bottom:8px}.activity-detail .activity-detail-section{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 0}.activity-detail .activity-detail-section>h2{font-size:21px}.activity-detail .activity-materials{grid-template-columns:minmax(0,1fr);gap:6px}.activity-detail .steps>li{grid-template-columns:28px minmax(0,1fr);gap:10px}.activity-detail .voice-main-quote{font-size:20px;padding:12px 14px}}
/* Voice detail pages only: one scene, one phrase, then the adult's response. */
.voice-detail .voice-detail-heading{padding:24px 0 20px}
.voice-detail .voice-detail-heading .home-kicker{font-size:13px;color:var(--ink-2);margin:0 0 8px}
.voice-detail .voice-detail-heading .activity-meta{font-size:13px;color:var(--blue);line-height:1.7;margin:0 0 10px}
.voice-detail .voice-detail-heading h1{font-size:clamp(24px,2.4vw,34px);line-height:1.5;margin:0 0 12px}
.voice-detail .voice-detail-lead{font-size:16px;line-height:1.8;margin:0;color:var(--ink-2)}
.voice-detail .voice-detail-nav{display:flex;flex-wrap:wrap;gap:8px 24px;padding:12px 0;margin:0;border-block:1px solid var(--rule)}
.voice-detail .voice-detail-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;text-decoration:none}
.voice-detail .voice-detail-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:28px 0;border-bottom:1px solid var(--rule)}
.voice-detail .voice-detail-main>section{min-width:0}
.voice-detail .voice-detail-main h2{font-size:21px;line-height:1.5;margin:0 0 12px;padding:0}
.voice-detail .voice-detail-main h3{font-size:17px;line-height:1.6;margin:20px 0 8px}
.voice-detail .voice-scene-description,.voice-detail .voice-intention{font-size:16px;line-height:1.8;margin:0 0 12px}
.voice-detail .voice-main-quote{font-size:21px;font-weight:600;line-height:1.75;color:var(--blue);background:none;border-left:3px solid var(--blue);padding:4px 0 4px 16px;margin:0 0 16px}
.voice-detail .voice-note{font-size:13px;line-height:1.75;color:var(--ink-2);margin:12px 0 0}
.voice-detail .voice-detail-section{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;padding:24px 0;margin:0;border-bottom:1px solid var(--rule)}
.voice-detail .voice-detail-section>h2{font-size:21px;line-height:1.5;margin:0;padding:0}
.voice-detail .voice-section-body{min-width:0}
.voice-detail .voice-section-body>p{font-size:16px;line-height:1.8;margin:0 0 12px}
.voice-detail .voice-section-body .guide-use{font-size:14px;color:var(--ink-2);line-height:1.7;margin:0 0 8px}
.voice-detail .voice-extra-quote,.voice-detail .voice-alternative-quote{font-size:19px;line-height:1.75;color:var(--blue);background:none;border:0;padding:0;margin:0 0 16px}
.voice-detail .voice-section-body details{padding:12px 0;margin:0;border:0;border-top:1px solid var(--rule)}
.voice-detail .voice-section-body>.voice-other-scene:first-child{padding-top:0;border-top:0}
.voice-detail .voice-section-body details>summary{font-size:16px;font-weight:600;line-height:1.7;min-height:36px;cursor:pointer}
.voice-detail .voice-other-body{padding:12px 0 4px}
.voice-detail .voice-other-body .voice-part-label{font-size:14px;font-weight:700;color:var(--ink-2);line-height:1.7;margin:12px 0 8px}
.voice-detail .voice-other-body .voice-part-label:first-child{margin-top:0}
.voice-detail .voice-section-body .voice-extra-alternative{margin:16px 0 0;padding:12px 0}
.voice-detail .voice-extra-alternative>summary{font-size:14px}
.voice-detail .voice-extra-alternative .guide-use{margin:12px 0 8px}
.voice-detail .voice-section-body .practice-related p{font-size:14px;line-height:1.8;margin:12px 0}
.voice-detail .voice-section-body .practice-related h3{font-size:18px;line-height:1.6;margin:20px 0 8px}
.voice-detail .voice-detail-main,.voice-detail .voice-detail-section{scroll-margin-top:calc(var(--explorer-header-height,64px) + 16px)}
@media(max-width:767px){.voice-detail .voice-detail-heading{padding:20px 0}.voice-detail .voice-detail-nav{gap:8px 20px}.voice-detail .voice-detail-main{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 0}.voice-detail .voice-detail-section{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 0}.voice-detail .voice-main-quote{font-size:20px;padding-left:12px}.voice-detail .voice-extra-quote,.voice-detail .voice-alternative-quote{font-size:18px}}
/* Wrap the home book results; article shelves keep their carousel behavior. */
.home-collection[data-book-grid] .collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:16px 0;width:100%;max-width:none;overflow:visible;scroll-snap-type:none;cursor:auto}
.home-collection[data-book-grid] .collection-grid>li{min-width:0;margin:0;align-self:stretch}
.home-collection[data-book-grid] .book-tile{height:100%;box-sizing:border-box;align-self:stretch}
.home-collection[data-book-grid] .book-visual:has(.book-cover-pending){height:160px;justify-content:center}
.home-collection[data-book-grid] .book-tile h3{font-size:18px;line-height:1.6}
.home-collection[data-book-grid] .book-tile p{font-size:14px;line-height:1.75}
.home-collection[data-book-grid] .original-book-card{display:flex;flex-direction:column;gap:16px;height:100%;margin:0;padding:16px;border-radius:4px;box-sizing:border-box}
.home-collection[data-book-grid] .original-book-card>div{display:flex;flex:1;flex-direction:column;min-width:0}
.home-collection[data-book-grid] .original-book-card h3{font-size:18px;line-height:1.6;margin:0 0 8px}
.home-collection[data-book-grid] .original-book-card p{font-size:14px;line-height:1.75;margin:8px 0}
.home-collection[data-book-grid] .original-book-card .book-card-label{margin:0 0 8px!important}
.home-collection[data-book-grid] .original-book-card .original-parent-note{margin-top:auto}
.home-collection[data-book-grid] .original-book-cover{width:100%;max-width:none}
@media(max-width:1099px){.home-collection[data-book-grid] .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.home-collection[data-book-grid] .collection-grid{grid-template-columns:minmax(0,1fr);gap:20px}}

/* Supporting illustrations on dedicated voice pages only. */
.voice-detail .voice-illustration{width:100%;max-width:440px;margin:20px 0 0}
.voice-detail .voice-illustration img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}
.voice-detail .voice-illustration figcaption{margin-top:8px;font-size:12px;line-height:1.6;color:var(--ink-light)}
@media(max-width:767px){.voice-detail .voice-illustration img{max-height:220px}}

/* Dedicated activity pages: purchase links remain visible beside their supplies. */
.activity-purchase-section .activity-supplies{margin-top:0!important}
.activity-purchase-section .supply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.activity-purchase-section .supply-compact{border:1px solid var(--rule);border-radius:8px;padding:16px;background:#faf8f3}
.activity-purchase-section .supply-heading h3{font-size:16px;line-height:1.5;margin:3px 0}
.activity-purchase-section .commerce-shops{display:flex;flex-wrap:wrap}
.activity-purchase-section .commerce-shops>a{flex:1 1 110px;text-align:center}
@media(max-width:1100px){.activity-purchase-section .supply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.activity-purchase-section .supply-grid{grid-template-columns:minmax(0,1fr)}}

/* Toy-first discovery, using the site's existing tool illustrations. */
.home-content-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.tool-card-art{display:flex;align-items:center;justify-content:center;background:#f4f1e8;min-height:140px;border-radius:8px}
.tool-card-art svg{width:96px;height:96px}
[data-collection="tools"] .collection-card{border:0}
[data-collection="tools"] .collection-grid>li{border:1px solid var(--rule);border-radius:8px;overflow:hidden}
.tool-page{max-width:1320px;margin:auto;padding:32px 20px 64px}
.tool-breadcrumb{font-size:14px;margin-bottom:28px}
.tool-hero{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:center;padding:24px 0 32px;border-bottom:1px solid var(--rule)}
.tool-hero h1{font-size:32px;line-height:1.45;margin:10px 0}
.tool-hero-art{background:#f4f1e8;border-radius:16px;padding:30px;text-align:center}
.tool-hero-art svg{width:120px;height:120px}
.tool-abilities{display:flex;flex-wrap:wrap;gap:8px;color:#526859;font-size:14px}
.tool-abilities a{padding:5px 10px;background:#edf2ee;border-radius:4px}
.tool-buy{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;background:#f7f8f5;padding:24px;margin:24px 0}
.tool-buy h2{font-size:18px;margin:0 0 8px}.tool-buy p{margin:8px 0;line-height:1.7}
.tool-editor-note{font-size:14px;color:#626b70}
.tool-ability-section{margin:40px 0;scroll-margin-top:80px}.tool-ability-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.tool-ability-section h2{font-size:23px;margin:0}
.tool-activity-grid,.tool-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tool-activity-card,.tool-directory-card{border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:white}
.tool-activity-card img{display:block;width:100%;height:180px;object-fit:contain;background:#fcfbf7}
.tool-activity-card>div{padding:20px}.tool-activity-card h3{font-size:19px;line-height:1.55;margin:8px 0}.tool-activity-card p{font-size:15px;line-height:1.7}.tool-use{padding-top:12px;border-top:1px solid var(--rule)}
.tool-directory-card{padding:20px;text-decoration:none;color:inherit}.tool-directory-card h2{font-size:21px}.tool-directory-card p{font-size:15px;line-height:1.7}
@media(max-width:900px){.tool-activity-grid,.tool-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-buy{grid-template-columns:1fr}}
@media(max-width:600px){.home-content-tabs button{padding:10px 3px;font-size:12px}.tool-hero{grid-template-columns:76px minmax(0,1fr);gap:16px}.tool-hero-art{padding:10px;border-radius:8px}.tool-hero-art svg{width:56px;height:56px}.tool-hero h1{font-size:24px}.tool-activity-grid,.tool-directory{grid-template-columns:1fr}.tool-ability-section>header{display:block}.tool-buy{padding:18px}.tool-activity-card img{height:170px}.tool-page{padding-top:20px}}
[data-collection="tools"] .collection-copy{padding:18px 20px 20px}
[data-collection="tools"] .collection-card{padding:0;display:block}
[data-collection="tools"] .home-sec__head{justify-content:flex-end}

.home-other-reading{margin:56px 0 32px;padding-top:32px;border-top:2px solid #d9e3dd}
.home-other-reading>h2{font-size:26px;margin:0 0 28px}.home-other-reading>section{margin-top:32px}.home-other-reading h3{font-size:20px;margin-bottom:18px}
.other-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.other-reading-card{display:block;border:1px solid var(--rule);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;background:#fff}
.other-reading-card img{display:block;width:100%;height:160px;object-fit:contain;background:#faf9f5}.other-reading-card>div{padding:18px}.other-reading-card h4{font-size:18px;line-height:1.6;margin:0 0 10px}.other-reading-card p{font-size:14px;line-height:1.7;color:#607467;margin:10px 0}.other-reading-card span{font-size:14px;color:#35634d;font-weight:700}
@media(max-width:900px){.other-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.other-reading-grid{grid-template-columns:1fr}.home-other-reading>h2{font-size:23px}}

.home-content-browser .home-sec__head{justify-content:flex-end}
/* Keep the all-abilities reset beside the three category groups. */
.home-content-browser .collection-filter{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.home-content-browser .filter-all{margin:0;padding-top:29px}
.home-content-browser .filter-groups{min-width:0}
@media(max-width:767px){.home-content-browser .collection-filter{gap:10px}.home-content-browser .filter-all{padding-top:27px}.home-content-browser .filter-all button{padding-inline:10px}}

.home-content-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
[data-collection="originals"] .original-book-card{height:100%}
@media(max-width:767px){.home-content-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.home-content-tabs button{font-size:12px;line-height:1.5}}
.home-content-browser .home-sec__head{display:none}
/* Reading section headings sit slightly outside the card alignment. */
.home-other-reading>h2,.home-other-reading>section>h3{position:relative;left:-12px}
@media(max-width:767px){.home-other-reading>h2,.home-other-reading>section>h3{left:-8px}}

.home-content-browser>h2{position:relative;left:-16px;display:flex;align-items:center;gap:10px}
.home-content-title-icon{width:28px;height:28px;flex:0 0 28px;color:var(--accent)}
@media(max-width:767px){.home-content-browser>h2{left:-8px}}
/* Parent review: compact decisions, consistent lists, responsive reading. */
.article-overview{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:center;margin:20px 0}
.article-overview .answer{margin:0}.article-overview .article-illustration{margin:0;width:100%}.article-overview .article-image{width:100%;height:auto}
.article-start{border-bottom:1px solid var(--rule);padding:4px 0 22px;margin-bottom:22px}
.article-start h2{font-size:1.4rem;margin:12px 0}.article-start ul{margin:12px 0;padding-left:1.4em}.article-start li{margin:5px 0;line-height:1.75}
.start-phrase{background:#f0f5ef;border-left:3px solid #668a73;padding:12px 18px;margin-top:18px}.start-phrase h3{font-size:.875rem;margin:0 0 6px;color:#536b58}.start-phrase blockquote{padding:0;border:0;background:none;margin:0;font-size:1.15rem;line-height:1.65;font-weight:700}
.article-standard .prose section p,.article-standard .prose section li{font-size:1.0625rem;line-height:1.8}.article-standard .prose section p{margin:12px 0}.article-standard .prose section h3{margin-top:24px;margin-bottom:10px}
.book-shelf[data-book-grid] .book-shelf-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;scroll-snap-type:none;padding:0;list-style:none}
.book-shelf[data-book-grid] .book-shelf-track>li{width:auto;min-width:0;flex:none;margin:0;padding:18px}.book-shelf[data-book-grid] .book-shelf-controls{display:none}
.outdoor-page{max-width:1120px;margin:30px auto 60px;padding:0 12px}.outdoor-page section{margin:32px 0}.outdoor-page p,.outdoor-page li{font-size:1.0625rem;line-height:1.8}.outdoor-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:center}.outdoor-art{display:block;width:100%;height:180px}.outdoor-hero .outdoor-art{height:auto}.collection-grid>li>.outdoor-art{height:170px;background:#eef4e8}.outdoor-related{margin-top:24px;padding:18px 22px;background:#f0f5ef}.outdoor-related h3{margin:0 0 12px}.outdoor-related li{margin:8px 0}
.activity-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px 18px;margin:18px 0;padding:16px;background:#f2f6f4;border-radius:8px}.activity-filters label{font-size:.875rem;font-weight:600;display:block}.activity-filters select{display:block;margin-top:5px;padding:9px 12px;min-height:42px;border:1px solid #b9c9c1;border-radius:4px;background:white;color:#244c48;font:inherit}.activity-filters .condition-check{display:flex;gap:7px;align-items:center;min-height:42px}.activity-filters input{width:18px;height:18px;accent-color:#35634d}.activity-filters button{min-height:42px;padding:8px 12px;border:1px solid #b9c9c1;background:white;color:#35634d;border-radius:4px}
.activity-effort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.activity-effort>div{padding:12px;background:#f2f6f4;border-radius:5px}.activity-effort dt{font-size:.8125rem;font-weight:bold;color:#586c61}.activity-effort dd{font-size:.9375rem;line-height:1.65;margin:5px 0 0}.supply-alternative{background:#f3f6f0;padding:10px;border-radius:4px}
@media(max-width:900px){.article-overview{grid-template-columns:minmax(0,1fr) 190px}.book-shelf[data-book-grid] .book-shelf-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.article-overview{grid-template-columns:1fr;gap:12px}.article-overview .article-illustration{max-width:220px;justify-self:center}.article-overview .answer__lead{font-size:1rem;line-height:1.8}.article-start h2{font-size:1.25rem}.book-shelf[data-book-grid] .book-shelf-track{grid-template-columns:1fr}.outdoor-hero{grid-template-columns:1fr;gap:12px}.outdoor-hero .outdoor-art{height:130px}.outdoor-page h1{font-size:1.65rem}.activity-effort{grid-template-columns:1fr}.activity-filters label:has(select){flex:1;min-width:100px}.activity-filters select{width:100%}.outdoor-page{padding:0}}

/* Long source names remain readable with enlarged text. */
.article-layout .prose p,.article-layout .prose li{overflow-wrap:anywhere}
.original-book-card h3{overflow-wrap:anywhere;word-break:normal;text-wrap:wrap}
.outdoor-page{width:calc(100% - 40px);max-width:var(--site-shell-width);padding:0;margin:32px auto}.outdoor-page .activity-detail-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:24px 0;padding:12px 0;border-block:1px solid var(--rule)}.outdoor-page .activity-detail-nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none}.outdoor-page .steps{padding-left:1.6em}.outdoor-page .steps li{padding:12px 0 12px 8px;border-bottom:1px solid var(--rule)}.outdoor-page [id]{scroll-margin-top:90px}

/* Voice examples: compact independent cards with clear section boundaries. */
.voice-carousel .voice-carousel-track{display:flex;align-items:flex-start;gap:16px}
.voice-carousel .voice-carousel-track>li{display:block}
.voice-carousel .voice-scene-card{display:block;padding:18px 20px}
.article-standard .prose .voice-scene-card .voice-age{width:100%;font-size:.8rem;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #cbded2;line-height:1.5}
.article-standard .prose .voice-scene-card .voice-scene-label{margin:0 0 4px;font-size:.75rem;line-height:1.5}
.article-standard .prose .voice-scene-card h3{margin:0 0 8px;line-height:1.55}
.article-standard .prose .voice-scene-card .voice-scene-description{margin:0 0 14px;line-height:1.75}
.article-standard .prose .voice-scene-card .voice-carousel-quote{margin:0 0 14px;padding:12px 14px;font-size:1.15rem;line-height:1.65;border-block:1px solid #dae7de;border-left:3px solid #7baa8b}
.article-standard .prose .voice-scene-card .voice-adult{margin:0 0 12px;padding:12px 0 0;line-height:1.75;border-top:1px solid #cbded2}
.article-standard .prose .voice-scene-card .voice-adult>span{margin-bottom:4px}
.article-standard .prose .voice-scene-card .voice-alternative{border-top:1px solid #cbded2;padding:4px 0 0!important}
@media(min-width:768px) and (max-width:1099px){.voice-carousel .voice-carousel-track>li{flex-basis:44%}}
@media(max-width:767px){.voice-carousel .voice-scene-card{padding:16px}.article-standard .prose .voice-scene-card .voice-carousel-quote{font-size:1.15rem}}
.reader-page.reader-finish{display:block;max-width:850px;margin:36px auto}.reader-finish .story-text h2{font-size:1.65em;color:var(--blue);margin-bottom:20px}.reader-questions{list-style:none;padding:0;margin:24px 0;border-top:1px solid #c6dacd}.reader-questions li{padding:18px 0;border-bottom:1px solid #c6dacd;line-height:1.7;overflow-wrap:anywhere}.reader-finish .finish-note{font-size:.72em;color:#526d5b;line-height:1.8}.reader-finish-link{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border-radius:4px;background:var(--accent);color:white;text-decoration:none;font-size:1rem;font-weight:700}.reader-navigation>*{min-width:0}.reader-navigation .reader-finish-link{max-width:45%;text-align:center}.reader-finish .finish-invitation{font-size:.85em}@media(max-width:600px){.reader-page.reader-finish{margin:24px auto}.reader-questions li{padding:14px 0}.reader-navigation button{padding:10px 14px}}

/* Sage interaction palette: pale surfaces, dark readable actions. */
:root{--sage-soft:#eaf2e8;--sage-action:#3e6855;--sage-link:#35634d}
.home-content-tabs button[aria-selected=true],.ability-section-nav a[aria-current]{background:var(--sage-soft);color:var(--sage-link);border-bottom-color:#7d9d80}
.collection-filter button[aria-pressed=true]{background:var(--sage-action);border-color:var(--sage-action);color:white}
.collection-filter button:hover:not([aria-pressed=true]){background:var(--sage-soft)}
.home-content-tabs button:focus-visible,.ability-section-nav a:focus-visible{outline-color:var(--sage-link)}
.activity-filters{background:#f1f5ef}.activity-filters input{accent-color:var(--sage-action)}
/* Consistent interaction feedback without shifting the surrounding layout. */
button,a,summary{ -webkit-tap-highlight-color:#3e68552b }
:is(.btn-main,.button,.book-buy,.book-read,.activity-step-cta,.reader-finish-link,button:not(.ability-orb):not(.illustration)){transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:is(.btn-sub,.text-link,.collection-card,.home-feature,summary){transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}
:is(a,button,summary):focus-visible{outline:3px solid #35634d;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 :is(.btn-main,.button,.book-buy,.book-read,.activity-step-cta,.reader-finish-link,button:not(.ability-orb):not(.illustration)):not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-2px);box-shadow:0 5px 12px #254d3826}
 a.btn-main:hover,a.button:hover,.activity-detail .activity-step-cta:hover,.activity-detail button.practice-primary:hover,.reader-finish-link:hover,.reader-navigation button:not(:disabled):hover{background:#294f3c;color:white}
 .collection-filter button:not(:disabled):hover,.home-content-tabs button:hover,.collection-more:hover,[data-reset-conditions]:hover{background:#e0ecdc;color:#294f3c;border-color:#7d9d80}
 .collection-filter button[aria-pressed=true]:hover{background:#294f3c;color:white}
 a.btn-sub:hover,a.text-link:hover{color:#294f3c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;background:#edf4e9}
 .collection-card:hover,.home-feature:hover{background:#f3f7f0;box-shadow:0 4px 14px #254d3812}
 .collection-card:hover h3,.home-feature:hover h3{color:#294f3c}
 summary:hover{color:#294f3c;background:#f1f6ed}
 .prose p a:hover,.prose li a:hover{color:#294f3c;text-decoration-thickness:2px;background:#edf4e9}
}
:is(.btn-main,.button,.book-buy,.book-read,.activity-step-cta,.reader-finish-link,button:not(.ability-orb):not(.illustration)):not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px);box-shadow:inset 0 2px 4px #18372526}
@media(prefers-reduced-motion:reduce){
 :is(button,a,summary){transition:none!important}
 :is(.btn-main,.button,.book-buy,.book-read,.activity-step-cta,.reader-finish-link,button:not(.ability-orb):not(.illustration)):hover,
 :is(.btn-main,.button,.book-buy,.book-read,.activity-step-cta,.reader-finish-link,button:not(.ability-orb):not(.illustration)):active{transform:none!important}
}
/* Age-and-ability book selection articles. */
.selection-home{border-top:1px solid var(--rule);padding-top:24px}.selection-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.selection-article-card{display:block;border:1px solid var(--rule);border-top:3px solid #9ab49a;border-radius:7px;padding:20px;text-decoration:none;color:var(--ink);background:#fafcf8}.selection-card-kicker{font-size:.8rem;color:var(--link);font-weight:700}.selection-article-card h4{font-size:1.1rem;line-height:1.65;margin:10px 0}.selection-article-card p{font-size:.88rem;color:var(--ink-2);line-height:1.8}.selection-article-card:hover{background:#edf4e9;border-color:#7d9d80}.selection-crosslink{margin:16px 0;padding:16px 18px;border-left:3px solid #8eac91;background:#f1f6ed}.selection-crosslink span{display:block;font-size:.8rem;margin-bottom:6px}.selection-crosslink a{font-weight:700;line-height:1.8}.selection-shortlist{list-style:none;padding:0!important;margin:20px 0;border-top:1px solid var(--rule)}.selection-shortlist li{padding:0!important;margin:0!important;border-bottom:1px solid var(--rule)}.selection-shortlist a{display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:14px 8px;text-decoration:none}.selection-shortlist a:hover{background:#f1f6ed}.selection-shortlist small{display:block;font-size:.85rem;color:var(--ink-2);margin-top:4px}.pick-number{font-size:.85rem;letter-spacing:.08em;color:var(--link);font-weight:700}.selection-pick{border-top:1px solid #c6d7c5;padding-top:24px;margin-top:36px!important}.selection-pick>h2{display:flex;gap:14px;align-items:baseline;margin:0 0 20px!important}.selection-pick>h2:before{display:none!important}.selection-pick-body{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px}.selection-pick .book-visual{height:auto;max-height:230px;padding:8px;background:#fbfaf6;align-content:center;text-align:center}.selection-pick .book-visual img{max-height:210px;width:100%;object-fit:contain}.selection-pick .book-visual a{display:block}.selection-pick .selection-cover-source{font-size:.85rem;padding:20px 8px}.article-standard .prose .selection-pick .selection-angle{margin:0 0 6px;font-size:1.05rem}.article-standard .prose .selection-pick .book-credit,.article-standard .prose .selection-pick .selection-age{font-size:.8rem;line-height:1.7}.selection-hint{padding:12px 16px;background:#f1f6ed;border-left:3px solid #8eac91;margin:16px 0}.selection-hint strong{font-size:.82rem}.article-standard .prose .selection-hint p{margin:6px 0 0;font-size:1rem}.selection-buy{border-top:1px solid var(--rule);padding-top:8px;margin-top:16px}.selection-buy small{font-size:.8rem;color:var(--ink-2)}.selection-buy .book-direct-shops{flex-wrap:wrap;gap:8px}.selection-buy .book-buy{font-size:.82rem;min-height:44px;padding:10px 14px}
@media(max-width:900px){.selection-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.selection-article-grid{grid-template-columns:1fr}.selection-pick-body{grid-template-columns:1fr;gap:16px}.selection-pick .book-visual{width:160px;justify-self:center}.selection-article-card{padding:16px}.selection-shortlist a{grid-template-columns:28px minmax(0,1fr) 18px;gap:8px}.selection-pick>h2{font-size:1.3rem;gap:10px}.selection-buy .book-buy{width:auto;flex:1}.selection-pick .selection-age{overflow-wrap:anywhere}}

.selection-shortlist a{grid-template-columns:2.2em minmax(0,1fr) 1.2em}.selection-book-title{min-width:0;overflow-wrap:anywhere}.selection-pick>h2>.pick-number{flex-shrink:0}

.toy-product-photo{margin:16px 0 24px;padding:16px;border:1px solid var(--rule);border-radius:8px;background:#fff}.toy-product-photo>a{display:block}.toy-product-photo img{display:block;width:100%;height:300px;object-fit:contain}.toy-product-photo figcaption{font-size:.75rem;margin-top:10px;text-align:center}.toy-photo-shortlist a{grid-template-columns:2.2em 80px minmax(0,1fr) 1.2em}.toy-photo-shortlist img{width:80px;height:80px;object-fit:contain;background:white}@media(max-width:600px){.toy-product-photo{padding:12px}.toy-product-photo img{height:230px}.toy-photo-shortlist a{grid-template-columns:1.7em 56px minmax(0,1fr);gap:8px}.toy-photo-shortlist img{width:56px;height:64px}.toy-photo-shortlist a>span:last-child{display:none}}

.toy-shortlist-row{display:grid;grid-template-columns:2.2em 80px minmax(0,1fr);gap:12px;align-items:center;padding:14px 8px}.toy-photo-shortlist .toy-shortlist-row a{display:block;padding:0}.toy-shortlist-photo:hover,.toy-product-photo>a:hover,.book-cover-link:hover{opacity:.85}.toy-shortlist-detail{min-width:0}@media(max-width:600px){.toy-shortlist-row{grid-template-columns:1.7em 56px minmax(0,1fr);gap:8px}}

/* Product recommendations share the picture-book image-left layout. */
.toy-pick-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}.toy-pick-body .toy-product-photo{margin:0;padding:12px;border:0;border-radius:0;background:#fbfaf6}.toy-pick-body .toy-product-photo img{height:210px}.toy-pick-copy{min-width:0}.article-standard .prose .toy-pick-copy>.selection-age:first-child{margin-top:0}.toy-pick-body .toy-product-photo figcaption{overflow-wrap:anywhere}@media(max-width:600px){.toy-pick-body{grid-template-columns:minmax(0,1fr);gap:16px}.toy-pick-body .toy-product-photo{width:200px;max-width:100%;justify-self:center}}

.selection-crosslink a{display:block;margin-top:.5rem}
.selection-directory,.selection-age-entry{max-width:1320px;margin:0 auto;padding:24px 20px}
.selection-age-nav{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.selection-age-nav a{padding:10px 22px;background:#eef4e8;border:1px solid #b5c9b9;border-radius:6px}
.selection-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.selection-directory-grid section{border:1px solid #d6dfd2;padding:20px;border-radius:8px}
.selection-directory-grid h3{margin:0 0 12px}.selection-directory-grid a{display:block;margin:10px 0;line-height:1.6}
.selection-directory>section{margin:32px 0;scroll-margin-top:100px}
.selection-age-group{border-top:1px solid #d6dfd2;padding:14px 0}.selection-age-group summary{cursor:pointer;font-weight:700;padding:10px}.selection-age-group .selection-article-grid{padding-top:16px}
@media(max-width:700px){.selection-directory-grid{grid-template-columns:1fr}.selection-directory,.selection-age-entry{padding:16px}.selection-directory h1{font-size:1.8rem}}

.parent-age-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-standard .parent-age-tips>section{min-width:0;margin:0;border-top:2px solid #9eb5a4;padding:16px 0 0}.article-standard .prose .parent-age-tips>section>h3{margin:0 0 12px}.article-standard .prose .parent-age-tips>section>p{margin:0}.parent-reading-links{border-top:1px solid #cedacd;padding-top:20px}.parent-reading-links li{margin:10px 0}@media(max-width:700px){.parent-age-tips{grid-template-columns:1fr}}

/* Central growth sequence: 4 boy stages, then 4 girl stages; shared pause control. */
.home-orbit .home-growth{width:42%;aspect-ratio:1;isolation:isolate;pointer-events:none}
.home-growth .growth-stage{position:absolute;inset:0;background-image:url('/assets/home-growth-v3.png');background-size:300% 200%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;opacity:0;transform-origin:50% 96%;animation-duration:24s;animation-iteration-count:infinite;animation-timing-function:linear}
.home-growth .growth-stage:first-child{opacity:1}
.home-orbit[data-motion="paused"] .growth-stage{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.home-growth .growth-stage{animation:none!important;opacity:0}.home-growth .growth-stage:first-child{opacity:1}}

/* Keep reading-card links aligned within each grid row. */
.home-collection[data-collection="reading"] .collection-card{display:flex;flex-direction:column;box-sizing:border-box}
.home-collection[data-collection="reading"] .collection-card>img{flex-shrink:0}
.home-collection[data-collection="reading"] .collection-copy{display:flex;flex:1;flex-direction:column}
.home-collection[data-collection="reading"] .collection-go{margin-top:auto}

@keyframes growth-stage-0{0%,14.166667%{opacity:1;transform:scale(1)}16.666667%,97.5%{opacity:0;transform:scale(1.025)}100%{opacity:1;transform:scale(1)}}

@keyframes growth-stage-1{0%,14.166667%{opacity:0;transform:scale(.98)}16.666667%{opacity:1;transform:scale(1)}30.833333%{opacity:1;transform:scale(1.025)}33.333333%,100%{opacity:0;transform:scale(1.025)}}

@keyframes growth-stage-2{0%,30.833333%{opacity:0;transform:scale(.98)}33.333333%{opacity:1;transform:scale(1)}47.500000%{opacity:1;transform:scale(1.025)}50.000000%,100%{opacity:0;transform:scale(1.025)}}

@keyframes growth-stage-3{0%,47.500000%{opacity:0;transform:scale(.98)}50.000000%{opacity:1;transform:scale(1)}64.166667%{opacity:1;transform:scale(1.025)}66.666667%,100%{opacity:0;transform:scale(1.025)}}

@keyframes growth-stage-4{0%,64.166667%{opacity:0;transform:scale(.98)}66.666667%{opacity:1;transform:scale(1)}80.833333%{opacity:1;transform:scale(1.025)}83.333333%,100%{opacity:0;transform:scale(1.025)}}

@keyframes growth-stage-5{0%,80.833333%{opacity:0;transform:scale(.98)}83.333333%{opacity:1;transform:scale(1)}97.500000%{opacity:1;transform:scale(1.025)}100.000000%,100%{opacity:0;transform:scale(1.025)}}
/* Shared rows align every section of the horizontal voice cards. */
.voice-carousel .voice-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:31%;grid-template-rows:repeat(7,auto);column-gap:16px;row-gap:0;align-items:stretch}
.voice-carousel .voice-carousel-track>li{display:grid;grid-row:1 / span 7;grid-template-rows:subgrid;row-gap:0}
.voice-carousel .voice-scene-card{display:grid;grid-row:1 / -1;grid-template-rows:subgrid;row-gap:0;height:100%}
.voice-scene-card>.voice-age{grid-row:1}
.voice-scene-card>.voice-scene-label{grid-row:2}
.voice-scene-card>h3{grid-row:3}
.voice-scene-card>.voice-scene-description{grid-row:4}
.voice-scene-card>.voice-carousel-quote{grid-row:5}
.voice-scene-card>.voice-adult{grid-row:6}
.voice-scene-card>.voice-alternative{grid-row:7}
@media(min-width:768px) and (max-width:1099px){.voice-carousel .voice-carousel-track{grid-auto-columns:44%}}
@media(max-width:767px){.voice-carousel .voice-carousel-track{grid-auto-columns:88%}}
/* Illustrated entrances to the nine abilities. */
.overview-abilities>li{display:grid;grid-template-columns:94px minmax(0,1fr);column-gap:20px;padding:24px 0;margin:0;align-items:start}
.overview-abilities .overview-ability-icon{width:94px;height:94px;display:grid;place-items:center;background:radial-gradient(ellipse,#f6f1e4 0%,#faf8f1 57%,transparent 73%)}
.overview-ability-icon .home-orbit-illustration{display:block;width:80px;height:80px;filter:drop-shadow(0 2px 1px #5c503314)}
.overview-abilities>li:is([data-overview-ability="curiosity"],[data-overview-ability="creativity"],[data-overview-ability="decisions"],[data-overview-ability="persistence"]) .overview-ability-icon{background:radial-gradient(ellipse,#edf4ee 0%,#f7faf7 57%,transparent 73%)}
.overview-abilities>li:is([data-overview-ability="empathy"],[data-overview-ability="together"]) .overview-ability-icon{background:radial-gradient(ellipse,#f0edf6 0%,#faf9fc 57%,transparent 73%)}
.overview-ability-copy{display:flex;flex-direction:column;min-width:0;height:100%}
.article-standard .prose .overview-ability-copy>p{margin:0 0 12px}
.overview-ability-copy>a{margin-top:auto}
@media(max-width:767px){.overview-abilities>li{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:20px 0}.overview-abilities .overview-ability-icon{width:72px;height:72px}.overview-ability-icon .home-orbit-illustration{width:64px;height:64px}}

/* A shared play scene makes the two kinds of ability concrete. */
.ability-everyday{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 32px}
.ability-everyday>div{display:grid;grid-template-columns:62px 1fr;align-content:start;column-gap:12px;padding:16px 0;border-top:1px solid #ccd9ce}
.ability-everyday span{grid-row:1/3}.ability-everyday svg{width:62px;height:62px}.ability-everyday strong{align-self:center;font-size:18px}
.article-standard .prose .ability-everyday p{margin:6px 0 0;font-size:16px;line-height:1.8}
.article-standard .prose .ability-compare{margin:24px 0;max-width:none}
.ability-compare-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ability-compare-side{padding:24px;border:1px solid #ccd8cd;border-top:5px solid #719279;border-radius:6px;background:#f0f5ee;display:flex;flex-direction:column}
.ability-compare-cognitive{background:#f6f1e6;border-color:#ddd1b8;border-top-color:#ad9160}
.article-standard .prose .ability-compare-label{font-size:25px;font-weight:700;margin:0 0 10px;line-height:1.5}
.article-standard .prose .ability-compare h3{font-size:19px;margin:0 0 14px;line-height:1.7}
.article-standard .prose .ability-compare ul{padding-left:1.25em;margin:0 0 20px}
.article-standard .prose .ability-compare li{margin:0 0 6px}
.article-standard .prose .ability-compare-speech{margin:auto 0 0;padding:12px 0 0;border-top:1px solid #c5cdbf;font-weight:700;font-size:18px}
.ability-compare-connect{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:32px;line-height:1.5;color:#6b856e}
.ability-compare-together{display:flex;align-items:center;gap:18px;padding:18px 24px;background:#faf9f4;border:1px solid #ddd8c7;border-radius:6px}
.ability-compare-blocks{flex:0 0 80px}.ability-compare-blocks svg{width:80px;height:80px}
.ability-compare-together strong{font-size:21px}.article-standard .prose .ability-compare-together p{margin:8px 0 0}
.article-standard .prose .ability-compare figcaption{margin:12px 0 0;text-align:left;font-size:14px;line-height:1.8;color:#5e6c60}
.ability-compare-note{border-top:1px solid #ccd9ce;padding-top:14px}
@media(max-width:650px){.ability-everyday{grid-template-columns:1fr;gap:0}.ability-compare-pair{grid-template-columns:1fr;gap:14px}.ability-compare-side{padding:20px}.ability-compare-connect{display:block}.ability-compare-connect span+span{display:none}.ability-compare-together{padding:16px;gap:12px;align-items:flex-start}.ability-compare-blocks{flex-basis:48px}.ability-compare-blocks svg{width:48px;height:48px}.ability-compare-together strong{font-size:19px}}

/* Longitudinal evidence: distinguish a conceptual flow from reported outcomes. */
.article-standard .prose .evidence-lead{font-size:21px;border-left:4px solid #62836b;padding:16px 20px;background:#f0f5ee}
.article-standard .prose .study-path{display:grid;grid-template-columns:1fr 100px 1.2fr;gap:20px;margin:28px 0;max-width:none;align-items:center}
.study-path-start,.study-path-end{border:1px solid #c6d4c9;border-top:4px solid #74937b;padding:24px;background:#f4f7f1;border-radius:4px}
.study-path-end{background:#faf6ed;border-color:#daccb2;border-top-color:#ae9467}
.study-kicker{display:block;font-size:16px;margin-bottom:12px;color:#536957}.study-path-start>strong{font-size:23px}
.article-standard .prose .study-path-start p{margin:14px 0 0;font-size:15px}
.study-path-arrow{text-align:center;color:#627c65}.study-path-arrow>span{display:block;font-size:38px}.study-path-arrow>small{display:block;font-size:13px}
.article-standard .prose .study-path-end ul{padding:0;margin:0;list-style:none}.article-standard .prose .study-path-end li{display:flex;gap:16px;margin:10px 0;flex-wrap:wrap}.study-path-end li>strong{min-width:4em}
.article-standard .prose .study-path figcaption{grid-column:1/-1;text-align:left;font-size:14px;line-height:1.8;margin:0;color:#58685e}
.perry-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 12px}
.article-standard .prose .perry-chart-grid figure{margin:0;max-width:none;padding:20px 14px;background:#fbfaf7;border:1px solid #d7ddcf;border-radius:5px;display:flex;flex-direction:column}
.article-standard .prose .perry-chart-grid h4{margin:0 6px 12px;font-size:18px;line-height:1.8;min-height:3.6em}
.perry-chart-grid img{width:100%;height:auto;margin-top:auto}.article-standard .prose .perry-chart-grid figcaption{text-align:center;font-size:18px;margin:8px 0}.perry-chart-grid figcaption strong{font-size:25px;color:#3d624d}
.article-standard .prose .study-source{font-size:14px;line-height:1.8;margin:12px 0 24px}
.research-takeaway{background:#f0f5ee;border-left:4px solid #74937b;padding:20px 24px;margin:24px 0}.article-standard .prose .research-takeaway p{margin:12px 0 0}
@media(max-width:700px){.article-standard .prose .study-path{grid-template-columns:1fr;gap:12px}.study-path-arrow>span{transform:rotate(90deg)}.perry-chart-grid{grid-template-columns:1fr}.article-standard .prose .perry-chart-grid h4{min-height:0}.article-standard .prose .evidence-lead{font-size:19px}.study-path-start,.study-path-end{padding:20px}}

/* A single visual narrative for the site's introduction. */
.intro-story{max-width:1120px;margin:0 auto 64px;color:#253b31;font-size:18px;line-height:1.9}
.intro-story *{box-sizing:border-box}.intro-story img{max-width:100%}.intro-story p{margin:12px 0}.intro-story h2,.intro-story h3{line-height:1.55;text-wrap:pretty}.intro-story h2{font-size:32px;margin:8px 0 20px}.intro-story h3{font-size:21px;margin:10px 0}.intro-story a{color:#3c6650;text-underline-offset:5px}.intro-story a:hover{color:#244c32;text-decoration-thickness:2px}.intro-story a:focus-visible,.intro-story summary:focus-visible{outline:3px solid #779d82;outline-offset:5px}
.intro-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;padding:40px 0}.intro-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.4;margin:10px 0 24px}.intro-eyebrow{font-size:14px;color:#617362;letter-spacing:.05em}.intro-hero-message{font-size:clamp(22px,2.7vw,31px);line-height:1.8;font-weight:700}.intro-hero-message strong{color:#527657}.intro-hero img{width:100%;height:auto;border-radius:48% 45% 42% 38%}
.intro-route{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;border-top:1px solid #ced9cd;border-bottom:1px solid #ced9cd;padding:20px 8px;font-size:16px;font-weight:700}.intro-route span{color:#9a8c6f}
.intro-chapter{padding:52px 28px;border-bottom:1px solid #d4ddcf;scroll-margin-top:85px}.intro-step{font-weight:700;color:#7b725c;font-size:26px!important;display:flex;align-items:center;gap:14px}.intro-step>span{font-size:15px;letter-spacing:.04em}.intro-lead{font-size:21px}.intro-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0}.intro-three>div{min-width:0}.intro-three p{font-size:17px}.intro-three h3{font-size:20px}.intro-icon{display:block;width:110px;height:110px;margin:0 auto 16px}.intro-icon svg{width:100%;height:100%}.intro-feelings,.intro-parent{text-align:center}.intro-feelings>div{padding:14px 8px;border-bottom:3px solid #b5cbb8}.intro-feelings>div:nth-child(2){border-color:#d4c29d}.intro-feelings>div:nth-child(3){border-color:#c7bfd7}
.intro-story .intro-conclusion{font-size:24px;text-align:center;line-height:1.8;margin:28px 0 12px}.intro-conclusion strong{color:#426b50;background:linear-gradient(transparent 65%,#dce8d5 65%)}.intro-story .intro-small{font-size:14px;color:#5c6c60;line-height:1.9}.intro-tinted{background:#f6f7f0}.intro-comic{gap:32px}.intro-comic>div{position:relative;text-align:center}.intro-comic>div:not(:last-child):after{content:'→';position:absolute;right:-26px;top:48%;font-size:26px;color:#859879}.intro-comic svg{width:100%;max-width:260px}.intro-story .intro-speech{background:white;border:1px solid #c6d4c7;border-radius:18px;padding:12px 10px;font-weight:700;position:relative}.intro-comic .intro-speech{min-height:76px;display:flex;align-items:center;justify-content:center}.intro-parent .intro-speech{font-size:17px}
.intro-compare{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;gap:12px;margin:32px 0}.intro-compare>div{padding:24px;text-align:center;background:#faf3e6;border-radius:12px;height:100%;border:1px solid #e0d5bd}.intro-compare>div:last-child{background:#eaf2e7;border-color:#c8d7c4}.intro-compare strong{display:block;font-size:17px;padding-top:14px;border-top:1px solid #cad3c2}.intro-tag{font-weight:700;font-size:15px!important;color:#5c745c}.intro-plus{text-align:center;font-size:38px;color:#7b9277}.intro-down{text-align:center;font-size:36px;line-height:1.2;color:#839575}
.intro-story details{border-top:1px solid #d2dccd;margin-top:20px;padding:14px 0;font-size:15px}.intro-story summary{cursor:pointer;font-weight:700}.intro-story summary:hover{color:#467050}.intro-research-block{margin-top:32px;padding:26px 0;border-top:1px solid #cbd6c7}.intro-timeline{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;gap:16px;margin:24px 0}.intro-timeline>div{background:#f1f5ec;padding:24px;text-align:center;border-radius:14px}.intro-timeline>div:last-of-type{background:#f8f1e4}.intro-timeline strong{display:block;font-size:27px}.intro-timeline>div>span:last-child{display:block}.intro-time-arrow{text-align:center;font-size:40px;color:#809778}.intro-timeline figcaption{grid-column:1/-1;font-size:14px;line-height:1.9}.intro-insight{background:#f0f4eb;border-left:4px solid #819a76;padding:22px 26px;margin-top:28px}.intro-insight a{font-size:14px}
.intro-story .perry-chart-grid figure{margin:0;padding:20px 14px;border:1px solid #d7ddcf;border-radius:8px;background:#fbfaf7;display:flex;flex-direction:column}.intro-story .perry-chart-grid h4{font-size:18px;line-height:1.7;min-height:3.4em;margin:0 8px 12px}.intro-story .perry-chart-grid figcaption{text-align:center;font-size:18px}.intro-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}.intro-story .intro-actions a{background:#486e56;color:#fff;padding:13px 20px;border-radius:6px;text-decoration:none;font-weight:700;transition:background .18s}.intro-story .intro-actions a:hover,.intro-story .intro-actions a:focus-visible,.intro-story .intro-actions a:active{background:#2f533c;color:#fff}
.intro-ability-directory .overview-abilities{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.intro-ability-directory .overview-abilities>li{border-bottom:1px solid #d2daca}.intro-ability-directory .overview-ability-copy h3{margin:0 0 8px}.intro-ability-directory .overview-ability-copy p{font-size:16px;margin:0 0 14px}.intro-ability-directory .overview-ability-copy a{font-size:16px;font-weight:700}.intro-footer{padding:24px 28px;font-size:14px}.intro-footer li{margin:18px 0}.intro-footer>p{color:#667263}
@media(max-width:760px){.intro-story{font-size:17px}.intro-hero{grid-template-columns:1fr;padding:24px 20px;gap:10px}.intro-hero img{max-width:390px;justify-self:center}.intro-route{gap:10px;font-size:14px}.intro-route span{display:none}.intro-route a{padding:6px}.intro-chapter{padding:36px 20px}.intro-story h2{font-size:26px}.intro-lead{font-size:19px}.intro-three{grid-template-columns:1fr;gap:22px}.intro-feelings>div{display:grid;grid-template-columns:82px 1fr;text-align:left;gap:0 14px;padding:10px 0}.intro-feelings .intro-icon{grid-row:1/3;width:82px;height:82px;margin:0}.intro-feelings h3{margin:0;align-self:end}.intro-feelings p{margin:4px 0}.intro-story .intro-conclusion{font-size:21px}.intro-comic>div{max-width:420px;width:100%;margin:auto;padding-bottom:18px}.intro-comic>div:not(:last-child):after{content:'↓';top:auto;right:50%;bottom:-20px}.intro-comic .intro-speech{min-height:0}.intro-comic svg{max-width:210px}.intro-compare{grid-template-columns:1fr;gap:12px}.intro-compare>div{padding:22px 14px}.intro-plus{line-height:1}.intro-timeline{grid-template-columns:1fr 38px 1fr;gap:8px}.intro-timeline>div{padding:16px 6px}.intro-timeline .intro-icon{width:68px;height:68px}.intro-timeline strong{font-size:23px}.intro-timeline>div>span:last-child{font-size:15px}.intro-time-arrow{font-size:28px}.intro-ability-directory .overview-abilities{grid-template-columns:1fr}.intro-story .perry-chart-grid h4{min-height:0}.intro-insight{padding:18px}.intro-footer{padding:20px}.intro-parent>div{border-bottom:1px solid #d2dccd;padding:16px 0}.intro-parent .intro-icon{width:82px;height:82px}}
@media(prefers-reduced-motion:reduce){.intro-actions a{transition:none}}

/* Offset only the introduction title from the body text. */
.intro-hero h1{margin-left:-20px}
@media(max-width:760px){.intro-hero h1{margin-left:-12px}}

.intro-copy-line{display:block}.intro-copy-phrase{display:inline-block}.intro-copy-answer{display:block;margin-top:18px}.intro-copy-answer .intro-copy-line:first-child{display:inline}.intro-copy-answer .intro-copy-line:nth-child(2){display:inline-block}
@media(max-width:760px){.intro-hero-message{font-size:22px}.intro-copy-answer .intro-copy-line:first-child{display:block}}

/* Brighter primary introduction button on the home page. */
.home-hero__btns .btn-main{background:#dceccf;color:#294c35;border-color:#b9d2a6}
.home-hero__btns .btn-main:hover{background:#c5dfb3;color:#203d29;border-color:#95b681}
.home-hero__btns .btn-main:active{background:#b8d6a4;color:#203d29}
.home-hero__btns .btn-main:focus-visible{outline:3px solid #52784a;outline-offset:4px}

/* Keep hover paint inside each card, including outdoor illustrations. */
.collection-card{box-sizing:border-box}
.home-collection[data-collection="play"] .collection-card{display:flex;flex-direction:column}
.home-collection[data-collection="play"] .collection-copy{display:flex;flex:1;flex-direction:column}
.home-collection[data-collection="play"] .collection-go{margin-top:auto}
.outdoor-scene{display:block;width:100%;aspect-ratio:1;background-image:url('/assets/outdoor-scenes.png');background-size:300% 200%;background-position:var(--scene-x) var(--scene-y);flex-shrink:0}
.collection-card>.outdoor-scene{margin-bottom:16px}
.outdoor-hero>.outdoor-scene{max-width:440px;justify-self:center}

/* Main navigation: original stories have their own entry. */
.site-nav .nav-browse__panel{right:0;width:min(300px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100dvh - 110px);overflow-y:auto}
@media(max-width:1200px){.site-nav .nav-categories{display:none}.site-nav .nav-browse{display:block}}
@media(max-width:600px){.site-header__inner{flex-wrap:nowrap}.site-header__inner>.logo{min-width:0}.site-nav{flex-shrink:0;margin-left:auto}.site-nav .nav-browse summary{min-height:44px}}

.overview-ability-icon{border-radius:16px;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}
.overview-ability-icon:hover{box-shadow:0 0 0 2px #91b39a,0 5px 14px #36584018;transform:translateY(-2px)}
.overview-ability-icon:focus-visible{outline:3px solid #52784a;outline-offset:4px}
.overview-ability-icon:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.overview-ability-icon{transition:none}.overview-ability-icon:hover{transform:none}}

/* Age selection and short, distinct book/toy actions. */
.selection-picker{max-width:1240px;margin:auto;padding:36px 24px 64px}
.selection-picker-lead{max-width:760px}.selection-picker .selection-age-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 8px}.selection-age-nav>span{font-weight:700;margin-right:8px}
.selection-picker .selection-age-nav a{padding:10px 24px;border:1px solid #b7cbb8;border-radius:8px;text-decoration:none;min-height:48px;box-sizing:border-box;background:#f8faf6}
.selection-picker .selection-age-nav a[aria-current]{background:#dceccf;color:#294c35;border:2px solid #52784a;padding:9px 23px;font-weight:700}
.selection-picker .selection-age-nav a:hover{background:#e2eddc}.selection-age-note{font-size:14px;color:#607267;margin:8px 0 28px}
.selection-picker [data-selection-panel][hidden]{display:none}.selection-picker [data-selection-panel]>h2{font-size:23px;margin:28px 0 20px}
.selection-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.selection-choice{border:1px solid #d5dfd2;border-radius:12px;padding:22px;background:#fff;display:flex;flex-direction:column;gap:20px;min-width:0}
.selection-choice-heading{display:flex;align-items:center;gap:14px}.selection-choice-icon{display:block;width:68px;height:68px;flex-shrink:0;background:#f8f7ef;border-radius:50%}.selection-choice-icon svg{width:100%;height:100%}
.selection-choice-heading h3{font-size:21px;margin:0 0 4px}.selection-choice-heading p{font-size:15px;line-height:1.7;margin:0;color:#556858}
.selection-choice-actions{display:grid;gap:10px;margin-top:auto}.selection-choice-actions a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:7px;text-decoration:none!important;font-weight:700;min-height:48px;box-sizing:border-box;color:#294c35;border:1px solid #c8d9bf;transition:background .15s,box-shadow .15s}
.selection-choice-actions a small{font-size:12px;font-weight:400;margin-left:auto;white-space:nowrap}.selection-choice-actions .selection-books{background:#edf4e7}.selection-choice-actions .selection-toys{background:#fbf0e6;color:#694c31;border-color:#e4d3bf}
.selection-choice-actions .selection-books:hover{background:#dcebcf;box-shadow:0 2px 7px #294c351c}.selection-choice-actions .selection-toys:hover{background:#f4dfca;box-shadow:0 2px 7px #694c311c}
.selection-picker a:focus-visible{outline:3px solid #52784a;outline-offset:3px}
@media(max-width:1000px){.selection-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.selection-picker{padding:24px 16px 40px}.selection-choice-grid{grid-template-columns:1fr;gap:14px}.selection-picker .selection-age-nav{gap:8px}.selection-age-nav>span{width:100%}.selection-picker .selection-age-nav a{padding:10px 17px}.selection-picker .selection-age-nav a[aria-current]{padding:9px 16px}.selection-choice{padding:18px}.selection-picker [data-selection-panel]>h2{font-size:21px}}

.tool-group-heading{margin:26px 0 12px}.tool-group-heading h3{font-size:24px;margin:0 0 8px}.tool-group-heading p{margin:0;color:#586b60;font-size:16px}
.home-collection[data-collection="tool-guides"]{border-top:1px solid #cedbce;margin-top:36px;padding-top:8px}
.home-collection:is([data-collection="tools"],[data-collection="tool-guides"]) .collection-card{display:flex;flex-direction:column;box-sizing:border-box}
.home-collection:is([data-collection="tools"],[data-collection="tool-guides"]) .collection-copy{display:flex;flex-direction:column;flex:1}
.home-collection:is([data-collection="tools"],[data-collection="tool-guides"]) .collection-go{margin-top:auto}
.home-collection[data-collection="tool-guides"] .tool-card-art{flex-shrink:0}
@media(max-width:600px){.tool-group-heading h3{font-size:21px}}

/* Phone reading and compact browsing. */
.reader-swipe-hint{font-size:12px;color:#66766b;margin:8px 0;text-align:center}
.reading .reader-page{touch-action:pan-y pinch-zoom}
.orbit{touch-action:none;user-select:none;-webkit-user-select:none}.orbit a{-webkit-user-drag:none}.orbit-drag-hint{font-size:12px;color:#66766b;text-align:center;margin:8px 0}
@media(max-width:767px){
 .article-layout.article-standard .prose section p,.article-layout.article-standard .prose section li{font-size:16px;line-height:1.85}
 .article-layout.article-standard .prose h2{font-size:23px;line-height:1.55}.article-layout.article-standard .prose h3{font-size:19px;line-height:1.6}
 .home-content-tabs{display:flex;overflow-x:auto;gap:0;scrollbar-width:thin;max-width:100%;overscroll-behavior-x:contain}.home-content-tabs button{flex:0 0 auto;white-space:nowrap;padding:10px 14px;min-height:46px;font-size:13px}
 .home-content-browser .collection-filter:not([hidden]){display:flex;gap:8px;align-items:center;overflow-x:auto;max-width:100%;padding:5px 2px 10px;overscroll-behavior-x:contain;scrollbar-width:thin}
 .home-content-browser .filter-all{margin:0;flex:none}.home-content-browser .filter-groups{display:flex;gap:8px;flex:none}.home-content-browser .ability-filter-group{border:0;padding:0;flex:none}.home-content-browser .ability-filter-group legend{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.home-content-browser .ability-filter-group>div{flex-wrap:nowrap}
 .home-content-browser .collection-filter button{white-space:nowrap;min-height:44px;padding:8px 12px;font-size:13px}.home-content-browser .home-collection{margin-top:12px}
 .orbit-group-title{font-size:22px}.home-orbit:not(.explorer-static-orbit) .orb-name{font-size:10px}
 .reading .reader-book-description,.reading .reader-book-abilities{display:none}.reading .reader-book-heading{margin:8px 0}.reading .reader-toolbar{gap:8px;flex-wrap:nowrap}.reading .reader-toolbar fieldset{margin:0}.reading .reader-toolbar legend{font-size:11px}.reading .reader-toolbar button{font-size:12px;padding:6px;min-height:40px}.reading .reader-close{font-size:13px;padding:8px;white-space:nowrap}
 .reading .reader-page{margin:12px 0;gap:16px}.reading .reader-page.standard .story-text{font-size:20px;line-height:1.8}.reading .story-text h2{margin-bottom:12px}.reading .story-text p{margin-bottom:14px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 .reading #main{padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))}
 .reading .reader-toolbar{padding:0 0 4px;min-height:40px;display:flex;flex-wrap:nowrap;gap:10px}.reading .reader-toolbar fieldset{display:flex;align-items:center;gap:4px}.reading .reader-toolbar legend{display:none}.reading .reader-toolbar button,.reading .reader-close{font-size:12px;min-height:36px;padding:5px 9px}
 .reading .reader-book-heading{margin:2px 0}.reading .reader-book-heading h1{font-size:14px;margin:0}.reading .reader-book-heading p{display:none}
 .reading .reader-page:not(.reader-finish){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;height:calc(100dvh - 133px);min-height:150px;margin:5px 0}
 .reading .reader-page .illustration{width:100%;max-width:min(100%,calc((100dvh - 133px)*1.5));max-height:100%;margin:auto;padding:0;min-height:0}.reading .illustration>span:last-child:not(.story-sheet){display:none}.reading .illustration>.story-illustration{max-height:calc(100dvh - 133px);object-fit:contain;width:100%}
 .reading .reader-page .story-text{max-height:100%;overflow-y:auto;min-width:0;padding:0 4px}.reading .reader-page.standard .story-text{font-size:18px;line-height:1.75}.reading .reader-page.large .story-text{font-size:22px}.reading .reader-page.largest .story-text{font-size:26px}.reading .story-text p{margin:0 0 10px}.reading .story-text h2{margin:0 0 8px}.reading .story-text .page-label{font-size:11px}
 .reading .reader-swipe-hint{display:none}.reading .reader-navigation{margin:4px 0 0;padding:4px 0;min-height:38px}.reading .reader-navigation button,.reading .reader-finish-link{font-size:13px;min-height:36px;padding:6px 12px}.reading .reader-navigation p{margin:0;font-size:12px}
}

@media(max-width:767px){.home-content-browser .collection-filter:not([hidden]){flex-wrap:nowrap}.home-content-browser .filter-all{width:auto}.home-orbit:not(.explorer-static-orbit) .orb-name{font-size:11px}}
@media(max-width:767px){.home-content-browser .filter-all{padding:0}}

.home-orbit[data-compositor=true]:not(.explorer-static-orbit) .orb-name{top:50%;left:50%;background:transparent;pointer-events:none}
.home-orbit[data-compositor=true] .orbit-group-title{transition:opacity .12s linear}
@media(max-width:767px){.home-orbit[data-compositor=true]:not(.explorer-static-orbit) .orb-name{top:50%;width:58px;white-space:nowrap;font-size:11px;line-height:14px}.home-orbit .orb-label{line-height:14px}.orbit-drag-hint{padding-right:42px;font-size:11px}}

.income-story{display:grid;grid-template-columns:1fr 40px 1fr;gap:12px;align-items:center;margin:24px 0}.income-story>div{background:#edf4e7;border-radius:12px;text-align:center;padding:20px 12px}.income-story>div:nth-of-type(2){background:#faf0df}.income-story strong{display:block;font-size:25px;margin:8px 0}.income-story p{margin:0;font-size:16px}.income-story figcaption{grid-column:1/-1;font-size:14px;color:#52685a}.income-arrow{font-size:30px;text-align:center}@media(max-width:600px){.income-story{grid-template-columns:1fr 24px 1fr;gap:6px}.income-story strong{font-size:20px}.income-story>div{padding:16px 8px}.income-story p,.income-story>div>span{font-size:13px}}

/* Research diagram: measurement, follow-up, then findings. */
.self-control-study{margin:24px 0;display:grid;gap:12px}.study-measure,.study-result{padding:24px;border-radius:14px;background:#f0f5eb}.study-result{background:#faf2e4}.self-control-study .study-age{font-size:14px;font-weight:700;color:#56705d;margin:0 0 8px}.self-control-study h4{font-size:24px;margin:0 0 12px}.study-measure>p:last-child{margin:0}.study-follow{text-align:center;font-size:15px;font-weight:700;color:#56705d}.study-follow>span{font-size:26px;margin-right:10px}.study-result ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:16px 0 0;gap:12px}.study-result li{background:#fffdf8;border:1px solid #e4d8c2;border-radius:8px;padding:16px}.study-result li strong{display:block;font-size:22px;margin-bottom:8px}.study-result li span{font-size:16px}.self-control-study figcaption{font-size:14px;line-height:1.8;color:#526052}.site-header .logo>svg{width:38px;height:38px;flex-shrink:0}
@media(max-width:600px){.study-measure,.study-result{padding:18px 14px}.self-control-study h4{font-size:20px}.study-result ul{grid-template-columns:1fr;gap:8px}.study-result li{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;padding:12px}.study-result li strong{font-size:18px;margin:0}.study-result li span{font-size:15px}.site-header .logo>svg{width:34px;height:34px}}

.door__esteem-art{aspect-ratio:3/2;background:#f6eee6;display:flex;align-items:center;justify-content:center;gap:18px;color:#4f6555;font-size:clamp(18px,2vw,26px);font-weight:700}.door__esteem-art svg{width:30%;height:auto}.esteem-guide-link{display:inline-flex;align-items:center;gap:8px;padding:14px;border:1px solid #c5d5c8;border-radius:8px}

/* Keep horizontally scrolling filters inside the mobile page. */
@media(max-width:767px){body{overflow-x:clip}.home-content-browser{min-width:0;max-width:100%;overflow-x:clip}}

@media(max-width:767px){html{overflow-x:hidden}.home-content-browser .ability-filter-group legend{left:0;top:0}.home-content-browser .ability-filter-group{position:relative}}
.intro-story .duckworth-comparison{margin:28px 0;padding:24px;background:#fbfaf5;border:1px solid #d9ded2;border-radius:16px}
.duckworth-comparison>header>span{font-size:14px;color:#5e695d}.intro-story .duckworth-comparison h4{margin:10px 0;font-size:clamp(20px,2.2vw,27px);line-height:1.5}.intro-story .duckworth-comparison header p{font-size:15px;margin:8px 0 22px}
.duckworth-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.duckworth-option{display:flex;flex-direction:column;min-width:0;padding:24px;background:white;border:1px solid #d9ded2;border-radius:12px}.duckworth-stronger{background:#eef4e5;border-color:#91a482}.intro-story .duckworth-option .duckworth-measure{font-size:13px;letter-spacing:.08em;margin:0 0 8px;color:#68715f}.intro-story .duckworth-option h5{font-size:30px;line-height:1.4;margin:0 0 12px;color:#304c3b}.intro-story .duckworth-description{font-size:17px;line-height:1.8;margin:0 0 24px}.duckworth-finding{min-height:120px;box-sizing:border-box;margin-top:auto;padding-top:18px;border-top:1px solid #cbd5c3}.duckworth-finding>span{display:block;font-size:13px;margin-bottom:8px;color:#606c5c}.duckworth-finding>strong{display:block;font-size:22px;line-height:1.55}.duckworth-stronger .duckworth-finding>strong{color:#345940}.intro-story .duckworth-comparison figcaption{font-size:14px;line-height:1.8;margin-top:20px;color:#556354}.duckworth-comparison figcaption a{display:inline-block;margin-left:.5em}
@media(max-width:600px){.intro-story .duckworth-comparison{padding:16px 12px}.duckworth-options{grid-template-columns:1fr;gap:12px}.duckworth-option{padding:18px}.intro-story .duckworth-option h5{font-size:25px}.intro-story .duckworth-description{font-size:16px;margin-bottom:16px}.duckworth-finding>strong{font-size:21px}.duckworth-comparison figcaption a{margin-left:0}}

/* Keep mobile orbit labels clear of the surrounding group bands. */
@media(min-width:361px) and (max-width:767px){.home-orbit{--orbit-pad:clamp(106px,calc(25vw + 12.5px),160px)}}
@media(max-width:360px){.home-orbit .orbit-band-fill{stroke-width:24}.home-orbit .orb-face{width:36px;height:36px}.home-orbit .orb-face svg{width:30px;height:30px}.home-orbit .home-growth{width:36%}}
.home-ability-directory .ability-door-group .ability-doors .door:is(:hover,:focus-visible){border-color:var(--group-accent,#62846b);box-shadow:0 0 0 2px var(--group-accent,#62846b),0 5px 16px #1833420d}
@media(min-width:960px){.home>.home-hero{padding-top:24px;align-items:start}}

@media(max-width:767px){.home-orbit:not(.explorer-static-orbit){width:calc(100% + 20px);margin-inline:-10px}.home-orbit[data-compositor=true]:not(.explorer-static-orbit) .orb-name{width:max-content;min-width:0}}

@media(min-width:960px){.home>.home-hero>div:first-child{padding-top:24px}}

/* Purchase buttons wrap as a whole when a card is narrow. */
[data-book-shelf] .book-direct-shops>a.book-buy{flex:1 1 110px;white-space:normal;text-align:center;overflow-wrap:anywhere}
.commerce-shops>a{white-space:normal;text-align:center;overflow-wrap:anywhere}