:root{--paper:#f4f3ed;--ink:#191b1a;--yellow:#e9fb68;--blue:#e27a39;--muted:#b8bbb2;--line:#43453d;--serif:'Barlow Condensed',Arial,sans-serif;--body-font:'DM Sans',Arial,sans-serif;--site-width:1400px;--site-space:1}
body{font-family:var(--body-font);font-size:16px}.wrap{width:min(var(--site-width),90%)}.hero{padding-block:calc(65px * var(--site-space))}.section{padding-block:calc(64px * var(--site-space))}.hero .intro{color:var(--muted)}.prose{font-family:Georgia,serif;font-size:17px}.brand-logo{width:64px;height:64px;object-fit:contain}.brand-mark{flex-shrink:0}.theme-stacked .hero{grid-template-columns:1fr;text-align:center}.theme-stacked .hero .intro{margin-inline:auto;max-width:680px}.theme-stacked .hero .eyebrow{justify-content:center}.theme-stacked .hero-art{margin-inline:auto;width:min(460px,90%)}.theme-grid .story-list{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-grid .story-card{grid-template-columns:1fr}.theme-grid .card-cover img{height:260px}.theme-grid .card-copy{padding:25px}.featured-story-image{max-width:900px;margin:0 auto 35px}.featured-story-image img{display:block;width:100%;max-height:75vh;object-fit:contain}.page-children{max-width:746px;margin:30px auto}.page-children ul{padding-left:22px}.page-children a,.breadcrumb a{text-decoration:underline}.nav-page-group{position:relative}.nav-page-group summary{cursor:pointer;list-style:none}.nav-page-group summary::after{content:' ▾'}.nav-page-group ul{position:absolute;z-index:20;min-width:210px;max-width:300px;background:var(--paper);border:1px solid var(--line);padding:14px 18px;list-style:none;box-shadow:3px 3px 0 #0001}.nav-page-group li{padding:5px 0}.nav-page-group ul ul{position:static;border:0;box-shadow:none;padding:6px 0 0 12px}.nav-page-group summary:focus-visible{outline:3px solid var(--blue)}@media(max-width:760px){.theme-grid .story-list{grid-template-columns:1fr}.theme-grid .story-card{grid-template-columns:120px 1fr}.theme-grid .card-cover img{height:100%;min-height:220px}.theme-grid .card-copy{padding:18px}.header nav:has(.nav-page-group[open]){overflow:visible}.nav-page-group ul{right:0}.hero{padding-block:calc(40px * var(--site-space))}}
body.fiction-site{background:var(--ink);color:var(--paper)}.fiction-site h1,.fiction-site h2,.fiction-site .feature-title h2,.fiction-site .footer-brand,.fiction-site .shelf h3{font-family:'Barlow Condensed',Arial,sans-serif}.fiction-site .prose{font-family:Georgia,serif;font-size:19px;color:var(--paper)}.fiction-site .topbar,.fiction-site .masthead,.fiction-site .feature,.fiction-site .serial-section,.fiction-site .genre-section,.fiction-site footer{padding-inline:max(5%,calc((100vw - var(--site-width))/2))}.fiction-site .paper-section{padding-block:calc(64px * var(--site-space))}.fiction-site .topbar .brand small{display:none}.fiction-site .brand-icon span{color:var(--ink)}.fiction-site .card{display:block}.fiction-site .story-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.fiction-site .cards .card h3{color:var(--ink)}.fiction-site .card .eyebrow,.fiction-site .card .small{color:inherit}.fiction-site .reader-shell{background:#242820;color:var(--paper)}.fiction-site .reader-shell .caption-panel{background:transparent;color:var(--paper)}.fiction-site .reader-shell .control{background:var(--ink);color:var(--paper)}.fiction-site .reader-title{color:var(--paper)}.fiction-site .rich-text img{aspect-ratio:auto}.fiction-site .fiction-entry-meta,.fiction-site .age-badges{max-width:746px;margin:20px auto;display:flex;gap:14px;flex-wrap:wrap}.fiction-site .fiction-episodes{margin:40px auto}.fiction-site .desk-block,.fiction-site .page-children{color:var(--paper)}.fiction-site .search-button svg{width:22px;height:22px}.fiction-site .brand-logo{aspect-ratio:auto}.fiction-site .topbar nav{margin-left:auto}.fiction-site footer .footer-brand>span{font-family:var(--body-font);font-size:14px;display:block;color:var(--muted);letter-spacing:normal}.fiction-site .filter input,.fiction-site .filters select{max-width:100%}@media(max-width:760px){.fiction-site .story-list{grid-template-columns:1fr}.fiction-site .topbar{flex-wrap:wrap;padding-block:18px;gap:16px}.fiction-site .topbar nav{display:flex;order:3;width:100%;margin:0;gap:10px 18px;justify-content:flex-start}.fiction-site .topbar .search-button{margin-left:auto}.fiction-site .prose{font-size:18px}.fiction-site .filters{grid-template-columns:1fr 1fr}.fiction-site .filters input,.fiction-site .filters select{width:100%;min-width:0}.fiction-site .reader-controls{flex-wrap:wrap}}
