/* Side Quests reuses Whipit's type, paper surfaces and ballpoint-blue accent. */
.sq-page{--sq-serif:Georgia,"Times New Roman",serif}
.sq-page 
.sq-page .topbar-inner{gap:16px;flex-wrap:wrap}
.sq-page .topbar-nav{flex-wrap:wrap}
.sq-page 
.skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:var(--card);color:var(--ink);z-index:50}
.skip-link:focus{top:10px}
.sq-main{padding-bottom:70px}
.sq-hero{padding:64px 0 46px;background-image:radial-gradient(var(--dots) 1px,transparent 1.3px);background-size:20px 20px}
.sq-hero h1{font:800 clamp(48px,8vw,90px)/.98 var(--display);letter-spacing:-.055em;margin:12px 0 20px}
.sq-hero h1 span{color:var(--accent-ink)}
.sq-lead{max-width:56ch;color:var(--muted);font-size:19px;line-height:1.6;margin:0 0 24px}
.hand-note{font:500 24px/1.15 var(--hand);color:var(--accent-ink);margin:18px 0 0}
.sq-tags{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--accent-ink);font:600 12px/1.5 var(--mono)}
.sq-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:24px}
.text-link{color:var(--accent-ink);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.quest-feature{display:grid;grid-template-columns:minmax(160px,270px) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center;padding:34px 0 50px;border-top:1px solid var(--line)}
.quest-feature h2{font:800 clamp(29px,4vw,42px)/1.08 var(--display);letter-spacing:-.035em;max-width:17ch;margin:16px 0}
.quest-feature p{max-width:55ch;color:var(--muted);line-height:1.65}
.quest-feature .quest-detail{font-size:13px;font-weight:600;color:var(--ink)}
.cover-link{display:block;max-width:300px;width:100%}
.book-cover{position:relative;isolation:isolate;min-height:340px;aspect-ratio:3/4;background:var(--accent-ink);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:3px 14px 14px 3px;box-shadow:-6px 0 0 #1c3194,0 16px 30px #2540bd16}
.book-cover>span{font:500 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.12em}
.book-cover>b{font:800 clamp(26px,4vw,39px)/1 var(--display);letter-spacing:-.04em;z-index:1}
.book-cover>em{font:500 21px/1.1 var(--hand);z-index:1}
.orbit-mark{position:absolute;width:75%;aspect-ratio:1;border:1px solid #ffffff70;border-radius:50%;right:-25%;top:27%;z-index:0}
.orbit-mark::before{content:"";position:absolute;inset:15%;border:1px solid #ffffff50;border-radius:50%}
.orbit-mark::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:13%;top:14%}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 10px;padding:26px 0;font-size:13px;color:var(--muted)}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.book-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:60px;padding:26px 0 56px}
.book-hero h1{font:800 clamp(36px,5.8vw,65px)/1 var(--display);letter-spacing:-.045em;margin:16px 0 24px}
.book-hero .book-cover{min-height:320px}
.book-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;border-top:1px solid var(--line);padding:40px 0}
.book-intro h2{font:800 29px/1.15 var(--display);letter-spacing:-.035em;margin:12px 0 20px}
.book-intro p:not(.eyebrow){color:var(--muted);max-width:64ch;line-height:1.7}
.reading-note{border-left:2px solid var(--accent-ink);padding-left:24px;align-self:start}
.reading-note .hand-note{display:block;margin-top:0}
.reading-note .text-link{display:block;margin:12px 0}
.starting-points{padding:20px 0 35px}
.starting-points ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.starting-points li{border-bottom:1px solid var(--line)}
.starting-points li a{padding:15px 0;display:flex;justify-content:space-between;gap:15px;font-weight:600}
.my-call{border-top:1px solid var(--line);padding:34px 0 30px}
.my-call ol{margin:14px 0 0;padding-left:1.4em;display:grid;gap:10px;max-width:70ch;line-height:1.65;color:var(--muted)}
.my-call li::marker{color:var(--accent-ink);font-weight:700}
.my-call b{color:var(--ink)}
.story-idea{border-top:1px solid var(--line);padding:40px 0 34px}
.story-idea h2{font:800 29px/1.15 var(--display);letter-spacing:-.035em;margin:12px 0 18px}
.story-idea p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:64ch}
.spoiler{margin:18px 0 22px;border-left:2px solid var(--accent-ink);padding-left:20px}
.spoiler summary{cursor:pointer;font-weight:700;color:var(--accent-ink)}
.spoiler summary span{font:500 18px/1 var(--hand);margin-left:6px}
.spoiler p{margin:12px 0 0}
.opening-excerpt{max-width:760px;margin:28px 0 10px;padding:24px 0;border-top:1px solid var(--line)}
.opening-excerpt blockquote{font:400 22px/1.65 var(--sq-serif);margin:20px 0;color:var(--ink)}
.document-head{max-width:820px;margin:20px auto 28px}
.document-head h1{font:800 clamp(32px,5vw,52px)/1.08 var(--display);letter-spacing:-.035em;margin:14px 0 20px}
.document-head .button{margin-top:12px}
.document-intro{font-size:18px;color:var(--muted);max-width:60ch;line-height:1.6}
.document-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:0 0 16px}
.draft-note{max-width:820px;margin:24px auto;padding:16px 20px;border-left:3px solid var(--accent-ink);background:var(--accent-soft);color:var(--accent-ink);font-size:14px;line-height:1.65}
.draft-note a{text-decoration:underline;text-underline-offset:3px}
.chapter-toc,.archive-toc{display:flex;flex-wrap:wrap;gap:8px 22px;max-width:820px;margin:24px auto;border-block:1px solid var(--line);padding:16px 0}
.chapter-toc a,.archive-toc a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:600}
.chapter{max-width:760px;margin:65px auto;scroll-margin-top:100px}
.chapter>header{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:36px}
.chapter h2{font:800 36px/1.1 var(--display);letter-spacing:-.035em;margin:12px 0 18px}
.prose{overflow-wrap:anywhere}
.prose p{margin:0 0 1.2em}
.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--display);line-height:1.25;letter-spacing:-.02em;margin:1.5em 0 .65em}
.prose h1{font-size:30px}.prose h2{font-size:26px}.prose h3{font-size:22px}.prose h4{font-size:19px}
.prose li{margin:.7em 0}.prose li p{margin:.4em 0}
.prose ol,.prose ul{padding-left:1.6em}
.prose a{text-decoration:underline;text-underline-offset:3px;color:var(--accent-ink)}
.prose blockquote{margin:1.3em 0;padding-left:20px;border-left:2px solid var(--line);color:var(--muted)}
.manuscript{font:400 19px/1.85 var(--sq-serif)}
.document{max-width:760px;margin:45px auto;font-size:17px;line-height:1.8}
.chapter-nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:42px;font-size:14px;font-weight:600;color:var(--accent-ink)}
.document-end{max-width:760px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin:55px auto 20px}
.artifact-group{max-width:820px;margin:50px auto;scroll-margin-top:100px}
.group-description{font-size:15px;color:var(--muted);margin:-2px 0 16px}
.artifact-list{list-style:none;padding:0;margin:0}
.artifact-list li{border-bottom:1px solid var(--line)}
.artifact-list a{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:10px;align-items:center;padding:15px 2px}
.artifact-list a:hover>span:first-child{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}
.artifact-list small{color:var(--muted);font-size:12px;text-align:right}
.row-arrow{color:var(--accent-ink)}
.sq-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding:22px 0 36px}
.sq-footer>a{font-family:var(--display);font-weight:600;color:var(--ink)}
.side-quests-home{margin:30px 0 38px}
.side-quests-home .quest-feature{grid-template-columns:180px minmax(0,1fr);gap:32px;padding:24px 0 10px;border-top:0}
.side-quests-home .book-cover{min-height:230px;padding:20px}
.side-quests-home .book-cover>b{font-size:27px}
.side-quests-home .book-cover>em{font-size:18px}
.side-quests-home .quest-feature h3{font:800 28px/1.1 var(--display);letter-spacing:-.035em;margin:12px 0}
@media(max-width:760px){
 .book-hero{grid-template-columns:minmax(0,1fr) 180px;gap:28px;padding-top:12px}
 .book-hero .book-cover{min-height:250px;padding:20px}
 .book-hero .book-cover>b{font-size:28px}
 .book-intro{grid-template-columns:1fr;gap:24px}
 .reading-note{max-width:520px}
 .sq-lead{font-size:17px}
 .document{font-size:16px}
}
@media(max-width:560px){
 .sq-page .topbar-inner{align-items:flex-start;gap:10px}
 .sq-page .topbar-nav{width:100%;justify-content:flex-start;gap:6px}

 .sq-hero{padding:40px 0 32px}
 .quest-feature{grid-template-columns:1fr;gap:26px}
 .quest-feature .cover-link{max-width:185px}
 .book-cover{min-height:245px;padding:20px}
 .book-cover>b{font-size:29px}
 .book-hero{grid-template-columns:1fr;gap:30px}
 .book-hero>.book-cover{width:165px;min-height:220px;order:-1}
 .book-hero h1{font-size:40px}
 .book-hero .book-cover>b{font-size:25px}
 .book-hero .book-cover>em{font-size:18px}
 .starting-points ul{grid-template-columns:1fr}
 .section-title h2{font-size:24px}
 .artifact-list a{grid-template-columns:minmax(0,1fr) 16px;gap:4px 10px}
 .artifact-list small{grid-column:1;text-align:left}
 .artifact-list .row-arrow{grid-column:2;grid-row:1/3}
 .manuscript{font-size:18px;line-height:1.8}
 .chapter{margin:44px auto}
 .draft-note{padding:14px 16px}
 .opening-excerpt blockquote{font-size:20px}
 .side-quests-home .quest-feature{grid-template-columns:1fr;gap:24px}
 .side-quests-home .book-cover{width:165px;min-height:220px}
 .book-cover{margin-left:6px}
 .orbit-mark::after{display:none}
}
@media print{
 .site-topbar,.breadcrumbs,.sq-footer,.document-end,.chapter-nav,.chapter-toc,.archive-toc,.skip-link{display:none}
 body{background:#fff;color:#000}
 .container{width:100%;max-width:none}.chapter{break-before:page;margin:20px 0}
 .manuscript{font-size:12pt;line-height:1.6}.chapter>header a{display:none}
}

/* More side quests */
.sq-more{padding:34px 0 10px;border-top:1px solid var(--line)}
.sq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:16px}
.sq-card{display:grid;gap:8px;align-content:start;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-decoration:none;color:inherit}
.sq-card:hover,.sq-card:focus-visible{border-color:var(--accent);box-shadow:0 10px 24px #0000000d}
.sq-card h3{margin:0;font:800 21px/1.15 var(--display);letter-spacing:-.03em}
.sq-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.sq-kind{font:600 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}
.sq-meta{font-size:12.5px;color:var(--muted)}
.sq-entries{padding:20px 0 10px;border-top:1px solid var(--line)}
.sq-entries ul{list-style:none;margin:16px 0 0;padding:0;display:grid}
.sq-entries li a{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.sq-entries li a:hover span{text-decoration:underline}
.sq-entries time{font-size:13px;color:var(--muted)}
.sq-entries span{font-weight:600}
.sq-entries em{font-style:normal;font-size:12px;color:var(--accent-ink)}
@media (max-width:620px){.sq-entries li a{grid-template-columns:1fr;gap:4px}}