@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap");

:root {
    --rc-paper: oklch(0.975 0.012 80);
    --rc-playbill: oklch(0.955 0.018 82);
    --rc-ink: oklch(0.25 0.028 255);
    --rc-muted: oklch(0.45 0.018 255);
    --rc-red: oklch(0.59 0.2 29);
    --rc-red-dark: oklch(0.48 0.18 29);
    --rc-red-soft: oklch(0.94 0.035 29);
    --rc-blue: oklch(0.48 0.17 255);
    --rc-blue-dark: oklch(0.24 0.09 255);
    --rc-gold: oklch(0.82 0.14 87);
    --rc-sage: oklch(0.88 0.045 158);
    --rc-rule: oklch(0.25 0.028 255 / 0.22);
    --rc-serif: "Noto Serif SC", Georgia, "Songti SC", serif;

    --site-accent: var(--rc-red);
    --site-accent-light: oklch(0.68 0.17 30);
    --site-accent-dark: var(--rc-red-dark);
    --site-accent-soft: var(--rc-red-soft);
    --reading-surface: var(--rc-playbill);
    --reading-border: var(--rc-rule);
    --library-bg: var(--rc-paper);
    --library-surface: var(--rc-playbill);
    --library-ink: var(--rc-ink);
    --library-muted: var(--rc-muted);
    --library-border: var(--rc-rule);
    --library-accent: var(--rc-red);
    --library-accent-soft: var(--rc-red-soft);
    --library-amber: var(--rc-gold);
    --library-blue: var(--rc-blue);

    /* Legacy standalone pages use these shorter tokens. */
    --bg: var(--rc-paper);
    --card: var(--rc-playbill);
    --card-hover: oklch(0.94 0.02 82);
    --surface: var(--rc-paper);
    --surface-card: var(--rc-playbill);
    --text: var(--rc-ink);
    --text2: var(--rc-muted);
    --text-dim: var(--rc-muted);
    --text-secondary: var(--rc-muted);
    --border: var(--rc-rule);
    --accent: var(--rc-red);
    --accent-light: oklch(0.68 0.17 30);
    --accent-soft: var(--rc-red-soft);
    --gold: var(--rc-gold);
    --gold-soft: oklch(0.9 0.08 87 / 0.32);
}

html {
    background: var(--rc-paper);
}

body[data-readingclub-theme="playbill"] {
    color: var(--rc-ink);
    background: var(--rc-paper);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Noto Sans SC", system-ui, sans-serif;
}

body[data-readingclub-theme="playbill"] h1,
body[data-readingclub-theme="playbill"] h2,
body[data-readingclub-theme="playbill"] h3,
body[data-readingclub-theme="playbill"] .cover-title,
body[data-readingclub-theme="playbill"] .statement {
    font-family: var(--rc-serif);
    letter-spacing: 0;
}

body[data-readingclub-theme="playbill"] a,
body[data-readingclub-theme="playbill"] button,
body[data-readingclub-theme="playbill"] input,
body[data-readingclub-theme="playbill"] select {
    letter-spacing: 0;
}

/* Shared navigation */
body[data-readingclub-theme="playbill"] .xia-nav {
    background: color-mix(in oklch, var(--rc-paper) 96%, white);
    border-bottom: 1px solid var(--rc-rule);
    box-shadow: none;
}

body[data-readingclub-theme="playbill"] .xia-nav-inner {
    max-width: 1180px;
}

body[data-readingclub-theme="playbill"] .xia-nav-brand-icon {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-red);
    box-shadow: 3px 3px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .xia-nav-site-link {
    border-radius: 4px;
    color: var(--rc-muted);
}

body[data-readingclub-theme="playbill"] .xia-nav-site-link:hover,
body[data-readingclub-theme="playbill"] .xia-nav-site-link.active {
    color: var(--rc-red-dark);
    background: var(--rc-red-soft);
}

