/* Content-only layer. The nine app pages do not load this file. */
.content-header { gap:20px; }
.public-nav { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:6px 20px; }
.public-nav>a { min-height:44px; display:inline-flex; align-items:center; font-size:13px; }
.public-nav .button { min-height:48px; }
.content-site .reading-main { max-width:1040px; padding-top:28px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:6px 12px; font-size:12px; color:var(--muted); margin:0 0 32px; }
.breadcrumbs a { min-height:32px; display:inline-flex; align-items:center; }
.breadcrumbs>[aria-current] { padding:5px 0; overflow-wrap:anywhere; }
.reading-article { max-width:780px; margin:auto; padding:32px 44px 40px; background:var(--paper); border:1px solid var(--border); border-radius:18px; }
.reading-article>header { padding-bottom:20px; border-bottom:1px solid var(--border); }
.reading-label { font-size:12px; font-weight:650; letter-spacing:.08em; color:var(--brand); margin-bottom:16px; }
.reading-article h1 { font-size:clamp(26px,3.3vw,34px); line-height:1.65; letter-spacing:.01em; }
.reading-article p,.reading-article li { font-size:16px; line-height:1.95; overflow-wrap:anywhere; }
.reading-article p { margin:18px 0; }
.reading-article h2 { font-size:21px; line-height:1.7; margin:0 0 18px; }
.reading-article section,.reading-related { padding-top:34px; margin-top:12px; scroll-margin-top:24px; }
.reading-article ul,.reading-article ol { padding-left:1.6em; }
.reading-article li { margin:12px 0; padding-left:4px; }
.audience { background:var(--tint); border-left:3px solid var(--brand); padding:18px 22px; margin-top:26px; border-radius:0 8px 8px 0; }
.audience>strong { font-size:13px; }
.audience p { font-size:14px; margin:10px 0 0; }
.reading-toc { margin:30px 0; padding:22px 24px; border:1px solid var(--border); border-radius:12px; }
.reading-toc h2 { font-size:15px; margin:0 0 12px; }
.reading-toc ol { margin:0; }
.reading-toc li { font-size:14px; line-height:1.8; margin:8px 0; }
.reading-toc a { display:inline-block; padding:4px 0; }
.worked-math { padding:18px 22px; margin:22px 0; background:#f5f7f0; border-radius:10px; border:1px solid var(--border); }
.worked-math>strong { font-size:13px; }
.worked-math p { font-size:16px; font-variant-numeric:tabular-nums; margin:8px 0 0; }
.worked-math b { color:var(--brand); font-size:19px; }
.fiction-label { display:inline-block; font-size:12px; padding:6px 12px; border:1px solid #b8cbbb; border-radius:6px; background:var(--tint); color:var(--brand); font-weight:650; }
.reading-table { overflow-x:auto; width:100%; max-width:100%; margin:24px 0; border:1px solid var(--border); border-radius:10px; }
.reading-table table { border-collapse:collapse; width:100%; font-size:13px; }
.reading-table caption { text-align:left; padding:12px 14px; font-weight:650; color:var(--brand); background:var(--tint); }
.reading-table th,.reading-table td { padding:12px 14px; text-align:left; vertical-align:top; border-bottom:1px solid var(--border); min-width:72px; font-variant-numeric:tabular-nums; }
.reading-table th { background:#f8faf5; font-weight:650; }
.reading-table tr:last-child td { border-bottom:0; }
.reading-sources { border-top:1px solid var(--border); margin-top:36px !important; }
.reading-sources li { font-size:13px; }
.reading-sources small { display:block; font-size:12px; }
.reading-related { border-top:1px solid var(--border); }
.reading-related a { display:inline-block; padding:6px 0; }
.reading-action { margin-top:32px !important; border-top:1px solid var(--border); }
.reading-action>p { font-size:14px; color:var(--muted); }
.reading-tool-links { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:24px 0 12px; }
.reading-tool-links>.button { font-size:14px; }
.reading-index-header { max-width:720px; margin:20px 0 38px; }
.reading-index-header>p { color:var(--muted); }
.reading-cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:26px 0; }
.reading-card { padding:26px; background:var(--paper); border:1px solid var(--border); border-radius:16px; text-decoration:none; display:flex; flex-direction:column; min-width:0; }
.reading-card:hover { border-color:var(--input-border); text-decoration:none; }
.reading-card small { font-size:12px; color:var(--brand); margin-bottom:14px; }
.reading-card h2 { font-size:19px; line-height:1.65; margin-bottom:14px; overflow-wrap:anywhere; }
.reading-card p { font-size:14px; color:var(--muted); margin-bottom:20px; }
.reading-card>span { font-size:13px; margin-top:auto; padding-top:10px; }
.public-hero { max-width:800px; padding:36px 0 40px; }
.public-hero h1 { font-size:clamp(32px,4vw,46px); line-height:1.6; margin-bottom:20px; }
.public-hero>p:not(.reading-label) { font-size:16px; line-height:1.95; }
.public-hero .primary { min-width:260px; min-height:60px; font-size:17px; }
.public-hero .muted { font-size:13px !important; }
.public-start { padding-top:20px; border-top:1px solid var(--border); }
.public-start>h2 { font-size:24px; }
.public-start>.reading-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.public-start .reading-card { padding:22px; }
.public-start .reading-card h2 { font-size:17px; }
.home-faq { margin-top:44px; }
.home-faq>h2 { font-size:24px; margin-bottom:22px; }
.home-faq-items { background:var(--paper); border:1px solid var(--border); border-radius:16px; }
.home-faq details+details { border-top:1px solid var(--border); }
.home-faq summary { padding:20px 24px; min-height:48px; color:var(--brand); font-weight:650; cursor:pointer; overflow-wrap:anywhere; }
.home-faq summary:focus-visible { outline:3px solid var(--brand); outline-offset:3px; border-radius:8px; }
.home-faq details>p { padding:0 24px 22px; margin:0; line-height:1.95; overflow-wrap:anywhere; }
.home-faq>a { display:inline-flex; align-items:center; min-height:44px; margin-top:16px; }
.reading-banner { margin-top:44px; padding:28px; background:var(--tint); border-radius:16px; }
.reading-banner p { margin:16px 0; }
.reading-banner>a { display:inline-flex; align-items:center; min-height:44px; margin-right:20px; }
.content-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; }
.content-footer nav a { display:inline-flex; min-height:44px; align-items:center; font-size:12px; }
.content-footer .development-note { margin-top:18px; font-size:12px; }
@media(max-width:767px) {
  .content-header { flex-wrap:wrap; }
  .public-nav { width:100%; justify-content:flex-start; gap:6px 18px; }
  .public-nav .button { padding:10px 16px; min-height:44px; }
  .content-site .reading-main { padding-inline:18px; }
  .reading-article { padding:26px 24px; }
  .content-site footer { margin-bottom:0; }
  .public-start>.reading-cards { grid-template-columns:1fr; }
}
@media(max-width:480px) {
  .public-nav { gap:4px 16px; }
  .public-nav>a { font-size:12px; }
  .public-nav .button { padding:8px 12px; }
  .reading-article { padding:24px 20px; border-radius:14px; }
  .reading-article h1 { font-size:25px; }
  .reading-article h2 { font-size:20px; }
  .reading-article p,.reading-article li { font-size:15px; line-height:1.95; }
  .reading-cards { grid-template-columns:1fr; }
  .reading-toc,.audience,.worked-math { padding:18px; }
  .reading-toc li,.audience p { font-size:13px; }
  .reading-tool-links { flex-direction:column; align-items:stretch; }
  .public-hero { padding-top:18px; }
  .public-hero .primary { min-width:0; }
  .public-hero h1 { font-size:32px; }
  .breadcrumbs { margin-bottom:22px; }
}