.blog-hero--article h1{font-size:clamp(32px,3vw,42px);line-height:1.16;max-width:760px}
.parent-book-note{margin:38px 0;padding:24px;border-left:3px solid #ba7055;background:#f4eee5;border-radius:0 16px 16px 0}
.parent-book-note h2{margin-top:0!important;font-size:25px!important}
.parent-book-note p{font-size:15px;line-height:1.75}
.parent-series-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:30px 0}
.parent-series-navigation a{padding:18px;border:1px solid var(--line);border-radius:16px;text-decoration:none;font:400 18px/1.4 var(--serif);background:#fffdf8;overflow-wrap:anywhere}
.parent-series-navigation span{display:block;margin-bottom:8px;color:var(--muted);font:600 12px/1.4 var(--sans)}
.parent-series-navigation a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:768px){.parent-series-navigation{grid-template-columns:1fr}.parent-series-navigation a{padding:16px}.parent-book-note{padding:20px}}
@media(max-width:560px){.blog-hero--article h1{font-size:30px;line-height:1.18}.parent-book-note h2{font-size:24px!important}.article-body h2{font-size:26px;line-height:1.23}}

@media screen {
  .parent-book-note p { font-size: 16px; }
  .parent-series-navigation span { font-size: 14px; }
}

@media screen {
  html[data-theme="dark"] .parent-book-note { border-left-color: var(--gold); background: var(--sand); }
  html[data-theme="dark"] .parent-series-navigation a { color: var(--ink-deep); border-color: var(--line); background: var(--surface); }
  html[data-theme="dark"] .parent-series-navigation a:hover { background: var(--surface-hover); }
  html[data-theme="dark"] .parent-series-navigation a:focus-visible { outline-color: var(--action); }
}