.novel-page{--novel-accent:#86e5d7}.novel-page.astra,.novel-card.astra{--novel-accent:#d3ae68}.novel-page.dracula,.novel-card.dracula{--novel-accent:#f17878}.novel-page.blue-trace,.novel-card.blue-trace{--novel-accent:#8fb8ff}.novel-nav{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}.novel-nav a{padding:12px 18px;border:1px solid #3b4148;text-decoration:none;font-size:13px;font-weight:700}.novel-nav a[aria-current=page]{border-color:#86e5d7;color:#86e5d7}.novel-nav span{margin-left:12px;opacity:.6}.novel-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.novel-card{border:1px solid #30363b;background:#101418;min-width:0}.novel-card-art{display:block;background:#080a0c;padding:16px}.novel-card-art img{display:block;width:100%;aspect-ratio:2/3;object-fit:contain}.novel-card-copy{padding:24px}.novel-card h2{font-size:clamp(26px,2.8vw,38px);line-height:1.1;margin:20px 0 8px;overflow-wrap:anywhere}.novel-card h2 a{color:inherit;text-decoration:none}.novel-card-copy>p:not(.eyebrow){color:#b9bec4;line-height:1.65}.novel-tags{display:flex;flex-wrap:wrap;gap:8px}.novel-tags span{font-size:11px;letter-spacing:.06em;border:1px solid #3c4248;padding:6px 9px;color:var(--novel-accent)}.novel-subtitle{font-size:18px;letter-spacing:.08em;text-transform:uppercase;color:var(--novel-accent)!important}.novel-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:0!important;font-size:12px;letter-spacing:.05em}.novel-breadcrumb a{color:#adb4bc}.novel-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center;padding-top:32px!important}.novel-cover{padding:16px;background:linear-gradient(140deg,#252b32,#080a0c);border:1px solid #343b43;box-shadow:0 24px 70px #0006}.novel-cover img{display:block;width:100%;height:auto}.novel-hero-copy{min-width:0}.novel-hero-copy h1{font-size:clamp(36px,5.5vw,76px);line-height:1.03;margin:24px 0 12px;overflow-wrap:anywhere}.novel-hero-copy>p{color:#b9bec4;line-height:1.8;max-width:64ch}.novel-hero-copy .novel-hook{font-size:clamp(21px,2.1vw,28px);color:#f0f0eb;line-height:1.4;margin:28px 0}.novel-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:28px}.novel-button{display:inline-flex;justify-content:center;padding:15px 20px;border:1px solid var(--novel-accent);background:#111a21;color:var(--novel-accent);text-decoration:none;font-weight:700;font-size:13px}.novel-button:hover,.novel-button:focus-visible{background:var(--novel-accent);color:#080b10}.novel-page a:focus-visible,.novel-nav a:focus-visible{outline:2px solid var(--novel-accent,#86e5d7);outline-offset:5px}.novel-preview{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#111b27;border-top:1px solid #364b65;border-bottom:1px solid #364b65}.novel-preview h2,.novel-artwork h2,.novel-availability h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;margin:16px 0}.novel-preview p,.novel-artwork>p,.novel-availability p{color:#b9bec4;line-height:1.8;max-width:70ch}.novel-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:32px}.novel-gallery figure{margin:0;background:#101418;border:1px solid #30363b;padding:14px;min-width:0}.novel-gallery img{display:block;width:100%;height:auto}.novel-gallery figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:18px 4px 6px;font-size:13px}.novel-gallery figcaption span{color:var(--novel-accent);font-size:11px}.novel-availability{border-top:1px solid #30363b}.novel-availability .text-link{display:inline-block;margin-top:20px}.novel-page #preview,.novel-page #artwork{scroll-margin-top:100px}@media(max-width:850px){.novel-library{grid-template-columns:1fr}.novel-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.novel-hero{grid-template-columns:1fr}.novel-cover{max-width:480px;width:100%;box-sizing:border-box;margin:auto}.novel-preview{display:block}.novel-gallery{gap:16px}}@media(max-width:520px){.novel-card{display:block}.novel-card-art{padding:22px}.novel-gallery{grid-template-columns:1fr}.novel-hero-copy h1{font-size:40px}.novel-card h2{font-size:32px}.novel-nav a{flex:1;text-align:center;white-space:nowrap}.novel-actions{gap:18px}.novel-preview .novel-actions{align-items:flex-start;flex-direction:column}}