body[data-readingclub-theme="playbill"] .xia-nav-btn-subscribe {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-red);
    color: white;
    box-shadow: 3px 3px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .xia-nav-btn-subscribe:hover {
    background: var(--rc-red-dark);
    color: white;
    box-shadow: 1px 1px 0 var(--rc-gold);
    transform: translate(2px, 2px);
}

/* Standard editorial pages */
body[data-readingclub-theme="playbill"].readingclub-subpage {
    background: var(--rc-paper);
}

body[data-readingclub-theme="playbill"] .readingclub-shell {
    width: min(1180px, calc(100% - 40px));
}

body[data-readingclub-theme="playbill"] .breadcrumb {
    color: var(--rc-muted);
}

body[data-readingclub-theme="playbill"] .breadcrumb a {
    color: var(--rc-muted);
    text-decoration-color: color-mix(in oklch, var(--rc-red) 35%, transparent);
}

body[data-readingclub-theme="playbill"].readingclub-subpage .page-hero {
    position: relative;
    margin: 10px 12px 64px 0;
    padding: clamp(2rem, 5vw, 4.5rem);
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 12px 12px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"].readingclub-subpage .page-hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 10px;
    background: var(--rc-red);
}

body[data-readingclub-theme="playbill"] .eyebrow,
body[data-readingclub-theme="playbill"] .panel-label,
body[data-readingclub-theme="playbill"] .card-tag,
body[data-readingclub-theme="playbill"] .list-tag,
body[data-readingclub-theme="playbill"] .library-kicker,
body[data-readingclub-theme="playbill"] .detail-kicker {
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--rc-red);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body[data-readingclub-theme="playbill"] .page-hero h1 {
    color: var(--rc-ink);
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    line-height: 1.08;
    letter-spacing: 0;
}

body[data-readingclub-theme="playbill"] .lead {
    color: var(--rc-muted);
}

body[data-readingclub-theme="playbill"] .section-header {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--rc-ink);
}

body[data-readingclub-theme="playbill"] .section-header h2 {
    color: var(--rc-ink);
    letter-spacing: 0;
}

body[data-readingclub-theme="playbill"] .primary-btn,
body[data-readingclub-theme="playbill"] .secondary-btn,
body[data-readingclub-theme="playbill"] .card-link {
    min-height: 44px;
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    box-shadow: none;
}

body[data-readingclub-theme="playbill"] .primary-btn {
    background: var(--rc-red);
    color: white;
}

body[data-readingclub-theme="playbill"] .primary-btn:hover {
    background: var(--rc-red-dark);
    color: white;
}

body[data-readingclub-theme="playbill"] .secondary-btn {
    background: transparent;
    color: var(--rc-ink);
}

body[data-readingclub-theme="playbill"] :is(
    .hero-panel,
    .info-panel,
    .card,
    .list-card,
    .stat-card,
    .quote-card,
    .tool-form,
    .result-card,
    .note
) {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: none;
}

