/* Crawlable book, collection, and reading-order pages. */
.seo-page main{min-height:60vh}
.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding-block:clamp(1.25rem,3vw,2.5rem);font-size:.82rem;color:var(--muted)}
.seo-breadcrumb a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.seo-book{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start;padding-bottom:clamp(3rem,8vw,7rem)}
.seo-cover{position:sticky;top:calc(var(--nav-h) + 2rem)}
.seo-cover img,.seo-order-card img,.seo-related-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow)}
.seo-book-copy{max-width:690px;padding-top:clamp(.5rem,3vw,2rem)}
.seo-label{margin:0 0 1rem;color:var(--gold);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.seo-book-copy h1,.seo-collection-head h1{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(2.6rem,7vw,5.6rem);font-weight:500;letter-spacing:0;line-height:.96;overflow-wrap:anywhere}
.seo-byline{margin:1rem 0 2rem;color:var(--muted)}
.seo-byline a{color:inherit}
.seo-lead{font-family:var(--font-display);font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.35}
.seo-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:2rem 0;background:var(--line);border:1px solid var(--line)}
.seo-facts div{padding:1rem;background:var(--ink)}
.seo-facts dt{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.seo-facts dd{margin:.35rem 0 0;overflow-wrap:anywhere}
.seo-facts a{color:inherit}
.seo-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.seo-about{padding-block:clamp(3rem,7vw,6rem);background:var(--ink-2);border-block:1px solid var(--line)}
.seo-about .prose{max-width:780px}
.seo-about h2,.seo-related h2,.seo-series-index h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);font-weight:500;letter-spacing:0}
.seo-related{padding-block:clamp(3rem,7vw,6rem)}
.seo-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem);margin:2rem 0}
.seo-related-card,.seo-order-card{color:var(--text);text-decoration:none}
.seo-related-card span,.seo-order-card strong{display:block;margin-top:.75rem;line-height:1.25}
.seo-related-card:hover img,.seo-related-card:focus-visible img,.seo-order-card:hover img,.seo-order-card:focus-visible img{transform:translateY(-4px)}
.seo-related-card img,.seo-order-card img{transition:transform .2s ease}
.seo-collection-head{max-width:900px;padding-block:clamp(2rem,6vw,5rem)}
.seo-collection-head>p:last-child{max-width:760px;font-size:clamp(1.05rem,2vw,1.3rem)}
.seo-order{padding-bottom:clamp(4rem,8vw,8rem)}
.seo-order ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:clamp(1rem,2.5vw,2rem);margin:0;padding:0;list-style:none}
.seo-order-card>span{display:block;margin-bottom:.55rem;color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.1em}
.seo-series-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:clamp(4rem,8vw,8rem);padding:1px;background:var(--line)}
.seo-series-index article{padding:clamp(1.5rem,4vw,3rem);background:var(--ink)}
.seo-series-index h2{margin:.25rem 0 1rem}
.seo-series-index h2 a{color:inherit;text-decoration:none}
@media (max-width:760px){
  .seo-book{grid-template-columns:1fr;gap:1.75rem}
  .seo-cover{position:static;max-width:300px;margin-inline:auto}
  .seo-book-copy h1,.seo-collection-head h1{font-size:clamp(2.5rem,14vw,4.25rem)}
  .seo-facts{grid-template-columns:1fr}
  .seo-actions .btn{width:100%;justify-content:center}
  .seo-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seo-series-index{grid-template-columns:1fr}
  .seo-order ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.seo-related-card img,.seo-order-card img{transition:none}}