body[data-readingclub-theme="playbill"] .hero-panel {
    background: var(--rc-blue);
    color: white;
    box-shadow: 8px 8px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .hero-panel :is(h2, li, strong) {
    color: white;
}

body[data-readingclub-theme="playbill"] .hero-panel .panel-label {
    color: var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .list-stack {
    gap: 0;
    border-top: 1px solid var(--rc-ink);
}

body[data-readingclub-theme="playbill"] .list-card {
    border-width: 0 0 1px;
    background: transparent;
}

body[data-readingclub-theme="playbill"] .card-grid {
    gap: 0;
    border: 1px solid var(--rc-ink);
}

body[data-readingclub-theme="playbill"] .card-grid .card {
    border: 0;
    border-radius: 0;
}

body[data-readingclub-theme="playbill"] .card-grid .card + .card {
    border-left: 1px dashed var(--rc-ink);
}

body[data-readingclub-theme="playbill"] .article-body {
    gap: 0;
    border-top: 1px solid var(--rc-ink);
}

body[data-readingclub-theme="playbill"] .prose {
    padding: 32px 0;
    border: 0;
    border-bottom: 1px solid var(--rc-rule);
    border-radius: 0;
    background: transparent;
}

body[data-readingclub-theme="playbill"] .prose blockquote {
    border: 1px solid var(--rc-ink);
    border-left: 8px solid var(--rc-red);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 6px 6px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .quote-card {
    background: var(--rc-blue-dark);
    color: white;
}

body[data-readingclub-theme="playbill"] .quote-card :is(strong, p, a) {
    color: white;
}

body[data-readingclub-theme="playbill"] .quote-card .panel-label {
    color: var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .cta-box {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 10px 10px 0 var(--rc-sage);
}

body[data-readingclub-theme="playbill"] .wechat-grid {
    border-top: 1px solid var(--rc-rule);
}

body[data-readingclub-theme="playbill"] .wechat-item {
    padding: 14px 0;
    border: 0;
    border-bottom: 1px solid var(--rc-rule);
    border-radius: 0;
    background: transparent;
}

body[data-readingclub-theme="playbill"] .side-links a {
    border: 0;
    border-bottom: 1px solid var(--rc-rule);
    border-radius: 0;
    background: transparent;
}

body[data-readingclub-theme="playbill"] .side-links a:hover {
    color: var(--rc-red);
    transform: translateX(4px);
}

body[data-readingclub-theme="playbill"] .option-group {
    border: 0;
    border-top: 1px solid var(--rc-rule);
    border-radius: 0;
    padding: 22px 0;
}

body[data-readingclub-theme="playbill"] :is(.field input, .field select) {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-paper);
}

/* Homepage */
body[data-readingclub-theme="playbill"] .page-shell > .hero {
    min-height: min(760px, calc(88svh - 62px));
    border-bottom: 10px solid var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .page-shell > .hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 1;
    width: 12px;
    background: var(--rc-red);
}

body[data-readingclub-theme="playbill"] .hero-copy h1 {
    font-family: var(--rc-serif);
    letter-spacing: 0;
}

body[data-readingclub-theme="playbill"] .offer-map,
body[data-readingclub-theme="playbill"] .home-library-preview,
body[data-readingclub-theme="playbill"] .page-shell > .section {
    border-bottom-color: var(--rc-rule);
}

body[data-readingclub-theme="playbill"] .offer-list,
body[data-readingclub-theme="playbill"] .offer-item,
body[data-readingclub-theme="playbill"] .cycle-item,
body[data-readingclub-theme="playbill"] .path-grid {
    border-color: var(--rc-rule);
}

body[data-readingclub-theme="playbill"] .offer-item:hover {
    color: var(--rc-red-dark);
}

body[data-readingclub-theme="playbill"] .home-library-item {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: none;
}

body[data-readingclub-theme="playbill"] .home-library-item:first-child {
    box-shadow: 8px 8px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .home-library-item:hover {
    box-shadow: 4px 4px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .cycle-current {
    border-left: 8px solid var(--rc-red);
    background: var(--rc-playbill);
}

body[data-readingclub-theme="playbill"] .path-card {
    border-radius: 0;
}

body[data-readingclub-theme="playbill"] .path-card:first-child {
    background: var(--rc-blue);
    color: white;
}

body[data-readingclub-theme="playbill"] .path-card:first-child :is(strong, p, em) {
    color: white;
}

body[data-readingclub-theme="playbill"] .join-box {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 10px 10px 0 var(--rc-sage);
}

/* Library and generated detail pages */
body[data-readingclub-theme="playbill"].library-body {
    background: var(--rc-paper);
}

body[data-readingclub-theme="playbill"] .library-hero,
body[data-readingclub-theme="playbill"] .detail-header,
body[data-readingclub-theme="playbill"] .series-page-header {
    position: relative;
    margin: 42px 12px 68px 0;
    padding: clamp(2rem, 5vw, 4.5rem);
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 12px 12px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .library-hero::before,
body[data-readingclub-theme="playbill"] .detail-header::before,
body[data-readingclub-theme="playbill"] .series-page-header::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 10px;
    background: var(--rc-red);
}

body[data-readingclub-theme="playbill"] .library-hero {
    border-bottom: 1px solid var(--rc-ink);
}

body[data-readingclub-theme="playbill"] .library-primary-action {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-red);
    box-shadow: 4px 4px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .guided-section,
body[data-readingclub-theme="playbill"] .guided-list,
body[data-readingclub-theme="playbill"] .guided-start,
body[data-readingclub-theme="playbill"] .library-controls {
    border-color: var(--rc-rule);
}

body[data-readingclub-theme="playbill"] .library-controls {
    background: color-mix(in oklch, var(--rc-paper) 95%, transparent);
}

body[data-readingclub-theme="playbill"] .library-search input,
body[data-readingclub-theme="playbill"] .filter-button {
    border-color: var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
}

body[data-readingclub-theme="playbill"] .filter-button[aria-pressed="true"] {
    background: var(--rc-red);
    color: white;
}

body[data-readingclub-theme="playbill"] .series-link {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-blue-dark);
    color: white;
}

body[data-readingclub-theme="playbill"] .series-link:nth-child(2) {
    background: var(--rc-blue);
}

body[data-readingclub-theme="playbill"] .series-link :is(h3, p, .series-index) {
    color: white;
}

body[data-readingclub-theme="playbill"] .series-link .series-index {
    color: var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .asset-card {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: none;
}

body[data-readingclub-theme="playbill"] .asset-card:nth-child(3n + 1) {
    box-shadow: 6px 6px 0 var(--rc-sage);
}

body[data-readingclub-theme="playbill"] .asset-status,
body[data-readingclub-theme="playbill"] .archive-notice {
    border-radius: 4px;
}

body[data-readingclub-theme="playbill"] .detail-figure {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 10px 10px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .detail-copy {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-blue-dark);
    color: white;
}

body[data-readingclub-theme="playbill"] .detail-copy :is(p, span) {
    color: white;
}

body[data-readingclub-theme="playbill"] .series-list {
    border-top: 1px solid var(--rc-ink);
}

body[data-readingclub-theme="playbill"] .series-item {
    border-color: var(--rc-rule);
}

/* Guide and workshop index */
body[data-readingclub-theme="playbill"] .main-content > .hero {
    position: relative;
    margin: 28px 12px 70px 0;
    padding: clamp(2rem, 5vw, 4.5rem);
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 12px 12px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .main-content .container > .hero {
    position: relative;
    margin: 28px 12px 70px 0;
    padding: clamp(2rem, 5vw, 4.5rem);
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 12px 12px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .main-content > .hero::before,
body[data-readingclub-theme="playbill"] .main-content .container > .hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 10px;
    background: var(--rc-red);
}

body[data-readingclub-theme="playbill"] .hero-note {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-blue);
    color: white;
    box-shadow: 6px 6px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .hero-note :is(.hero-note-title, p) {
    color: white;
}

body[data-readingclub-theme="playbill"] :is(
    .mini-card,
    .manifesto-card,
    .format-card,
    .story-card,
    .ladder-step,
    .featured,
    .archive-item,
    .principle
) {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: none;
}

body[data-readingclub-theme="playbill"] .featured {
    box-shadow: 10px 10px 0 var(--rc-sage);
}

body[data-readingclub-theme="playbill"] .date-block {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-blue);
}

body[data-readingclub-theme="playbill"] .format-card:first-child {
    border-top: 8px solid var(--rc-red);
}

body[data-readingclub-theme="playbill"] .format-card:last-child {
    border-top: 8px solid var(--rc-blue);
}

body[data-readingclub-theme="playbill"] .ladder-step.active {
    border-left: 8px solid var(--rc-red);
}

/* Standalone tests, calculators, maps, and card pack */
body[data-readingclub-theme="playbill"] :is(.intro h1, .page-header h1, .result-hero h1) {
    font-family: var(--rc-serif);
}

body[data-readingclub-theme="playbill"]:has(.intro) .intro {
    position: relative;
    margin: 34px 12px 56px 0;
    padding: clamp(2rem, 6vw, 4.5rem);
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 10px 10px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"]:has(.intro) .intro::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 8px;
    background: var(--rc-red);
}

body[data-readingclub-theme="playbill"] .page-header {
    position: relative;
    margin: 34px 12px 64px 0;
    padding: clamp(2rem, 5vw, 4rem);
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 10px 10px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .page-header::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 8px;
    background: var(--rc-red);
}

body[data-readingclub-theme="playbill"] :is(
    .intro-card,
    .question-card,
    .result-card,
    .form-section,
    .network-canvas,
    .cluster-card,
    .connection-card,
    .timeline,
    .equiv-item,
    .boss-item
) {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: none;
}

body[data-readingclub-theme="playbill"] :is(.start-btn, .next-btn, .reset-btn, .cta-btn) {
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-red);
    color: white;
    box-shadow: 4px 4px 0 var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .topbar,
body[data-readingclub-theme="playbill"] .tabs {
    border-bottom: 1px solid var(--rc-ink);
    background: var(--rc-playbill);
}

body[data-readingclub-theme="playbill"] .tab {
    border-radius: 0;
}

body[data-readingclub-theme="playbill"] .tab.active {
    color: var(--rc-red);
    border-bottom-color: var(--rc-red);
}

body[data-readingclub-theme="playbill"]:has(.app .viewport) {
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

body[data-readingclub-theme="playbill"]:has(.app .viewport) .app {
    min-height: calc(100svh - 64px);
    flex: none;
}

body[data-readingclub-theme="playbill"]:has(.mobile-dock) .reveal {
    opacity: 1 !important;
    transform: none !important;
}

body[data-readingclub-theme="playbill"]:has(#progressBar) #progressBar {
    top: 60px;
}

body[data-readingclub-theme="playbill"]:has(#progressBar) .controls {
    top: calc(60px + 0.8rem);
}

/* Shared join band and footer */
body[data-readingclub-theme="playbill"] .readingclub-join-cta {
    position: relative;
    background: oklch(0.14 0.018 255);
    color: white;
}

body[data-readingclub-theme="playbill"] .readingclub-join-cta::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 10px;
    background: var(--rc-red);
}

body[data-readingclub-theme="playbill"] .readingclub-join-cta__eyebrow {
    color: var(--rc-gold);
}

body[data-readingclub-theme="playbill"] .readingclub-join-cta__contact code {
    color: oklch(0.78 0.17 29);
}

body[data-readingclub-theme="playbill"] .xia-footer {
    border-top: 1px solid var(--rc-rule);
    background: var(--rc-paper);
    box-shadow: none;
}

/* Motion */
@keyframes rc-playbill-enter {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body[data-readingclub-theme="playbill"] :is(
    .page-hero,
    .library-hero,
    .detail-header,
    .series-page-header,
    .main-content > .hero,
    .main-content .container > .hero,
    .page-header,
    .intro
) {
    animation: rc-playbill-enter 520ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

body[data-readingclub-theme="playbill"] :is(
    .asset-card,
    .home-library-item,
    .guided-start,
    .series-item,
    .offer-item,
    .archive-item
) {
    transition: transform 180ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 180ms cubic-bezier(0.16, 1, 0.3, 1), color 180ms ease;
}

@media (hover: hover) {
    body[data-readingclub-theme="playbill"] :is(
        .asset-card,
        .home-library-item,
        .guided-start,
        .series-item,
        .offer-item,
        .archive-item
    ):hover {
        transform: translateY(-3px);
    }
}

@media (max-width: 960px) {
    body[data-readingclub-theme="playbill"] .card-grid .card + .card {
        border-top: 1px dashed var(--rc-ink);
        border-left: 0;
    }
}

@media (max-width: 720px) {
    body[data-readingclub-theme="playbill"]:has(#progressBar) #progressBar {
        top: 108px;
    }

    body[data-readingclub-theme="playbill"]:has(#progressBar) .controls {
        top: calc(108px + 0.7rem);
    }

    body[data-readingclub-theme="playbill"] .readingclub-shell,
    body[data-readingclub-theme="playbill"] .library-shell,
    body[data-readingclub-theme="playbill"] .detail-shell {
        width: min(100% - 28px, 1180px);
    }

    body[data-readingclub-theme="playbill"].readingclub-subpage .page-hero,
    body[data-readingclub-theme="playbill"] .library-hero,
    body[data-readingclub-theme="playbill"] .detail-header,
    body[data-readingclub-theme="playbill"] .series-page-header,
    body[data-readingclub-theme="playbill"] .main-content > .hero,
    body[data-readingclub-theme="playbill"] .main-content .container > .hero,
    body[data-readingclub-theme="playbill"] .page-header,
    body[data-readingclub-theme="playbill"]:has(.intro) .intro {
        margin-right: 7px;
        padding: 30px 22px;
        box-shadow: 7px 7px 0 var(--rc-gold);
    }

    body[data-readingclub-theme="playbill"] .page-hero h1 {
        font-size: clamp(2.2rem, 11vw, 3.4rem);
    }

    body[data-readingclub-theme="playbill"] .library-hero {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    body[data-readingclub-theme="playbill"] .library-hero h1 {
        font-size: clamp(3rem, 16vw, 5rem);
    }

    body[data-readingclub-theme="playbill"] .card-grid {
        grid-template-columns: 1fr;
    }

    body[data-readingclub-theme="playbill"] .featured {
        box-shadow: 7px 7px 0 var(--rc-sage);
    }

    body[data-readingclub-theme="playbill"] .detail-figure,
    body[data-readingclub-theme="playbill"] .cta-box,
    body[data-readingclub-theme="playbill"] .join-box {
        box-shadow: 7px 7px 0 var(--rc-gold);
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-readingclub-theme="playbill"] *,
    body[data-readingclub-theme="playbill"] *::before,
    body[data-readingclub-theme="playbill"] *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Current shared-reading feature. Independent of the generated content catalogue. */
body[data-readingclub-theme="playbill"] .book-feature {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    margin: 36px 7px 42px 0;
    padding: 24px;
    border: 1px solid var(--rc-ink);
    border-radius: 4px;
    background: var(--rc-playbill);
    box-shadow: 7px 7px 0 var(--rc-gold);
}
body[data-readingclub-theme="playbill"] .book-feature img {
    width: 140px;
    height: auto;
}
body[data-readingclub-theme="playbill"] .book-feature h2 {
    margin: 10px 0;
    font-size: clamp(22px, 3vw, 32px);
}
body[data-readingclub-theme="playbill"] .book-feature p {
    color: var(--rc-muted);
}
body[data-readingclub-theme="playbill"] .book-feature a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-top: 16px;
    padding: 8px 16px;
    color: white;
    background: var(--rc-red-dark);
    border-radius: 4px;
    text-decoration: none;
}
@media (max-width: 600px) {
    body[data-readingclub-theme="playbill"] .book-feature {
        grid-template-columns: 75px minmax(0, 1fr);
        gap: 16px;
        padding: 18px;
    }
    body[data-readingclub-theme="playbill"] .book-feature img { width: 75px; }
    body[data-readingclub-theme="playbill"] .book-feature p { font-size: 14px; }
}