/* source: styles.css */
:root{--ink:var(--thames-teal);--deep:var(--thames-teal);--river:var(--river-mist);--mist:var(--paper);--paper:var(--paper);--brass:var(--lamp-glow);--text:var(--thames-teal);--line:color-mix(in srgb,var(--thames-teal) 20%,transparent);--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7}.skip{position:absolute;left:-999px;top:1rem;background:white;color:var(--ink);padding:.8rem;z-index:99}.skip:focus{left:1rem}.site-header{height:72px;padding:0 clamp(1.2rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--thames-teal) 94%,transparent);backdrop-filter:blur(14px);position:relative;z-index:20;top:0;left:0;right:0;border-bottom:1px solid color-mix(in srgb,var(--river-mist) 20%,transparent)}.brand{font-family:var(--mono);font-size:.82rem;letter-spacing:.14em;color:var(--paper);text-decoration:none}.brand span{color:var(--river);font-size:1.4rem}.menu{display:flex;gap:2rem}.menu a{color:var(--paper);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.menu a:hover,.menu a:focus{color:var(--river)}.menu-toggle{display:none}.hero{min-height:82svh;color:var(--paper);background:var(--ink);position:relative;overflow:hidden;display:flex;align-items:center;padding:clamp(4rem,6vw,6rem) var(--gutter) clamp(2.5rem,4vw,4rem)}.hero-art{position:absolute;inset:0;background:var(--thames-teal)}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(color-mix(in srgb,var(--river-mist) 28%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--river-mist) 28%,transparent) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,var(--ink),transparent)}.hero-copy{position:relative;z-index:2;max-width:900px}.eyebrow,.kicker,.section-number,.index,.book-type,.latest,.result-count{font-family:var(--mono);text-transform:uppercase;letter-spacing:.11em;font-size:.75rem}.eyebrow,.kicker{color:var(--river);margin:0 0 1.3rem}.hero h1{font:600 clamp(4rem,9vw,8rem)/.88 var(--serif);letter-spacing:-.055em;margin:0}.hero h1 em{display:block;color:var(--river)}.lede{max-width:700px;color:var(--paper);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;margin:2rem 0}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:1.25rem;padding:.85rem 1.1rem;border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);text-decoration:none;color:white;font-weight:650;font-size:.88rem;background:transparent;cursor:pointer}.button.primary{background:var(--river);color:var(--ink);border-color:var(--river)}.button:hover,.book-card>a:hover{transform:translateY(-2px)}.hero-note{position:absolute;z-index:2;bottom:1.7rem;left:clamp(1.2rem,8vw,8rem);right:clamp(1.2rem,8vw,8rem);display:flex;justify-content:space-between;font:400 .68rem var(--mono);letter-spacing:.13em;color:var(--mist)}.section{padding:var(--space-section) var(--gutter)}.section-tight{padding:var(--space-section-tight) var(--gutter)}.section-number{border-top:1px solid var(--line);padding-top:1rem;margin-bottom:var(--space-block);color:var(--thames-teal)}.section-number.light{border-color:color-mix(in srgb,var(--paper) 20%,transparent);color:var(--thames-teal)}.section h2,.section-tight h2{font:600 clamp(2.7rem,6vw,5.2rem)/1.02 var(--serif);letter-spacing:-.035em;margin:0}.quick-start{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-block);align-items:center}.quick-start p{max-width:600px}.start-card{background:var(--deep);color:var(--paper);padding:2.2rem;border-left:4px solid var(--river)}.start-card h3{font:600 2.25rem var(--serif);margin:.6rem 0}.start-card .index{color:var(--river)}.start-card>p{color:var(--mist)}.catalogue-head,.split{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-block);align-items:end}.catalogue-head>p{margin:0}.controls{margin-top:var(--space-block);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding:1.5rem;background:var(--paper)}.search span,.controls legend{display:block;font:500 .72rem var(--mono);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.65rem}.search input{width:100%;min-height:48px;background:var(--paper);border:1px solid var(--mist);padding:0 1rem;color:var(--text);font:1rem var(--sans)}.search input:focus{outline:3px solid color-mix(in srgb,var(--river-mist) 50%,transparent);border-color:var(--thames-teal)}.controls fieldset{border:0;padding:0;margin:0;display:flex;gap:.5rem;flex-wrap:wrap}.controls legend{width:100%}.filter{min-height:46px;border:1px solid var(--thames-teal);background:transparent;color:var(--text);padding:0 1rem;font-weight:650;cursor:pointer}.filter.active{background:var(--deep);color:white}.result-count{color:var(--thames-teal);margin:1.5rem 0}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.book-card{min-height:0;padding:1.7rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 18%,transparent)}.book-card:hover{background:var(--paper)}.book-meta{display:flex;justify-content:space-between;font:500 .72rem var(--mono);color:var(--thames-teal)}.book-type{color:var(--thames-teal)}.latest{display:inline-block;margin-left:.7rem;background:var(--brass);color:var(--streetlamp-amber);padding:.12rem .4rem}.book-card h3{font:600 clamp(1.55rem,2.5vw,2.2rem)/1.12 var(--serif);margin:.8rem 0}.book-card p{color:var(--thames-teal)}.book-card>a{display:flex;justify-content:space-between;color:var(--text);text-decoration:none;border-top:1px solid var(--line);padding-top:1rem;font-weight:650;transition:.2s}.empty{text-align:center;padding:5rem 1rem;background:var(--paper)}.empty h3{font:600 2rem var(--serif);margin:0}.source-note{margin:2rem 0 0;color:var(--thames-teal);font-size:.85rem}.source-note a,.text-link{color:var(--thames-teal);text-underline-offset:4px}.world-section,.audio-section{background:var(--deep);color:var(--mist)}.world-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1px;background:color-mix(in srgb,var(--paper) 13%,transparent)}.world-grid>*{background:var(--deep);padding:2.4rem}.world-title{grid-row:span 2}.world-title h2,.audio-section h2{color:var(--paper)}.world-title>p:last-child{color:var(--mist)}.world-grid article span{font:.72rem var(--mono);color:var(--river)}.world-grid article h3{font:600 1.6rem var(--serif);color:var(--paper);margin:.55rem 0}.world-grid article p{color:var(--mist);margin-bottom:0}.prose{font-size:1.08rem}.prose p:first-child{margin-top:0}.audio-section .prose{color:var(--mist)}.sources-section h2{max-width:700px}.source-links{margin-top:var(--space-block);display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.source-links a{display:flex;justify-content:space-between;gap:2rem;padding:1.5rem 1rem;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.source-links a:nth-child(odd){border-right:1px solid var(--line)}.source-links a:hover{background:var(--paper)}.source-links span,.retailer-note>span{font:.72rem var(--mono);text-transform:uppercase;color:var(--thames-teal)}.source-links b{text-align:right}.retailer-note{margin-top:var(--space-block);padding:1.5rem;border:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:2rem}.retailer-note p{margin:0}footer{background:var(--thames-teal);color:var(--mist);padding:2.2rem clamp(1.2rem,8vw,8rem);display:flex;justify-content:space-between;gap:3rem;font-size:.75rem}footer p{max-width:900px;margin:0}footer a{color:var(--river);white-space:nowrap}@media(max-width:900px){.book-grid{grid-template-columns:1fr 1fr}.world-grid{grid-template-columns:1fr 1fr}.world-title{grid-row:auto;grid-column:span 2}.controls{grid-template-columns:1fr}}@media(max-width:700px){.site-header{height:64px}.menu-toggle{display:block;background:none;border:1px solid var(--thames-teal);color:white;padding:.5rem .8rem}.menu{display:none;position:absolute;top:64px;left:0;right:0;background:var(--thames-teal);padding:1.5rem;flex-direction:column;gap:1.2rem}.menu.open{display:flex}.hero{min-height:88svh;padding-top:7.5rem}.hero h1{font-size:clamp(3.6rem,17vw,6rem)}.quick-start,.catalogue-head,.split{grid-template-columns:1fr}.book-grid{grid-template-columns:1fr}.world-grid{grid-template-columns:1fr}.world-title{grid-column:auto}.source-links{grid-template-columns:1fr}.source-links a:nth-child(odd){border-right:0}.retailer-note{grid-template-columns:1fr;gap:.5rem}.hero-note{gap:1rem}.hero-note span:last-child{text-align:right}footer{flex-direction:column}.latest{display:table;margin:.4rem 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.source-check{max-width:68ch;margin:1rem auto;color:var(--paper);font-size:.82rem;line-height:1.5;text-align:center}

.gift-season{padding:1rem;text-align:center;background:var(--thames-teal)}.gift-season[hidden]{display:none}.gift-season a{color:var(--paper);font-weight:700}

.books-catalogue .book-card-retailers{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.books-catalogue .book-card-retailers .retailer-choices{display:contents}.books-catalogue .book-card-retailers .retailer-action{display:inline-flex;align-items:center;min-height:2.5rem;padding:.5rem .75rem;border:1px solid var(--thames-teal);background:transparent;color:var(--thames-teal);font:600 .78rem var(--sans);text-decoration:none}.books-catalogue .book-card-retailers .retailer-action:hover,.books-catalogue .book-card-retailers .retailer-action:focus-visible{background:var(--thames-teal);color:var(--paper)}.books-catalogue .book-card-retailers>a:not(.retailer-action){font-size:.85rem}


/* source: reading-order.bundle.css */
:root{--ink:var(--thames-teal);--deep:var(--thames-teal);--river:var(--river-mist);--mist:var(--paper);--paper:var(--paper);--brass:var(--lamp-glow);--text:var(--thames-teal);--line:color-mix(in srgb,var(--thames-teal) 20%,transparent);--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7}.skip{position:absolute;left:-999px;top:1rem;background:white;color:var(--ink);padding:.8rem;z-index:99}.skip:focus{left:1rem}.site-header{height:72px;padding:0 clamp(1.2rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--thames-teal) 94%,transparent);backdrop-filter:blur(14px);position:relative;z-index:20;top:0;left:0;right:0;border-bottom:1px solid color-mix(in srgb,var(--river-mist) 20%,transparent)}.brand{font-family:var(--mono);font-size:.82rem;letter-spacing:.14em;color:var(--paper);text-decoration:none}.brand span{color:var(--river);font-size:1.4rem}.menu{display:flex;gap:2rem}.menu a{color:var(--paper);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.menu a:hover,.menu a:focus{color:var(--river)}.menu-toggle{display:none}.hero{min-height:82svh;color:var(--paper);background:var(--ink);position:relative;overflow:hidden;display:flex;align-items:center;padding:8.5rem clamp(1.2rem,8vw,8rem) 5rem}.hero-art{position:absolute;inset:0;background:var(--thames-teal)}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(color-mix(in srgb,var(--river-mist) 28%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--river-mist) 28%,transparent) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,var(--ink),transparent)}.hero-copy{position:relative;z-index:2;max-width:900px}.eyebrow,.kicker,.section-number,.index,.book-type,.latest,.result-count{font-family:var(--mono);text-transform:uppercase;letter-spacing:.11em;font-size:.75rem}.eyebrow,.kicker{color:var(--river);margin:0 0 1.3rem}.hero h1{font:600 clamp(4rem,9vw,8rem)/.88 var(--serif);letter-spacing:-.055em;margin:0}.hero h1 em{display:block;color:var(--river)}.lede{max-width:700px;color:var(--paper);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;margin:2rem 0}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:1.25rem;padding:.85rem 1.1rem;border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);text-decoration:none;color:white;font-weight:650;font-size:.88rem;background:transparent;cursor:pointer}.button.primary{background:var(--river);color:var(--ink);border-color:var(--river)}.button:hover,.book-card>a:hover{transform:translateY(-2px)}.hero-note{position:absolute;z-index:2;bottom:1.7rem;left:clamp(1.2rem,8vw,8rem);right:clamp(1.2rem,8vw,8rem);display:flex;justify-content:space-between;font:400 .68rem var(--mono);letter-spacing:.13em;color:var(--mist)}.section{padding:clamp(5rem,9vw,8rem) clamp(1.2rem,8vw,8rem)}.section-tight{padding:clamp(3.5rem,6vw,5rem) clamp(1.2rem,8vw,8rem)}.section-number{border-top:1px solid var(--line);padding-top:1rem;margin-bottom:4rem;color:var(--thames-teal)}.section-number.light{border-color:color-mix(in srgb,var(--paper) 20%,transparent);color:var(--thames-teal)}.section h2,.section-tight h2{font:600 clamp(2.7rem,6vw,5.2rem)/1.02 var(--serif);letter-spacing:-.035em;margin:0}.quick-start{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.quick-start p{max-width:600px}.start-card{background:var(--deep);color:var(--paper);padding:2.2rem;border-left:4px solid var(--river)}.start-card h3{font:600 2.25rem var(--serif);margin:.6rem 0}.start-card .index{color:var(--river)}.start-card>p{color:var(--mist)}.catalogue-head,.split{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:end}.catalogue-head>p{margin:0}.controls{margin-top:4rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding:1.5rem;background:var(--paper)}.search span,.controls legend{display:block;font:500 .72rem var(--mono);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.65rem}.search input{width:100%;min-height:48px;background:var(--paper);border:1px solid var(--mist);padding:0 1rem;color:var(--text);font:1rem var(--sans)}.search input:focus{outline:3px solid color-mix(in srgb,var(--river-mist) 50%,transparent);border-color:var(--thames-teal)}.controls fieldset{border:0;padding:0;margin:0;display:flex;gap:.5rem;flex-wrap:wrap}.controls legend{width:100%}.filter{min-height:46px;border:1px solid var(--thames-teal);background:transparent;color:var(--text);padding:0 1rem;font-weight:650;cursor:pointer}.filter.active{background:var(--deep);color:white}.result-count{color:var(--thames-teal);margin:1.5rem 0}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.book-card{min-height:350px;padding:1.7rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 18%,transparent)}.book-card:hover{background:var(--paper)}.book-meta{display:flex;justify-content:space-between;font:500 .72rem var(--mono);color:var(--thames-teal)}.book-type{color:var(--thames-teal)}.latest{display:inline-block;margin-left:.7rem;background:var(--brass);color:var(--streetlamp-amber);padding:.12rem .4rem}.book-card h3{font:600 clamp(1.55rem,2.5vw,2.2rem)/1.12 var(--serif);margin:.8rem 0}.book-card p{color:var(--thames-teal)}.book-card>a{display:flex;justify-content:space-between;color:var(--text);text-decoration:none;border-top:1px solid var(--line);padding-top:1rem;font-weight:650;transition:.2s}.empty{text-align:center;padding:5rem 1rem;background:var(--paper)}.empty h3{font:600 2rem var(--serif);margin:0}.source-note{margin:2rem 0 0;color:var(--thames-teal);font-size:.85rem}.source-note a,.text-link{color:var(--thames-teal);text-underline-offset:4px}.world-section,.audio-section{background:var(--deep);color:var(--mist)}.world-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1px;background:color-mix(in srgb,var(--paper) 13%,transparent)}.world-grid>*{background:var(--deep);padding:2.4rem}.world-title{grid-row:span 2}.world-title h2,.audio-section h2{color:var(--paper)}.world-title>p:last-child{color:var(--mist)}.world-grid article span{font:.72rem var(--mono);color:var(--river)}.world-grid article h3{font:600 1.6rem var(--serif);color:var(--paper);margin:.55rem 0}.world-grid article p{color:var(--mist);margin-bottom:0}.prose{font-size:1.08rem}.prose p:first-child{margin-top:0}.audio-section .prose{color:var(--mist)}.sources-section h2{max-width:700px}.source-links{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.source-links a{display:flex;justify-content:space-between;gap:2rem;padding:1.5rem 1rem;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.source-links a:nth-child(odd){border-right:1px solid var(--line)}.source-links a:hover{background:var(--paper)}.source-links span,.retailer-note>span{font:.72rem var(--mono);text-transform:uppercase;color:var(--thames-teal)}.source-links b{text-align:right}.retailer-note{margin-top:3rem;padding:1.5rem;border:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:2rem}.retailer-note p{margin:0}footer{background:var(--thames-teal);color:var(--mist);padding:2.2rem clamp(1.2rem,8vw,8rem);display:flex;justify-content:space-between;gap:3rem;font-size:.75rem}footer p{max-width:900px;margin:0}footer a{color:var(--river);white-space:nowrap}@media(max-width:900px){.book-grid{grid-template-columns:1fr 1fr}.world-grid{grid-template-columns:1fr 1fr}.world-title{grid-row:auto;grid-column:span 2}.controls{grid-template-columns:1fr}}@media(max-width:700px){.site-header{height:64px}.menu-toggle{display:block;background:none;border:1px solid var(--thames-teal);color:white;padding:.5rem .8rem}.menu{display:none;position:absolute;top:64px;left:0;right:0;background:var(--thames-teal);padding:1.5rem;flex-direction:column;gap:1.2rem}.menu.open{display:flex}.hero{min-height:88svh;padding-top:7.5rem}.hero h1{font-size:clamp(3.6rem,17vw,6rem)}.quick-start,.catalogue-head,.split{grid-template-columns:1fr}.book-grid{grid-template-columns:1fr}.world-grid{grid-template-columns:1fr}.world-title{grid-column:auto}.source-links{grid-template-columns:1fr}.source-links a:nth-child(odd){border-right:0}.retailer-note{grid-template-columns:1fr;gap:.5rem}.hero-note{gap:1rem}.hero-note span:last-child{text-align:right}footer{flex-direction:column}.latest{display:table;margin:.4rem 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.orders-section,.field-section{background:var(--thames-teal);color:var(--mist)}.orders-section h2,.field-section h2{color:var(--paper)}.orders-section .catalogue-head>p,.field-section .catalogue-head>p{color:var(--mist)}.order-tabs,.guide-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:3rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 18%,transparent);padding-bottom:1rem}.order-tabs button,.guide-tabs button{min-height:46px;padding:0 1rem;background:transparent;color:var(--mist);border:1px solid var(--thames-teal);cursor:pointer;font-weight:650}.order-tabs button[aria-selected="true"],.guide-tabs button[aria-selected="true"]{background:var(--river);color:var(--ink);border-color:var(--river)}.order-panel{margin-top:2rem;display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw}.order-panel>p{color:var(--mist);font-size:1.05rem}.order-panel ol{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}.order-panel li{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding:.8rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}.order-panel li span{font:.72rem var(--mono);color:var(--river)}.selector-section{background:var(--paper)}.selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 7vw}.selector-grid>div:first-child{grid-row:span 2}.case-form{background:var(--paper);padding:2rem}.case-form fieldset{border:0;padding:0;margin:0 0 1.5rem}.case-form legend{font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem}.case-form label{display:inline-flex;margin:0 .5rem .5rem 0}.case-form input{position:absolute;opacity:0}.case-form label span{display:block;border:1px solid var(--thames-teal);padding:.65rem .9rem;cursor:pointer}.case-form input:focus+span{outline:3px solid color-mix(in srgb,var(--river-mist) 55%,transparent)}.case-form input:checked+span{background:var(--deep);color:var(--paper);border-color:var(--deep)}.recommendation{background:var(--deep);color:var(--paper);padding:2rem;border-left:4px solid var(--river)}.recommendation>span{font:.72rem var(--mono);letter-spacing:.1em;color:var(--river)}.recommendation h3{font:600 2rem var(--serif);margin:.5rem 0}.recommendation p{color:var(--mist)}.recommendation a{color:var(--river);font-weight:650}.guide-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid color-mix(in srgb,var(--paper) 15%,transparent);border-left:1px solid color-mix(in srgb,var(--paper) 15%,transparent)}.guide-grid article{padding:1.4rem;border-right:1px solid color-mix(in srgb,var(--paper) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--paper) 15%,transparent)}.guide-grid span{font:.72rem var(--mono);color:var(--river)}.guide-grid h3{font:600 1.45rem var(--serif);color:var(--paper);margin:.6rem 0}.guide-grid p{color:var(--mist);font-size:.9rem;margin-bottom:0}@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.order-panel,.selector-grid{grid-template-columns:1fr}.selector-grid>div:first-child{grid-row:auto}.guide-grid{grid-template-columns:1fr}.order-tabs button,.guide-tabs button{flex:1 1 auto}}

/* Reading-order route planner */
#orders{scroll-margin-top:5rem;padding-top:clamp(3rem,5vw,4.5rem);background:radial-gradient(circle at 86% 4%,color-mix(in srgb,var(--river-mist) 10%,transparent),transparent 28%),var(--thames-teal)}
.orders-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}
.orders-heading:after{content:none}
.orders-heading h2{font:600 clamp(3rem,6vw,5.7rem)/.94 var(--serif);letter-spacing:-.045em;margin:0}
.orders-heading h2 em{color:var(--river)}
.first-reader-note{padding:1.4rem 1.5rem;border-top:1px solid var(--river);background:color-mix(in srgb,var(--paper) 4.5%,transparent)}
.first-reader-note span,.order-brief>span{color:var(--river);font:500 .72rem var(--mono);text-transform:uppercase;letter-spacing:.1em}
.first-reader-note p{margin:.55rem 0 0;color:var(--mist)}
.order-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3.5rem;padding:0;border:1px solid color-mix(in srgb,var(--paper) 18%,transparent);background:color-mix(in srgb,var(--paper) 18%,transparent)}
.order-tabs button{min-height:132px;padding:1.25rem 1.4rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;border:0;background:var(--thames-teal);transition:background .2s ease,color .2s ease}
.order-tabs button span,.order-tabs button small{font:500 .69rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mist)}
.order-tabs button b{margin:.25rem 0;font:600 1.45rem var(--serif);color:var(--paper)}
.order-tabs button[aria-selected="true"]{position:relative;background:var(--river);color:var(--ink)}
.order-tabs button[aria-selected="true"]:after{content:"";position:absolute;left:1.4rem;bottom:-9px;border:9px solid transparent;border-top-color:var(--river);border-bottom:0}
.order-tabs button[aria-selected="true"] span,.order-tabs button[aria-selected="true"] small,.order-tabs button[aria-selected="true"] b{color:var(--ink)}
.order-panel{margin-top:3rem;display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.order-brief{position:static;top:7rem;padding-top:.35rem}
.order-brief h3{margin:.6rem 0 1rem;color:var(--paper);font:600 clamp(2rem,3.5vw,3.2rem)/1 var(--serif)}
.order-brief p{max-width:430px;color:var(--mist)}
.order-brief dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:2rem 0 0;background:color-mix(in srgb,var(--paper) 16%,transparent)}
.order-brief dl div{padding:1rem;background:var(--thames-teal)}
.order-brief dt{color:var(--mist);font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.order-brief dd{margin:.25rem 0 0;color:var(--paper);font-weight:700}
.order-track{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--paper) 20%,transparent)}
.order-track li{padding:0;border-bottom:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}
.order-track a{min-height:78px;padding:.8rem 1rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;color:var(--paper);text-decoration:none;transition:background .2s ease,padding .2s ease}
.order-track a:hover,.order-track a:focus-visible{padding-left:1.35rem;background:color-mix(in srgb,var(--river-mist) 8%,transparent)}
.order-copy{display:flex;flex-direction:column}
.order-copy b{font-size:1rem}
.order-copy small{color:var(--mist);font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.06em}
.order-arrow{color:var(--river);font-size:1.15rem}
@media(max-width:800px){.orders-heading{grid-template-columns:1fr}.order-tabs{grid-template-columns:1fr}.order-tabs button{min-height:100px}.order-tabs button[aria-selected="true"]:after{display:none}.order-panel{grid-template-columns:1fr}.order-brief{position:static}.order-brief dl{max-width:430px}}
@media(max-width:500px){#orders{padding-top:2.4rem}.orders-heading h2{font-size:clamp(2.8rem,14vw,4rem)}.orders-heading:after{height:260px;background-position:35% center}.order-tabs{margin-top:2.5rem}.order-track a{padding-inline:.3rem}.order-copy b{font-size:.94rem}}

/* Expanded reading-order cards */
.order-track a{min-height:150px;grid-template-columns:minmax(190px,.72fr) minmax(280px,1.28fr) auto;padding:1.35rem 1rem;align-items:start}
.order-primary{display:flex;min-width:0;flex-direction:column;gap:.7rem;padding-right:1rem}
.order-setting{width:max-content;max-width:100%;padding:.28rem .5rem;border:1px solid color-mix(in srgb,var(--river-mist) 30%,transparent);color:var(--river-mist)!important;font:500 .66rem var(--mono)!important;text-transform:uppercase;letter-spacing:.06em}
.order-detail{display:flex;min-width:0;flex-direction:column;gap:.75rem;color:var(--paper)!important;font:400 .92rem/1.55 var(--sans)!important}
.order-detail>small{display:block;color:var(--mist);font:400 .78rem/1.5 var(--sans);text-transform:none;letter-spacing:0}
.order-detail strong{display:block;margin-bottom:.15rem;color:var(--river);font:500 .65rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.order-arrow{align-self:center}
@media(max-width:1050px){.order-panel{grid-template-columns:1fr}.order-brief{position:static}.order-brief dl{max-width:430px}}
@media(max-width:720px){.order-track a{grid-template-columns:1fr auto;min-height:0;padding:1.2rem .5rem}.order-primary{padding-right:0}.order-detail{grid-column:1/-1;padding-top:.15rem}.order-arrow{grid-column:2;grid-row:1}}
.reading-support-art{margin:3rem 0 0;border:1px solid color-mix(in srgb,var(--river-mist) 28%,transparent);background:var(--thames-teal);overflow:hidden}
.reading-support-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center}
@media(max-width:700px){.reading-support-art{margin-top:2rem}.reading-support-art img{aspect-ratio:2/1;object-position:68% center}}
.order-utility{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:1.5rem;padding:1.2rem 1.3rem;border:1px solid color-mix(in srgb,var(--paper) 18%,transparent);background:var(--thames-teal)}
.order-utility>div:first-child{display:flex;flex-direction:column}.utility-label{color:var(--river);font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.09em}.order-utility strong{color:var(--paper);font-size:1.15rem}.order-utility small{color:var(--mist)}.view-switch{display:flex;border:1px solid var(--thames-teal)}.view-switch button{min-height:42px;padding:0 1rem;border:0;background:transparent;color:var(--paper);font-weight:700;cursor:pointer}.view-switch button[aria-pressed="true"]{background:var(--river);color:var(--ink)}
.order-track li{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:stretch}.order-track li.is-complete{background:color-mix(in srgb,var(--river-mist) 5.5%,transparent)}.order-track li.is-complete .order-copy b{text-decoration:line-through;text-decoration-color:var(--river);text-decoration-thickness:2px}
.order-check{display:grid;place-items:center;border-right:1px solid color-mix(in srgb,var(--paper) 14%,transparent);cursor:pointer}.order-check input{position:absolute;opacity:0}.order-check>span[aria-hidden]{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--mist);color:transparent}.order-check input:checked+span{border-color:var(--river);background:var(--river);color:var(--ink);font-weight:900}.order-check input:focus-visible+span{outline:3px solid var(--paper);outline-offset:3px}.order-check input:disabled+span{opacity:.45}
.order-badges{display:flex;flex-wrap:wrap;gap:.45rem}.route-status{width:max-content;padding:.28rem .5rem;background:var(--lamp-glow);color:var(--streetlamp-amber)!important;font:700 .66rem var(--mono)!important;text-transform:uppercase;letter-spacing:.06em}
.route-next{grid-column:1/-1;margin-top:2rem;padding:clamp(1.5rem,4vw,2.5rem);border-top:1px solid var(--river);background:var(--thames-teal)}.route-next>span{color:var(--river);font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.09em}.route-next h3{margin:.35rem 0 1.2rem;color:var(--paper);font:600 2rem var(--serif)}.route-next div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:color-mix(in srgb,var(--paper) 16%,transparent)}.route-next a{padding:1rem;background:var(--thames-teal);color:var(--paper);text-decoration:none;font-weight:700}.route-next a:hover,.route-next a:focus-visible{background:color-mix(in srgb,var(--river-mist) 10%,transparent);color:var(--river)}
.order-panel[data-view="compact"] .order-detail,.order-panel[data-view="compact"] .order-setting{display:none}.order-panel[data-view="compact"] .order-track a{min-height:74px;grid-template-columns:1fr auto;align-items:center}.order-panel[data-view="compact"] .order-primary{gap:.25rem}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.order-utility{align-items:stretch;flex-direction:column}.view-switch button{flex:1}.route-next div{grid-template-columns:1fr 1fr}.order-track li{grid-template-columns:44px minmax(0,1fr)}}
@media(max-width:500px){.route-next div{grid-template-columns:1fr}.order-badges{align-items:flex-start;flex-direction:column}}
.order-utility progress{width:min(320px,100%);height:8px;margin:.55rem 0 .25rem;border:0;background:var(--thames-teal);accent-color:var(--river)}.order-utility progress::-webkit-progress-bar{background:var(--thames-teal)}.order-utility progress::-webkit-progress-value{background:var(--river)}.order-utility progress::-moz-progress-bar{background:var(--river)}
.utility-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.utility-actions button{min-height:42px;padding:0 .85rem;border:1px solid var(--thames-teal);background:transparent;color:var(--paper);font-weight:700;cursor:pointer}.utility-actions button:hover,.utility-actions button:focus-visible{border-color:var(--river);color:var(--river)}.utility-actions button:disabled{cursor:not-allowed;opacity:.5}.route-reset-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;max-width:28rem;color:var(--paper)}.route-reset-confirm[hidden]{display:none}.route-reset-confirm>span{flex-basis:100%;text-align:right;color:var(--paper);font-size:.85rem}.order-utility .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.series-position{width:max-content;padding:.28rem .5rem;border:1px solid var(--mist);color:var(--paper)!important;font:600 .66rem var(--mono)!important;text-transform:uppercase;letter-spacing:.06em}
.order-track{position:relative}.order-track:before{content:"";position:absolute;top:0;bottom:0;left:25px;width:2px;background:linear-gradient(var(--river),color-mix(in srgb,var(--river-mist) 12%,transparent));pointer-events:none}.order-check{position:relative;z-index:1;background:var(--thames-teal)}.is-complete .order-check{background:var(--thames-teal)}
.order-track li.is-next{box-shadow:inset 4px 0 0 var(--brass);background:color-mix(in srgb,var(--lamp-glow) 7%,transparent)}.next-label{width:max-content;color:var(--streetlamp-amber)!important;background:var(--brass);padding:.2rem .45rem;font:700 .65rem var(--mono)!important;text-transform:uppercase;letter-spacing:.07em}
@media(max-width:900px){.order-utility{display:grid;grid-template-columns:1fr 1fr}.utility-actions{justify-content:flex-end}.view-switch{grid-column:1/-1}}
@media(max-width:600px){.order-utility{grid-template-columns:1fr}.utility-actions{justify-content:stretch}.utility-actions button{flex:1}.route-reset-confirm{max-width:none;width:100%}.route-reset-confirm>span{text-align:left}.view-switch{grid-column:auto}}
@media print{.site-header,.breadcrumbs,.order-tabs,.reading-support-art,.order-utility,.route-next,footer{display:none!important}.section-page{padding:0}.orders-section{padding:0;background:var(--paper);color:var(--ink)}.orders-section h2,.order-brief h3,.order-track a{color:var(--ink)}.order-panel{display:block}.order-brief{margin-bottom:1rem}.order-track:before{display:none}.order-track li{break-inside:avoid;border-color:var(--mist)}.order-detail,.order-detail>small,.order-copy small{color:var(--dusk)!important}.order-check{background:var(--paper);border-color:var(--mist)}}

.brand {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
}

.brand-duck {
  width: 52px;
  height: 52px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 4px 10px color-mix(in srgb,var(--ink) 34%,transparent));
  transition: transform .25s ease;
}

.brand:hover .brand-duck,
.brand:focus-visible .brand-duck {
  transform: rotate(-5deg) translateY(-2px);
}

.brand .brand-name {
  color: var(--paper);
  font-size: .82rem;
  white-space: nowrap;
}

footer {
  position: relative;
}

.footer-duck {
  width: clamp(128px, 14vw, 190px);
  height: auto;
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 24px color-mix(in srgb,var(--ink) 32%,transparent));
}

@media (max-width: 680px) {
  .brand-duck {
    width: 44px;
    height: 44px;
  }

  .footer-duck {
    width: 136px;
    margin-inline: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-duck {
    transition: none;
  }
}

.site-header { height: 80px; }
.global-menu { display: flex; align-items: center; gap: clamp(.8rem, 2vw, 1.7rem); }
.global-menu a { color: var(--paper); text-decoration: none; font: 500 .72rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.global-menu a:hover,.global-menu a:focus-visible,.global-menu a[aria-current="page"] { color: var(--river); }
.menu-more { position: relative; }
.menu-more summary { list-style: none; color: var(--paper); cursor: pointer; font: 500 .72rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.menu-more summary::-webkit-details-marker { display: none; }
.menu-more summary::after { content: " +"; color: var(--river); }
.menu-more[open] summary::after { content: " −"; }
.menu-more div { position: absolute; right: 0; top: 2rem; min-width: 190px; padding: .6rem; background: var(--thames-teal); border: 1px solid color-mix(in srgb,var(--river-mist) 35%,transparent); box-shadow: 0 18px 45px color-mix(in srgb,var(--ink) 35%,transparent); }
.menu-more div a { display: block; padding: .7rem .8rem; }

.hero-reflow { min-height: auto; padding-top: 10.5rem; padding-bottom: 6rem; }
.hero-reflow .hero-copy { max-width: 1020px; }
.hero-reflow h1 { font-size: clamp(3.6rem, 8vw, 7.2rem); }
.hero-reflow .lede { max-width: 760px; }
.pathways { position: relative; background: var(--paper); padding: clamp(3rem,6vw,5rem) clamp(1.2rem,8vw,8rem); }
.pathways-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 6vw; align-items: end; margin-bottom: 2.5rem; }
.pathways-head h2 { font: 600 clamp(2.5rem,5vw,4.5rem)/1 var(--serif); letter-spacing: -.035em; margin: 0; }
.pathways-head p:last-child { margin: 0; }
.pathway-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 1rem; }
.pathway-card { min-height: 300px; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; color: var(--text); text-decoration: none; background: color-mix(in srgb,var(--paper) 48%,transparent); border: 1px solid color-mix(in srgb,var(--thames-teal) 18%,transparent); transition: transform .2s ease,background .2s ease; }
.pathway-card:first-child { background: var(--deep); color: var(--paper); border-color: var(--deep); }
.pathway-card:hover,.pathway-card:focus-visible { transform: translateY(-4px); background: var(--paper); }
.pathway-card:first-child:hover,.pathway-card:first-child:focus-visible { background: var(--thames-teal); }
.pathway-card .route { font: 500 .72rem var(--mono); color: var(--river); text-transform: uppercase; letter-spacing: .1em; }
.pathway-card h3 { font: 600 clamp(1.8rem,3vw,2.7rem)/1.05 var(--serif); margin: 1rem 0; }
.pathway-card p { color: var(--thames-teal); }
.pathway-card:first-child p { color: var(--mist); }
.pathway-card strong { color: var(--text); }
.pathway-card:first-child strong { color: var(--river); }

.site-map { background: var(--ink); color: var(--paper); }
.site-map h2 { max-width: 700px; }
.site-map-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 3rem; border-top: 1px solid color-mix(in srgb,var(--paper) 16%,transparent); border-left: 1px solid color-mix(in srgb,var(--paper) 16%,transparent); }
.site-map-grid a { min-height: 210px; padding: 1.6rem; color: var(--paper); text-decoration: none; border-right: 1px solid color-mix(in srgb,var(--paper) 16%,transparent); border-bottom: 1px solid color-mix(in srgb,var(--paper) 16%,transparent); }
.site-map-grid a:hover,.site-map-grid a:focus-visible { background: var(--thames-teal); }
.site-map-grid span { display: block; color: var(--river); font: .72rem var(--mono); text-transform: uppercase; letter-spacing: .09em; }
.site-map-grid h3 { margin: .8rem 0; font: 600 1.8rem var(--serif); }
.site-map-grid p { color: var(--mist); margin: 0; }

.essentials { background: var(--paper); }
.essentials-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); margin-top: 3rem; }
.essentials-grid article { background: var(--paper); padding: 2rem; }
.essentials-grid h3 { font: 600 1.8rem var(--serif); margin: .5rem 0 1rem; }
.essentials-grid a { color: var(--thames-teal); font-weight: 650; }

@media(max-width:900px){.pathway-grid{grid-template-columns:1fr 1fr}.pathway-card:first-child{grid-column:span 2}.site-map-grid,.essentials-grid{grid-template-columns:1fr 1fr}.global-menu>a:nth-of-type(3){display:none}}
@media(max-width:700px){.site-header{height:68px}.global-menu{display:none;position:absolute;top:68px;left:0;right:0;background:var(--thames-teal);padding:1.2rem;flex-direction:column;align-items:stretch}.global-menu.open{display:flex}.global-menu a{padding:.45rem}.menu-more div{position:static;box-shadow:none;margin-top:.5rem}.hero-reflow{padding-top:8.5rem}.pathways-head,.pathway-grid,.site-map-grid,.essentials-grid{grid-template-columns:1fr}.pathway-card:first-child{grid-column:auto}.pathway-card{min-height:240px}}

:root { --focus: var(--lamp-glow); }
html { scroll-padding-top: 6rem; overflow-x: clip; }
:where([id]) { scroll-margin-top: 6rem; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; padding: 7.5rem clamp(1.2rem,8vw,8rem) 0; font: 500 .75rem var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--thames-teal); }
.breadcrumbs a { color: var(--thames-teal); text-underline-offset: 3px; }
.content-flags { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0; }
.content-flags span { padding: .35rem .6rem; border: 1px solid currentColor; color: var(--thames-teal); font: 500 .7rem var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.book-hero .content-flags span { color: var(--river); }
.page-context { padding: 1rem clamp(1.2rem,8vw,8rem); background: var(--paper); border-bottom: 1px solid var(--line); font: 500 .75rem var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--thames-teal); }
.next-steps { padding: clamp(3.5rem,6vw,5rem) clamp(1.2rem,8vw,8rem); background: var(--paper); }
.next-steps h2 { margin: 0 0 1.5rem; font: 600 clamp(2rem,4vw,3.6rem)/1 var(--serif); }
.next-steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); }
.next-steps-grid a { min-height: 150px; padding: 1.4rem; display: flex; flex-direction: column; justify-content: space-between; color: var(--text); text-decoration: none; background: var(--paper); font-weight: 650; }
.next-steps-grid a:hover,.next-steps-grid a:focus-visible { background: var(--paper); }
.next-steps-grid span { color: var(--thames-teal); font: .7rem var(--mono); text-transform: uppercase; letter-spacing: .07em; }
img { max-width: 100%; }
.book-meta { justify-content: flex-end; }
.book-view>.breadcrumbs { padding-top: 3rem; }
@media(max-width:700px){html{scroll-padding-top:5.25rem}:where([id]){scroll-margin-top:5.25rem}.breadcrumbs{padding-top:6rem}.book-view>.breadcrumbs{padding-top:2rem}.next-steps-grid{grid-template-columns:1fr}.global-menu a{min-height:44px;display:flex;align-items:center}.menu-more summary{min-height:44px;display:flex;align-items:center}}

.section-page{padding-top:80px}
.section-page>.breadcrumbs{padding-top:2rem}
.page-hero{padding:5rem clamp(1.2rem,8vw,8rem);background:var(--thames-teal);color:var(--paper)}
.page-hero h1{max-width:1000px;margin:.4rem 0;font:600 clamp(3.8rem,8vw,7.2rem)/.9 var(--serif);letter-spacing:-.05em}
.page-hero h1 em{color:var(--river)}
.page-hero>p:last-child{max-width:720px;color:var(--mist);font-size:1.08rem}
.page-body{padding:clamp(3.5rem,7vw,6rem) clamp(1.2rem,8vw,8rem)}
.page-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.page-actions .button{color:var(--text);border-color:var(--thames-teal)}
.page-actions .primary{color:var(--ink)}
.page-note{margin:2rem 0 0;padding:1rem 1.2rem;border-left:3px solid var(--river);background:var(--paper)}
.updates-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1px;background:var(--line)}
.updates-grid article{padding:clamp(1.6rem,4vw,3rem);background:var(--paper)}
.updates-grid article:first-child{grid-row:span 2}
.updates-grid h2{font:600 clamp(2rem,4vw,3.8rem)/1 var(--serif);margin:.5rem 0}
.updates-grid .status-label{font:.72rem var(--mono);text-transform:uppercase;color:var(--thames-teal)}
.updates-grid a{color:var(--thames-teal);font-weight:700}
.source-row{margin-top:3rem;display:flex;gap:1rem;flex-wrap:wrap}
.source-row a{padding:.75rem 1rem;border:1px solid var(--line);color:var(--text)}
.standalone-orders{padding-top:4rem}
.standalone-orders .section-number{margin-bottom:3rem}
.standalone-selector .selector-grid{margin-top:2rem}
.standalone-selector h2{font:600 clamp(2.7rem,5vw,4.8rem)/1 var(--serif);letter-spacing:-.035em;margin:.4rem 0 1.2rem}
.standalone-guide .guide-grid{color:var(--mist)}
@media(max-width:800px){.section-page{padding-top:68px}.updates-grid{grid-template-columns:1fr}.updates-grid article:first-child{grid-row:auto}}

.publication-graphic{max-width:1200px;margin:3rem auto;padding:2rem;color:var(--paper)}.publication-graphic figure{margin:2rem 0}.publication-graphic img{display:block;width:100%;height:auto;border:1px solid var(--thames-teal)}.publication-graphic .button{display:inline-block}.publication-list{columns:2;column-gap:3rem;line-height:1.8}.publication-list li{break-inside:avoid}.publication-list small{color:var(--river-mist);margin-left:.4rem}@media(max-width:700px){.publication-graphic{padding:1rem}.publication-list{columns:1}}

/* Reading-order contrast: dark route list and light download panel. */
#orders .publication-list a{color:var(--river-mist);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
#orders .publication-list a:hover,#orders .publication-list a:focus-visible{color:var(--paper);text-decoration-thickness:2px}
#orders .publication-list a:focus-visible{outline:3px solid var(--river-mist);outline-offset:3px}
.publication-graphic{color:var(--thames-teal)}
.publication-graphic h2,.publication-graphic p,.publication-graphic small{color:var(--thames-teal)}
.publication-graphic .kicker{color:var(--thames-teal)}
.publication-graphic .button:focus-visible{outline:3px solid var(--thames-teal);outline-offset:3px}
body[data-page="/reading-order/"] .breadcrumbs span{color:var(--thames-teal)}


/* source: banner-system.css */
.world-banner{
  position:relative;
  height:clamp(150px,20vw,260px);
  margin-top:72px;
  overflow:hidden;
  background:var(--thames-teal);
  border-bottom:1px solid color-mix(in srgb,var(--river-mist) 34%,transparent);
  isolation:isolate;
}
.world-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--thames-teal) 75%,transparent),transparent 60%);
  pointer-events:none;
}
.banner-picture,.banner-picture img{display:block;width:100%;height:100%}
.banner-picture img{object-fit:cover;object-position:center;}
.world-banner>.banner-picture{position:absolute;inset:0}
.banner-credit{position:absolute;z-index:3;right:12px;bottom:10px;padding:.32rem .5rem;background:color-mix(in srgb,var(--thames-teal) 94%,transparent);color:var(--paper);font:600 .7rem/1.25 Arial,sans-serif;letter-spacing:.01em;border-radius:2px}
.hero-art .banner-picture{position:absolute;inset:0}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--thames-teal) 82%,transparent),color-mix(in srgb,var(--thames-teal) 72%,transparent) 62%,transparent 88%);pointer-events:none}
.home-hero>.banner-credit{bottom:3.6rem}
.books-hero,.universe-hero,.profiles-hero,.comics-hero{position:relative;isolation:isolate;background-color:var(--thames-teal)}
.books-hero>.banner-picture,.universe-hero>.banner-picture,.profiles-hero>.banner-picture,.comics-hero>.banner-picture{position:absolute;inset:0;z-index:-2}
.books-hero::before,.universe-hero::before,.profiles-hero::before,.comics-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--thames-teal) 82%,transparent),color-mix(in srgb,var(--thames-teal) 72%,transparent) 62%,transparent 88%)}
.reading-support-art{position:relative}
.reading-support-art>.banner-picture{display:block;aspect-ratio:3/1}
.reading-support-art .banner-picture img{width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.reading-support-art>.banner-picture{aspect-ratio:1/1}.home-hero .banner-picture img{object-position:center}.books-hero::before,.universe-hero::before,.profiles-hero::before,.comics-hero::before,.hero-art::after{background:linear-gradient(0deg,color-mix(in srgb,var(--thames-teal) 82%,transparent),color-mix(in srgb,var(--thames-teal) 65%,transparent) 48%,transparent 85%)}}
.world-banner+main,
.world-banner+main.section-page{padding-top:0}
.world-banner+main .book-view{padding-top:0}
.world-banner+main .book-view>.breadcrumbs{
  min-height:54px;
  padding:1.15rem clamp(1.2rem,8vw,8rem);
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
@media(max-width:700px){
  .world-banner{height:150px;margin-top:64px}
}
@media(prefers-reduced-data:reduce){
  .world-banner{height:110px}
}


/* source: analytics-consent.css */
.analytics-consent{position:fixed;z-index:9999;inset:auto 1rem 1rem;max-width:44rem;margin:auto;padding:1.25rem;border:1px solid var(--streetlamp-amber);border-radius:0.75rem;background:var(--thames-teal);color:var(--paper);box-shadow:0 0.75rem 2.5rem color-mix(in srgb,var(--ink) 60%,transparent);font:inherit;line-height:1.5}
.analytics-consent strong{font-size:1.125rem}.analytics-consent p{margin:.45rem 0 1rem}.analytics-consent a{color:var(--lamp-glow);text-decoration:underline}
.analytics-consent-actions{display:flex;flex-wrap:wrap;gap:.75rem}.analytics-consent-actions button{flex:1 1 10rem;min-height:2.75rem;padding:.55rem 1rem;border:2px solid var(--lamp-glow);border-radius:.4rem;background:var(--lamp-glow);color:var(--thames-teal);font:inherit;font-weight:700;cursor:pointer}
.analytics-consent-actions button:hover,.analytics-consent-actions button:focus-visible{background:var(--paper);color:var(--thames-teal);outline:2px solid var(--paper);outline-offset:2px}
.analytics-settings{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer;padding:.35rem}
.analytics-settings:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:40rem){.analytics-consent{inset:auto .5rem .5rem;padding:1rem}.analytics-consent-actions button{flex-basis:100%}}


/* source: 404.css */
:root{--ink:var(--thames-teal);--deep:var(--thames-teal);--river:var(--river-mist);--paper:var(--paper);--brass:var(--lamp-glow);--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.65}.lost-case{position:relative;min-height:calc(100svh - 155px);overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;padding:clamp(6rem,10vw,9rem) clamp(1.2rem,8vw,8rem) 4rem;background:radial-gradient(circle at 78% 40%,color-mix(in srgb,var(--river-mist) 16%,transparent),transparent 28%),linear-gradient(135deg,var(--thames-teal),var(--thames-teal))}.lost-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(color-mix(in srgb,var(--river-mist) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--river-mist) 35%,transparent) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,var(--ink),transparent)}.lost-copy,.lost-duck{position:relative;z-index:1}.case-number{margin:0 0 1.2rem;color:var(--river);font:500 .76rem var(--mono);letter-spacing:.12em}.lost-copy h1{max-width:800px;margin:0;font:600 clamp(3.5rem,7vw,7rem)/.9 var(--serif);letter-spacing:-.05em}.lost-copy h1 em{display:block;color:var(--river)}.lost-lede{max-width:650px;margin:1.8rem 0;color:var(--mist);font-size:clamp(1.05rem,2vw,1.3rem)}.case-status{display:grid;grid-template-columns:100px 1fr;gap:1rem;max-width:570px;margin:2rem 0;padding:1rem 0;border-block:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}.case-status span{color:var(--brass);font:.72rem var(--mono);letter-spacing:.1em}.case-status strong{font-size:1.05rem}.lost-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.9rem}.lost-actions .button{min-height:48px}.lost-actions .text-link{color:var(--river);font-weight:700;text-underline-offset:4px}.lost-duck{margin:0;text-align:center}.lost-duck img{width:min(100%,560px);height:auto;filter:drop-shadow(0 26px 45px color-mix(in srgb,var(--ink) 42%,transparent));animation:inspect 4.5s ease-in-out infinite}.lost-duck figcaption{margin-top:-1rem;color:var(--thames-teal);font:400 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.lost-footer{min-height:155px;padding:1rem clamp(1.2rem,8vw,8rem);display:flex;align-items:center;justify-content:center;gap:2rem;background:var(--thames-teal);color:var(--mist);text-align:center;font-size:.76rem}.lost-footer img{width:105px;height:105px;object-fit:contain}@keyframes inspect{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-2deg)}}@media(max-width:760px){.lost-case{grid-template-columns:1fr;padding-top:4.5rem;text-align:center}.lost-copy h1{font-size:clamp(3.5rem,16vw,5.5rem)}.lost-lede{margin-inline:auto}.case-status{grid-template-columns:1fr;gap:.25rem}.lost-actions{justify-content:center}.lost-duck img{width:min(80vw,390px)}.lost-footer{flex-direction:column;gap:.25rem}.lost-footer img{width:80px;height:80px}}@media(prefers-reduced-motion:reduce){.lost-duck img{animation:none}}


/* source: adaptation.css */
.adapt-nav{display:flex;gap:1.5rem}.adapt-nav a{color:var(--paper);text-decoration:none;font:500 .75rem var(--mono);text-transform:uppercase}.adapt-hero{min-height:76vh;background:radial-gradient(circle at 78% 32%,color-mix(in srgb,var(--river-mist) 16%,transparent),transparent 28%),linear-gradient(135deg,var(--thames-teal),var(--thames-teal));color:white;padding:10rem clamp(1.2rem,8vw,8rem) 5rem;display:flex;align-items:flex-end}.adapt-hero>div{max-width:980px}.adapt-hero h1{font:600 clamp(4rem,10vw,8.5rem)/.88 var(--serif);letter-spacing:-.055em;margin:0}.adapt-hero h1 em{color:var(--river)}.adapt-hero>div>p{max-width:760px;color:var(--mist);font-size:1.12rem}.status{margin-top:2.5rem;border-left:4px solid var(--river);padding:1.2rem 1.5rem;background:color-mix(in srgb,var(--paper) 6%,transparent);display:grid}.status span,.status small{font:.7rem var(--mono);text-transform:uppercase;color:var(--mist)}.status b{font-size:1.1rem;margin:.3rem 0}.plain-language,.confirmed{padding:6rem clamp(1.2rem,8vw,8rem);background:var(--paper)}.plain-language h2,.timeline h2,.confirmed h2{font:600 clamp(2.8rem,6vw,5.2rem)/1 var(--serif);margin:.4rem 0 2rem}.plain-language>div{display:grid;grid-template-columns:1fr 1fr;gap:5vw;max-width:1100px}.timeline{padding:6rem clamp(1.2rem,8vw,8rem);background:var(--thames-teal);color:var(--paper)}.timeline article{display:grid;grid-template-columns:140px 1fr;gap:3rem;padding:2.5rem 0;border-top:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}.timeline time{font:600 2.3rem var(--serif);color:var(--river)}.timeline h3{font:600 2rem var(--serif);color:white;margin:0}.timeline p{color:var(--mist);max-width:780px}.timeline a{color:var(--river)}.timeline .current{border-left:4px solid var(--river);padding-left:1.5rem}.confirmed{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.evidence article{background:var(--paper);padding:1.6rem}.evidence span{font:.75rem var(--mono);text-transform:uppercase;color:var(--thames-teal)}.evidence li{margin:.7rem 0}.update-note{padding:2rem clamp(1.2rem,8vw,8rem);background:var(--lamp-glow);color:var(--streetlamp-amber)}.update-note p{max-width:1000px}.adapt-nav a:hover{color:var(--river)}@media(max-width:750px){.adapt-nav a:nth-child(3){display:none}.plain-language>div,.confirmed,.evidence{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr;gap:.5rem}.timeline .current{padding-left:1rem}.adapt-hero h1{font-size:clamp(3.5rem,16vw,5.5rem)}}

.writers-room,.adaptation-listen{padding:3rem clamp(1.2rem,7vw,6rem);max-width:1100px;margin:auto}.writers-room p,.adaptation-listen p{line-height:1.7}.adaptation-listen .retailer-pending{display:grid;gap:.5rem}.adaptation-listen .retailer-action{display:inline-block;border:1px solid currentColor;padding:1rem}.adaptation-listen .retailer-pending>small{overflow-wrap:anywhere}


/* source: archive.css */
.archive-body{background:var(--thames-teal);color:var(--paper)}.archive-nav{display:flex;gap:1.5rem}.archive-nav a{color:var(--paper);text-decoration:none;font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.archive-hero{min-height:72vh;padding:11rem clamp(1.2rem,8vw,8rem) 6rem;background:linear-gradient(120deg,color-mix(in srgb,var(--thames-teal) 96%,transparent),color-mix(in srgb,var(--thames-teal) 55%,transparent)),url('assets/optimized/listening-archive.webp') center/cover;display:flex;flex-direction:column;justify-content:flex-end}.archive-hero h1{font:600 clamp(4rem,10vw,8.5rem)/.88 var(--serif);letter-spacing:-.05em;margin:0}.archive-hero h1 em{color:var(--river)}.archive-hero>p:last-child{max-width:760px;color:var(--mist);font-size:1.1rem}.archive-tools{position:static;top:72px;z-index:10;background:var(--paper);color:var(--text);padding:1.3rem clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:minmax(240px,1fr) 2fr auto;gap:1rem;align-items:end;border-bottom:1px solid var(--line)}.archive-tools label span{display:block;font:.72rem var(--mono);text-transform:uppercase;margin-bottom:.4rem}.archive-tools input{width:100%;min-height:46px;border:1px solid var(--thames-teal);background:var(--paper);padding:0 1rem;font:1rem var(--sans)}#archive-filters{display:flex;gap:.4rem;flex-wrap:wrap}#archive-filters button{min-height:46px;border:1px solid var(--thames-teal);background:transparent;padding:0 .8rem;font-weight:650;cursor:pointer}#archive-filters button.active{background:var(--deep);color:white}#archive-count{font:.7rem var(--mono);text-transform:uppercase;white-space:nowrap}.archive-list{padding:4rem clamp(1.2rem,8vw,8rem) 8rem}.archive-list>div:first-child{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid color-mix(in srgb,var(--paper) 18%,transparent);border-left:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}.archive-list article{padding:2rem;border-right:1px solid color-mix(in srgb,var(--paper) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}.archive-list article>div{display:flex;justify-content:space-between;color:var(--river);font:.7rem var(--mono);text-transform:uppercase}.archive-list h2{font:600 clamp(1.5rem,3vw,2.25rem)/1.1 var(--serif);color:white}.archive-list p{color:var(--mist)}.archive-sources{padding:6rem clamp(1.2rem,8vw,8rem);background:var(--paper);color:var(--text)}.archive-sources h2{font:600 clamp(2.5rem,6vw,5rem)/1 var(--serif);margin:.5rem 0}.archive-sources>p{max-width:760px}.archive-sources>div{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.archive-sources a{color:var(--text);border:1px solid var(--line);padding:.8rem 1rem;font-weight:650}#archive-empty{text-align:center;padding:5rem}@media(max-width:950px){.archive-tools{position:static;grid-template-columns:1fr}.archive-list>div:first-child{grid-template-columns:1fr}}@media(max-width:700px){.archive-nav{gap:.7rem}.archive-nav a:nth-child(2){display:none}.archive-hero{min-height:65vh}.archive-list article{padding:1.4rem}}


/* source: artwork.css */
.art-page{background:var(--paper)}.art-hero{padding:9rem clamp(1.2rem,8vw,8rem) 4rem;background:var(--deep);color:var(--paper)}.art-hero h1{max-width:900px;font:600 clamp(3.8rem,8vw,7rem)/.92 var(--serif);letter-spacing:-.05em;margin:.5rem 0}.art-hero h1 em{color:var(--river)}.art-hero p:last-child{max-width:720px;color:var(--mist);font-size:1.08rem}.gallery{padding:4rem clamp(1.2rem,8vw,8rem) 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.gallery figure{margin:0;background:var(--paper);border:1px solid var(--line)}.gallery a{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--ink)}.gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .35s ease;opacity:.9}.gallery a:hover img,.gallery a:focus img{transform:scale(1.035);opacity:1}.gallery figcaption{padding:1rem 1.1rem;font:500 .78rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.art-note{margin:0 clamp(1.2rem,8vw,8rem) 5rem;padding:1rem 1.2rem;border-left:3px solid var(--river);background:var(--paper);font-size:.9rem}.gallery-nav{display:flex;gap:1.5rem}.gallery-nav a{color:var(--paper);text-decoration:none;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.gallery-nav a:hover,.gallery-nav a:focus{color:var(--river)}@media(max-width:900px){.gallery{grid-template-columns:1fr 1fr}}@media(max-width:700px){.gallery{grid-template-columns:1fr}.gallery-nav{gap:.8rem}.gallery-nav a{font-size:.68rem}}

.earlier-art{padding:4rem clamp(1rem,5vw,5rem);background:var(--thames-teal);color:var(--paper)}.earlier-art-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.earlier-art figure{margin:0}.earlier-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.earlier-art figcaption{padding:.5rem 0}


/* source: authors.css */
.authors-page{max-width:1120px;margin:auto;padding:clamp(1.5rem,5vw,4rem);color:var(--thames-teal)}.authors-intro{padding:clamp(2rem,5vw,4rem);background:var(--thames-teal);color:var(--paper);border-top:5px solid var(--river-mist)}.authors-intro h1{font:600 clamp(2.8rem,6vw,5rem)/1.08 var(--serif);margin:.5rem 0 1.5rem}.authors-intro p{max-width:72ch;font-size:1.12rem;line-height:1.7}.authors-intro nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.authors-intro a{color:var(--river-mist)}.author-feature{padding:clamp(2rem,5vw,4rem) 0;border-bottom:1px solid var(--thames-teal)}.author-feature h2{font:600 clamp(2.2rem,4vw,3.3rem)/1.12 var(--serif);margin:.3rem 0 1rem}.author-feature h3{font:600 1.5rem var(--serif)}.author-feature p,.authors-method p{max-width:75ch;font-size:1.05rem;line-height:1.7}.author-works{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,4vw,4rem)}.author-works li,.comic-credits-list li{padding:.85rem 0;border-bottom:1px solid var(--mist)}.author-works li span,.comic-credits-list li span{display:block;color:var(--thames-teal);font-size:.9rem}.comic-credits-list{columns:2;column-gap:3rem}.comic-credits-list li{break-inside:avoid}.credit-source{display:inline-block;font-size:.87rem}.authors-method{margin:3rem 0;padding:2rem;background:var(--paper);border-left:5px solid var(--thames-teal)}.authors-page a{color:var(--thames-teal);text-underline-offset:.18em}.authors-intro a{color:var(--river-mist)}@media(max-width:740px){.author-works{grid-template-columns:1fr}.comic-credits-list{columns:1}.authors-page{padding:1rem}.authors-intro{padding:1.5rem}}


/* source: book-companion.css */
.reader-companion{margin:28px auto;max-width:1200px;padding:clamp(20px,4vw,44px);background:var(--thames-teal);color:var(--paper);border:1px solid var(--thames-teal);border-radius:12px;font-size:1rem;line-height:1.7}.reader-companion h2{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.2;color:var(--paper)}.reader-companion h3{font-size:1.15rem;color:var(--paper);margin-top:20px}.reader-companion p,.reader-companion li,.reader-companion small{color:var(--paper)}.reader-companion small{font-size:.875rem;display:block}.reader-companion a{color:var(--river-mist);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.reader-companion p{max-width:75ch}.reader-orientation,.companion-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:32px}.reader-companion details{border-top:1px solid var(--thames-teal);margin-top:14px;padding:16px 0}.reader-companion summary{min-height:44px;cursor:pointer;color:var(--paper);font-weight:700;padding:8px 0}.reader-companion li{margin:12px 0}.reader-companion button{background:var(--river-mist);color:var(--thames-teal);border:2px solid transparent;border-radius:6px;min-height:48px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.reader-companion button:disabled{opacity:.6;cursor:not-allowed}.reader-companion :focus-visible{outline:3px solid var(--lamp-glow);outline-offset:4px}.book-progress{border-left:1px solid var(--thames-teal);padding-left:28px}.reader-companion{scroll-margin-top:100px}@media(max-width:700px){.reader-orientation,.companion-columns{grid-template-columns:1fr;gap:12px}.book-progress{border-left:0;border-top:1px solid var(--thames-teal);padding:18px 0 0}.reader-companion{margin:20px 12px}}


/* source: book.css */
.detail-body{background:var(--paper)}.back-link{color:var(--river);font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.book-view{padding-top:72px}.book-hero{min-height:72vh;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:var(--space-block);padding:var(--space-section) var(--gutter)}.case-heading h1{font:600 clamp(3.7rem,8vw,7.5rem)/.9 var(--serif);letter-spacing:-.05em;margin:.5rem 0}.byline{color:var(--mist);font-size:1.1rem}.case-heading blockquote{font:italic 600 clamp(1.25rem,2.5vw,2rem)/1.35 var(--serif);border-left:3px solid var(--river);padding-left:1.5rem;margin:3rem 0 0;max-width:700px}.book-art img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;border:1px solid color-mix(in srgb,var(--river-mist) 30%,transparent);filter:saturate(.75)}.facts{display:grid;grid-template-columns:repeat(5,1fr);background:var(--paper);padding:0 clamp(1.2rem,8vw,8rem)}.facts div{padding:1.5rem;border-right:1px solid var(--line)}.facts span{display:block;font:.875rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--thames-teal)}.review-section article>span{display:block;font:.7rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--thames-teal)}.facts b{display:block;margin-top:.4rem}.review-section{padding:var(--space-section) var(--gutter);display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.review-section>*{padding:clamp(1.5rem,4vw,3rem);background:var(--paper)}.review-lead{grid-column:span 2}.review-section h2,.listen-cta h2{font:600 clamp(2rem,4vw,3.4rem)/1.05 var(--serif);margin:.6rem 0}.review-section p{max-width:760px;font-size:1.05rem}.listen-cta{background:var(--deep);color:var(--paper);padding:var(--space-section) var(--gutter);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-block)}.listen-cta p{color:var(--mist);max-width:650px}.book-nav{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.book-nav a{padding:2rem clamp(1.2rem,8vw,8rem);display:flex;flex-direction:column;color:var(--text);text-decoration:none;border-right:1px solid var(--line)}.book-nav a:last-child{text-align:right;border:0}.book-nav span{font:.7rem var(--mono);text-transform:uppercase;color:var(--thames-teal)}.missing{min-height:75vh;padding:10rem 8vw;background:var(--ink);color:var(--paper)}.missing h1{font:600 4rem var(--serif)}@media(max-width:800px){.book-view{padding-top:64px}.book-hero{grid-template-columns:1fr}.book-art{max-width:360px}.facts{grid-template-columns:1fr 1fr}.facts div{border-bottom:1px solid var(--line)}.review-section{grid-template-columns:1fr}.review-lead{grid-column:auto}.listen-cta{grid-template-columns:1fr}.book-nav{grid-template-columns:1fr}.book-nav a:last-child{text-align:left}.case-heading h1{font-size:clamp(3.2rem,15vw,5rem)}}

.review-section .listen-cta{grid-column:span 2;padding:2.5rem 3rem}.retailer-note{font-size:.9rem}.retailer-note a{color:inherit;text-decoration:underline}.retailer-pending{display:inline-grid;gap:.55rem;max-width:22rem}.retailer-action{display:inline-block;padding:1rem 1.3rem;border:1px solid currentColor;border-radius:2px;font-weight:700}.retailer-action small{display:block;font-size:.7rem;font-weight:400}.retailer-pending>small{overflow-wrap:anywhere;font-size:.7rem;color:var(--mist)}.reference-panel .retailer-pending>small{color:var(--thames-teal)}@media(max-width:800px){.review-section .listen-cta{grid-column:auto;padding:2rem}}
.book-art{margin:0;min-width:0}
.book-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:none}
.book-art figcaption{margin-top:.5rem;color:var(--river-mist);font:600 .72rem/1.4 var(--mono)}
.case-heading .edition-jump{display:inline-block;margin-top:1.3rem;color:var(--river);font-weight:700;text-underline-offset:4px}
.case-heading .edition-jump:focus-visible{outline:3px solid var(--river);outline-offset:4px}
#edition{scroll-margin-top:6rem}
/* Pilot review layout; the shared site colours and typography remain in use. */
.book-pilot-hero{min-height:0;align-items:start}
.book-pilot-hero .case-heading blockquote{margin:var(--space-block) 0}
.book-placement{max-width:68ch;margin:var(--space-block) 0 0}
.pilot-review,.pilot-next,.pilot-companion,.pilot-edition{padding:var(--space-section) max(var(--gutter),calc((100% - var(--content-max))/2))}
.pilot-review{background:var(--paper)}
.pilot-review>*,.pilot-next>*,.pilot-companion>*,.pilot-edition>*{max-width:var(--content-max);margin-inline:auto}
.pilot-review h2,.pilot-next h2,.pilot-companion h2,.pilot-edition h2{font:600 clamp(2rem,4vw,3.4rem)/1.05 var(--serif);margin:0 0 var(--space-block)}
.pilot-review p{max-width:var(--measure)}
.pilot-prose{padding-top:var(--space-block)}
.pilot-prose article+article{margin-top:var(--space-section-tight)}
.pilot-listen{grid-template-columns:minmax(0,1fr) auto}
.pilot-companion details{max-width:var(--content-max);margin:var(--space-block) auto 0}
.pilot-edition{background:var(--paper)}
.pilot-facts{width:100%;max-width:var(--content-max);border-collapse:collapse}
.pilot-facts th,.pilot-facts td{border-bottom:1px solid var(--line);padding:.75rem;text-align:left;vertical-align:top}
.pilot-facts th{width:35%}
.pilot-sources{max-width:var(--measure);margin-top:var(--space-block)}
@media(max-width:700px){.book-pilot-hero{padding-block:var(--space-section-tight)}.book-pilot-hero .book-art img{aspect-ratio:16/9}.pilot-review,.pilot-next,.pilot-companion,.pilot-edition{padding-block:var(--space-section-tight)}.pilot-listen{grid-template-columns:1fr}.pilot-facts th{width:42%}}

/* Make use of desktop width without lengthening lines of prose. */
.pilot-prose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-section-tight);row-gap:var(--space-section-tight)}
.pilot-prose article{min-width:0;width:100%;margin:0}
.pilot-prose article:nth-child(-n+2){grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-section-tight);align-content:start}
.pilot-prose article:nth-child(-n+2)>:is(span,h2){grid-column:1/-1}
.pilot-prose article p{margin-block:0 var(--space-block)}
.pilot-buy{padding:var(--space-section-tight) max(var(--gutter),calc((100% - var(--content-max))/2));background:var(--paper)}
.pilot-buy>*,.pilot-buy-links{max-width:var(--content-max);margin-inline:auto}
.pilot-buy h2{font:600 clamp(2rem,4vw,3.4rem)/1.05 var(--serif);margin-block:0 var(--space-block)}
.pilot-buy-links,.pilot-buy-links .retailer-choices{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-block)}
@media(max-width:800px){.pilot-prose,.pilot-prose article:nth-child(-n+2){display:block}.pilot-prose article+article{margin-top:var(--space-section-tight)}}


/* source: books-page.css */
.books-page .world-banner{display:none}.books-page .section-page{padding-top:80px}.books-page .section-page>.breadcrumbs{padding:1.5rem clamp(1.2rem,8vw,8rem);background:var(--thames-teal);color:var(--mist)}.books-page .breadcrumbs a{color:var(--river)}
.books-hero{min-height:560px;padding:clamp(4.5rem,8vw,7rem) clamp(1.2rem,8vw,8rem) clamp(3.5rem,6vw,5rem);display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:end;background:var(--thames-teal);color:var(--paper)}.books-hero>div{max-width:880px}.books-hero h1{font:600 clamp(4rem,8vw,7.4rem)/.88 var(--serif);letter-spacing:-.055em;margin:.45rem 0 1.3rem}.books-hero h1 em{color:var(--river)}.books-hero p:not(.eyebrow){max-width:720px;color:var(--paper);font-size:1.08rem}.books-hero dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:color-mix(in srgb,var(--river-mist) 30%,transparent);backdrop-filter:blur(10px)}.books-hero dl div{min-width:120px;padding:1.1rem;background:color-mix(in srgb,var(--thames-teal) 80%,transparent)}.books-hero dt{font:600 2.2rem var(--serif);color:var(--river)}.books-hero dd{margin:.15rem 0 0;color:var(--mist);font:.66rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.shelf-routes{padding:var(--space-section) var(--gutter);display:grid;grid-template-columns:.72fr 1fr 1fr;gap:1px;background:var(--paper)}.route-intro,.route-card{padding:clamp(1.6rem,3vw,2.5rem)}.route-intro h2{font:600 clamp(2.8rem,5vw,4.7rem)/.98 var(--serif);margin:.35rem 0}.route-card{min-height:300px;display:flex;flex-direction:column;color:var(--text);text-decoration:none;background:var(--paper);border-left:1px solid var(--line)}.route-card:hover{background:var(--paper)}.route-card.route-main{background:var(--thames-teal);color:var(--paper)}.route-card.route-main:hover{background:var(--thames-teal)}.route-card>span{color:var(--thames-teal);font:600 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.route-main>span,.route-main b{color:var(--river)}.route-card h3{font:600 2.1rem/1.04 var(--serif);margin:1.1rem 0}.route-card p{color:var(--thames-teal)}.route-main p{color:var(--mist)}.route-card b{margin-top:auto}
.books-catalogue{padding:var(--space-section) var(--gutter)}.catalogue-heading{display:grid;grid-template-columns:1fr;gap:var(--space-block);align-items:start}.catalogue-heading h2{font:600 clamp(3rem,6vw,5.5rem)/.95 var(--serif);margin:.35rem 0}.catalogue-heading>p{color:var(--thames-teal);font-size:1.05rem}.books-controls{position:static;top:70px;z-index:5;margin:2.8rem 0 1rem;padding:1.1rem;display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:1.2rem;align-items:end;background:var(--thames-teal);color:var(--paper);box-shadow:0 14px 35px color-mix(in srgb,var(--thames-teal) 14%,transparent)}.books-controls .search span,.books-controls legend{color:var(--mist)}.books-controls .search input{background:var(--thames-teal);border-color:var(--thames-teal);color:var(--paper)}.books-controls .search input::placeholder{color:var(--mist)}.books-controls fieldset{margin:0}.books-controls .voice-filterset{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.45rem}.books-controls .voice-filterset legend{margin-bottom:.45rem}.books-controls .filter,.books-controls .status-filter,.books-controls .voice-filter{min-height:46px;padding:0 1rem;border:1px solid var(--thames-teal);background:transparent;color:var(--paper);font-weight:650;cursor:pointer}.books-controls .filter:hover,.books-controls .filter.active,.books-controls .status-filter:hover,.books-controls .status-filter.active,.books-controls .voice-filter:hover,.books-controls .voice-filter.active{border-color:var(--river);background:var(--river);color:var(--thames-teal)}.books-controls .status-filter:disabled{opacity:.45;cursor:not-allowed}.books-catalogue .result-count{margin:0}.shelf-progress-note,.voice-source{max-width:880px;color:var(--thames-teal);font-size:.82rem}.shelf-progress-note{margin:.45rem 0}.voice-source{margin:.45rem 0 2.5rem}.shelf-progress-note a,.voice-source a,.book-voice a{color:var(--thames-teal)}.book-progress{display:inline-flex;width:max-content;margin:.4rem 0 .75rem;padding:.28rem .5rem;border:1px solid var(--mist);color:var(--thames-teal);font:600 .66rem var(--mono);letter-spacing:.04em;text-transform:uppercase}.book-progress.done{border-color:var(--thames-teal);background:var(--paper);color:var(--thames-teal)}.main-book:first-child .book-progress{border-color:var(--thames-teal);color:var(--mist);background:transparent}.main-book:first-child .book-progress.done{border-color:var(--river);color:var(--river)}.book-section{margin-bottom:var(--space-section-tight)}.book-section-heading{display:grid;grid-template-columns:minmax(270px,.8fr) 1fr;gap:var(--space-block);align-items:start;padding-bottom:var(--space-block);border-bottom:1px solid var(--line)}.book-section-heading span{color:var(--thames-teal);font:600 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.book-section-heading h3{font:600 clamp(2.3rem,4vw,3.7rem)/1 var(--serif);margin:.35rem 0 0}.book-section-heading p{margin:0;color:var(--thames-teal)}.books-catalogue .book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-top:0}.books-catalogue .book-card{min-height:0;padding:var(--space-block);background:var(--paper);border:0}.books-catalogue .book-card:hover{background:var(--paper)}.books-catalogue .main-book:first-child{background:var(--thames-teal);color:var(--paper)}.books-catalogue .main-book:first-child p,.books-catalogue .main-book:first-child dl{color:var(--mist)}.books-catalogue .main-book:first-child .book-type,.books-catalogue .main-book:first-child>a,.books-catalogue .main-book:first-child .book-voice a{color:var(--river)}.book-card-top{display:flex;justify-content:space-between;gap:1rem}.book-sequence{color:var(--thames-teal);font:600 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.main-book:first-child .book-sequence{color:var(--river)}.book-year{color:var(--thames-teal);font:.72rem var(--mono)}.book-card dl{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;color:var(--thames-teal)}.book-card dt{font:600 .67rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--thames-teal)}.book-card dd{margin:.2rem 0 0}.book-card .book-voice{grid-column:1/-1}.book-voice a{font-weight:700}.books-catalogue .book-card>a{margin-top:auto}.books-empty{padding:4rem;text-align:center;background:var(--paper)}.books-empty h3{font:600 2.5rem var(--serif);margin:0}.books-empty button{min-height:44px;padding:.65rem 1rem;background:var(--thames-teal);border:1px solid var(--thames-teal);color:var(--paper);font-weight:700;cursor:pointer}.books-note{padding:2rem clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:5vw;background:var(--thames-teal);color:var(--mist);border-left:5px solid var(--river)}.books-note span{display:block;color:var(--river);font:.7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.books-note strong{display:block;color:var(--paper);margin-top:.35rem}
.book-progress-control{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.4rem 0 .75rem}.book-progress-control .book-progress{margin:0}.book-progress-toggle{min-height:32px;padding:.28rem .65rem;border:1px solid var(--thames-teal);background:transparent;color:var(--thames-teal);font:650 .72rem var(--sans);cursor:pointer}.book-progress-toggle:hover,.book-progress-toggle:focus-visible{background:var(--thames-teal);color:var(--paper)}.book-progress-toggle:disabled{border-color:var(--mist);color:var(--thames-teal);cursor:not-allowed;opacity:.7}.main-book:first-child .book-progress-toggle{border-color:var(--river);color:var(--river)}.main-book:first-child .book-progress-toggle:hover,.main-book:first-child .book-progress-toggle:focus-visible{background:var(--river);color:var(--thames-teal)}
@media(max-width:1000px){.books-hero{grid-template-columns:1fr}.books-hero dl{justify-self:start}.shelf-routes{grid-template-columns:1fr 1fr}.route-intro{grid-column:1/-1}.books-controls{position:static}.books-catalogue .book-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.books-controls{grid-template-columns:minmax(240px,1fr) auto}.books-controls .status-filterset{grid-column:1/-1}}
@media(max-width:700px){.books-page .section-page{padding-top:68px}.books-hero{min-height:520px}.books-hero dl{width:100%}.books-hero dl div{min-width:0}.shelf-routes{grid-template-columns:1fr}.route-intro{grid-column:auto}.route-card{border-left:0;border-top:1px solid var(--line);min-height:250px}.catalogue-heading,.book-section-heading{grid-template-columns:1fr;gap:.8rem}.books-controls{grid-template-columns:1fr}.books-controls fieldset:not(.voice-filterset){display:grid;grid-template-columns:1fr 1fr}.books-controls .status-filterset{grid-column:auto}.books-controls legend{grid-column:1/-1}.books-controls .voice-filterset{display:grid;grid-template-columns:1fr 1fr}.book-card dl,.books-note{grid-template-columns:1fr}.book-card .book-voice{grid-column:auto}.books-catalogue .book-card{min-height:370px}}
@media(max-width:450px){.books-hero h1{font-size:3.5rem}.books-hero dl{grid-template-columns:1fr}.books-controls fieldset{grid-template-columns:1fr}}
.graphic-novels{padding:var(--space-section) var(--gutter);background:var(--thames-teal);color:var(--paper)}.graphic-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-block);align-items:start}.graphic-heading h2{font:600 clamp(3rem,6vw,5.5rem)/.95 var(--serif);margin:.35rem 0}.graphic-heading>div:last-child{color:var(--mist);max-width:720px}.graphic-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:3rem 0 5rem;background:var(--thames-teal);border:1px solid var(--thames-teal)}.graphic-facts article{min-height:160px;padding:1.4rem;background:var(--thames-teal)}.graphic-facts span,.boxed-grid>article>span,.boxed-heading span,.buy-links span{display:block;color:var(--river);font:600 .68rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.graphic-facts strong{display:block;margin-top:1.2rem;font:600 1.2rem/1.35 var(--serif)}.boxed-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:end;padding-bottom:1.2rem;border-bottom:1px solid var(--thames-teal)}.boxed-heading h3{font:600 clamp(2.4rem,4vw,3.8rem)/1 var(--serif);margin:.35rem 0}.boxed-heading p{color:var(--mist)}.boxed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--thames-teal);border-left:1px solid var(--thames-teal);border-bottom:1px solid var(--thames-teal)}.boxed-grid article{min-height:310px;padding:1.5rem;background:var(--thames-teal)}.boxed-grid h4{font:600 1.6rem/1.08 var(--serif);margin:.8rem 0 1.3rem}.boxed-grid ol{margin:0;padding-left:1.5rem;color:var(--mist)}.boxed-grid li{padding:.35rem 0}.graphic-buy{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;margin-top:5rem;padding:clamp(1.8rem,4vw,3rem);background:var(--paper);color:var(--text)}.graphic-buy h3{font:600 clamp(2.3rem,4vw,3.8rem)/1 var(--serif);margin:.35rem 0}.buy-links{border-top:1px solid var(--line)}.buy-links a{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:1rem;border-bottom:1px solid var(--line);color:var(--text);font-weight:700;text-decoration:none}.buy-links a:hover{background:var(--paper)}.buy-links span{grid-column:1/-1;color:var(--thames-teal)}.graphic-source{margin:1.2rem 0 0;color:var(--mist);font-size:.82rem}
@media(max-width:1000px){.graphic-facts,.boxed-grid{grid-template-columns:1fr 1fr}.graphic-heading,.graphic-buy{grid-template-columns:1fr}}
@media(max-width:700px){.graphic-heading,.boxed-heading{grid-template-columns:1fr;gap:.8rem}.graphic-facts,.boxed-grid{grid-template-columns:1fr}.graphic-facts article{min-height:130px}.boxed-grid article{min-height:0}}
.regional-title-note{display:grid;grid-template-columns:minmax(160px,.35fr) 1fr;gap:1.5rem;margin:2rem 0 0;padding:1.2rem 1.4rem;background:var(--paper);border-left:4px solid var(--thames-teal)}.regional-title-note>span{color:var(--thames-teal);font:600 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.regional-title-note p{margin:0}.regional-title-note a{color:var(--thames-teal);font-weight:700}.book-alternate{margin:.35rem 0 0!important;color:var(--river-mist)!important;font:.78rem/1.5 var(--mono)}@media(max-width:700px){.regional-title-note{grid-template-columns:1fr;gap:.4rem}}

/* Keep the existing palette while giving each title a distinct framed card. */
.books-catalogue .book-grid{gap:1rem;background:transparent;border:0}
.books-catalogue .book-card{border:2px solid var(--thames-teal);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--thames-teal) 12%,transparent);transition:border-color .18s ease,box-shadow .18s ease}
.books-catalogue .book-card:hover,.books-catalogue .book-card:focus-within{border-color:var(--thames-teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--thames-teal) 16%,transparent)}
.books-catalogue .book-card.main-book:first-child{border-color:var(--thames-teal)}
.books-catalogue .book-card.main-book:first-child:hover,.books-catalogue .book-card.main-book:first-child:focus-within{border-color:var(--river)}
.books-page .boxed-grid{gap:1rem;background:transparent;border:0}
.books-page .boxed-grid article{border:2px solid var(--thames-teal);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--river-mist) 12%,transparent)}
.books-page .boxed-grid a,.books-page .graphic-all a{color:var(--river-mist);text-underline-offset:.2em}
.books-page .boxed-grid a:hover,.books-page .graphic-all a:hover{color:var(--paper)}
.books-page .graphic-all{margin:1.5rem 0 0;font-weight:700}
@media(prefers-reduced-motion:reduce){.books-catalogue .book-card{transition:none}}

/* Individual symbolic artwork for the prose catalogue; no official cover images. */
.books-catalogue .book-card{gap:.8rem}
.book-scene{margin:0 0 .45rem;min-width:0}
.book-scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--thames-teal);border:1px solid var(--thames-teal)}
.book-scene figcaption{margin-top:.4rem;color:var(--thames-teal);font:600 .7rem/1.4 var(--mono);letter-spacing:.02em}
.books-catalogue .book-card.main-book:first-child .book-scene figcaption{color:var(--river-mist)}
@media(max-width:390px){.books-catalogue .book-card{padding:1.2rem}.book-scene figcaption{font-size:.68rem}}


/* source: casebook/casebook.css */
:root{--case-cyan:var(--river-mist);--case-gold:var(--lamp-glow);--case-ink:var(--thames-teal);--case-paper:var(--paper);--case-line:color-mix(in srgb,var(--thames-teal) 18%,transparent)}
.casebook-page{background:var(--case-paper);color:var(--case-ink)}
.casebook-page .world-banner{min-height:clamp(110px,16vw,210px)}
.breadcrumbs{max-width:1180px;margin:auto;padding:1rem 2rem;font:500 .78rem/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.breadcrumbs a{color:var(--thames-teal)}
.breadcrumbs span{margin-left:.7rem}
.casebook-hero{max-width:1180px;margin:auto;padding:clamp(3rem,8vw,7rem) 2rem;display:grid;grid-template-columns:1.7fr 1fr;gap:4rem;align-items:end}
.casebook-hero h1{font:600 clamp(3.5rem,8vw,7.8rem)/.85 'Playfair Display',serif;letter-spacing:-.055em;margin:.5rem 0 1.5rem}
.casebook-hero h1 em{color:var(--thames-teal)}
.casebook-hero p:not(.eyebrow){font-size:1.18rem;line-height:1.7;max-width:680px}
.eyebrow,.kicker{font:500 .78rem/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--thames-teal)}
.casebook-hero dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--case-line)}
.casebook-hero dl div{padding:1.2rem .5rem;border-right:1px solid var(--case-line)}
.casebook-hero dt{font:600 2.2rem 'Playfair Display',serif}
.casebook-hero dd{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.spoiler-desk,.case-section,.casebook-contents,.casebook-sources{max-width:1180px;margin:auto}
.spoiler-desk{background:var(--paper);padding:2rem;display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;border:1px solid var(--case-line)}
.spoiler-desk h2,.section-heading h2{font:600 clamp(2rem,4vw,4rem)/1 'Playfair Display',serif;margin:.4rem 0 1rem}
.spoiler-desk fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.spoiler-desk legend{position:absolute;clip:rect(0 0 0 0)}
.spoiler-desk label{display:block;cursor:pointer}
.spoiler-desk input{position:absolute;opacity:0}
.spoiler-desk label span{display:flex;min-height:100%;flex-direction:column;gap:.4rem;padding:1rem;border:1px solid var(--case-line)}
.spoiler-desk input:checked+span{background:var(--case-ink);color:white;border-color:var(--case-cyan)}
.spoiler-desk small{opacity:.7}
.chronology-controls button{border:1px solid var(--case-line);background:transparent;color:inherit;padding:.7rem 1rem;text-decoration:none;font:500 .78rem 'DM Mono',monospace;text-transform:uppercase}
.chronology-controls button[aria-pressed=true]{background:var(--case-ink);color:white}
.case-section{padding:clamp(4rem,8vw,7rem) 2rem;border-top:1px solid var(--case-line)}
.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;align-items:end;margin-bottom:2.5rem}
.section-heading>p{font-size:1.05rem;line-height:1.7}
.ink-section{max-width:none;background:var(--case-ink);color:var(--paper)}
.ink-section>*{max-width:1140px;margin-left:auto;margin-right:auto}
.chronology-controls{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.chronology-controls div{display:flex;flex-wrap:wrap;gap:.5rem}
.case-timeline{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--case-line);border:1px solid var(--case-line)}
.case-timeline li{background:var(--case-paper);padding:1.4rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;min-height:190px}
.case-index{font:500 .72rem 'DM Mono',monospace;color:var(--thames-teal)}
.case-timeline h3{font:600 1.35rem 'Playfair Display',serif;margin:.6rem 0}
.case-timeline p{line-height:1.55;margin:0}
.case-timeline a{display:inline-block;margin-top:.8rem;color:var(--thames-teal);font-size:.85rem;font-weight:700;text-underline-offset:3px}
.format{font:500 .68rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.format.novel{color:var(--thames-teal)}
.format.comic{color:var(--streetlamp-amber)}
.format.companion{color:var(--deep-dusk)}
.format.short{color:var(--dusk)}
.section-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.section-actions a,.audio-grid a{color:inherit;font-weight:700}
.relationship-map{position:relative;display:grid;place-items:center;min-height:520px}
.relation-centre{position:absolute;z-index:2}
.relation-centre a{display:grid;place-items:center;width:190px;height:190px;border-radius:50%;background:var(--case-cyan);color:var(--case-ink);text-decoration:none;text-align:center}
.relation-centre span,.relation-ring span{font:500 .68rem 'DM Mono',monospace;text-transform:uppercase}
.relation-centre b{font:600 1.8rem 'Playfair Display',serif}
.relation-ring{width:min(760px,100%);display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem 18rem}
.relation-ring a{border:1px solid color-mix(in srgb,var(--paper) 20%,transparent);padding:1rem;color:white;text-decoration:none;display:flex;flex-direction:column;gap:.35rem}
.relation-ring a:hover{border-color:var(--case-cyan)}
.reveal-note,.case-note{font:500 .75rem 'DM Mono',monospace;letter-spacing:.04em}
.river-map{display:grid;grid-template-columns:1fr 90px 1fr;gap:1rem;align-items:center}
.river-map>article{background:white;border:1px solid var(--case-line);padding:2rem}
.river-map h3{font:600 2rem 'Playfair Display',serif;margin:.5rem 0}
.river-map article>span,.tributaries small{font-size:.76rem;color:var(--thames-teal)}
.thames-line{height:8px;background:var(--thames-teal);position:relative}
.thames-line span{position:absolute;transform:rotate(-90deg);font:500 .65rem 'DM Mono',monospace;top:-2rem;left:1.2rem}
.tributaries{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.tributaries article{padding:1.3rem;border-top:3px solid var(--case-gold);background:var(--paper)}
.tributaries small{display:block;margin-top:.5rem;line-height:1.5}
.glossary-search{display:block;max-width:520px;margin:0 0 2rem}
.glossary-search span{display:block;font:.75rem 'DM Mono',monospace;text-transform:uppercase;margin-bottom:.5rem}
.glossary-search input{width:100%;font:inherit;padding:1rem;background:var(--thames-teal);border:1px solid color-mix(in srgb,var(--paper) 25%,transparent);color:white}
.magic-glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--paper) 15%,transparent)}
.magic-glossary article{background:var(--case-ink);padding:1.5rem}
.magic-glossary span,.audio-grid span,.rpg-grid span{font:.68rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--case-cyan)}
.magic-glossary h3,.audio-grid h3,.rpg-grid h3{font:600 1.5rem 'Playfair Display',serif;margin:.6rem 0}
.magic-glossary p,.audio-grid p,.rpg-grid p{line-height:1.6}
.audio-grid,.rpg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.audio-grid article,.rpg-grid article{padding:1.5rem;background:white;border:1px solid var(--case-line)}
.audio-grid .audio-lead,.rpg-grid .rpg-lead{grid-row:span 2;background:var(--case-ink);color:white}
.audio-grid .audio-lead h3,.rpg-grid .rpg-lead h3{font-size:2rem}
.retailer-note{margin-top:1rem;padding:1.2rem;border-left:4px solid var(--case-gold);background:var(--paper)}
.retailer-note p{margin:.3rem 0}
.tabletop-section{background:var(--paper)}
.casebook-sources{margin-top:3rem;margin-bottom:3rem;padding:2rem;border:1px solid var(--case-line)}
.casebook-sources div{display:flex;gap:1rem;flex-wrap:wrap}
.casebook-sources a{color:var(--thames-teal)}
.appearance-results>h3{font:600 2rem 'Playfair Display',serif}.appearance-results>h3 a{color:inherit;text-underline-offset:4px}.appearance-results>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--paper) 16%,transparent)}.appearance-results>div a{padding:1rem;background:var(--case-ink);color:white;text-decoration:none;display:flex;flex-direction:column}.appearance-results span{color:var(--case-cyan);font:.68rem 'DM Mono',monospace;text-transform:uppercase}.atlas-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem}.atlas-map{position:relative;min-height:500px;overflow:hidden;background:linear-gradient(165deg,var(--paper),var(--river-mist));border:1px solid var(--case-line)}.atlas-map:before{content:"";position:absolute;inset:43% -10%;height:45px;background:var(--thames-teal);transform:rotate(8deg);box-shadow:0 0 0 12px color-mix(in srgb,var(--paper) 18%,transparent)}.atlas-map button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2;padding:.55rem .7rem;border:1px solid var(--case-ink);background:var(--case-paper);font:600 .72rem 'DM Mono',monospace;cursor:pointer}.atlas-map button[aria-pressed=true]{background:var(--case-ink);color:white;border-color:var(--case-cyan)}.place-file{background:var(--case-ink);color:white;padding:2rem}.place-file>span,.place-file small,.international-grid span,.collect-grid span,.community-grid label>span,.community-grid aside>span{font:.7rem 'DM Mono',monospace;text-transform:uppercase;color:var(--case-cyan)}.place-file h3{font:600 2.4rem 'Playfair Display',serif}.place-file li{margin:.6rem 0}.comic-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--paper) 15%,transparent)}.comic-guide article{padding:1.4rem;background:var(--case-ink)}.comic-guide span{color:var(--case-cyan);font:.68rem 'DM Mono',monospace;text-transform:uppercase}.comic-guide h3,.international-grid h3,.collect-grid h3,.community-grid h3{font:600 1.45rem 'Playfair Display',serif}.comic-guide small{opacity:.7;line-height:1.5}.history-line{list-style:none;padding:0;margin:0}.history-line li{display:grid;grid-template-columns:220px 1fr;gap:2rem;padding:1.4rem 0;border-top:1px solid var(--case-line)}.history-line time{font:.74rem 'DM Mono',monospace;text-transform:uppercase;color:var(--thames-teal)}.history-line h3{margin:0 0 .4rem;font:600 1.45rem 'Playfair Display',serif}.history-line p{margin:0;line-height:1.6}.international-grid,.collect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.international-grid article,.collect-grid article{background:white;border:1px solid var(--case-line);padding:1.4rem}.collecting-section{background:var(--paper)}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.community-grid form{display:grid;gap:1rem}.community-grid label{display:grid;gap:.5rem}.community-grid select,.community-grid textarea{font:inherit;padding:1rem;color:white;background:var(--thames-teal);border:1px solid color-mix(in srgb,var(--paper) 25%,transparent)}.community-grid textarea{min-height:140px;resize:vertical}.community-grid button{width:max-content;padding:.8rem 1rem;background:var(--case-cyan);border:0;font-weight:700}.community-grid aside{padding:1.5rem;border:1px solid color-mix(in srgb,var(--paper) 20%,transparent)}
@media(max-width:800px){.appearance-results>div,.comic-guide,.international-grid,.collect-grid,.atlas-layout,.community-grid{grid-template-columns:1fr}.atlas-map{min-height:400px}.history-line li{grid-template-columns:1fr;gap:.5rem}.casebook-hero,.spoiler-desk,.section-heading{grid-template-columns:1fr;gap:1.5rem}
.casebook-hero dl{grid-template-columns:repeat(3,1fr)}
.spoiler-desk fieldset,.case-timeline,.magic-glossary,.audio-grid,.rpg-grid{grid-template-columns:1fr}
.chronology-controls{align-items:flex-start;flex-direction:column}
.relation-ring{grid-template-columns:1fr;gap:.5rem;padding-top:220px}
.relation-centre{top:10px}
.relationship-map{align-items:start}
.river-map{grid-template-columns:1fr}
.thames-line{height:55px}
.thames-line span{transform:none;top:1.25rem;left:1rem;color:white}
.tributaries{grid-template-columns:1fr}
.audio-grid .audio-lead,.rpg-grid .rpg-lead{grid-row:auto}
.casebook-sources{margin:2rem}
}


/* source: comic-file.css */
.comic-file{max-width:960px;margin:auto}.comic-file section{margin:2rem 0}.comic-file p{max-width:75ch;line-height:1.75}.comic-file h2{font-size:2rem}.comic-credits{padding:1.5rem;border:1px solid var(--thames-teal);border-radius:12px;background:var(--thames-teal)}.comic-credits dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.comic-credits dt{color:var(--lamp-glow);font-size:.8rem;text-transform:uppercase}.comic-credits dd{margin:.2rem 0}.comic-notes{padding:1.3rem;border:1px solid var(--thames-teal);border-radius:8px}.comic-notes summary{cursor:pointer;font-weight:700}.comic-buy{padding:1.5rem;background:var(--thames-teal);border-left:3px solid var(--lamp-glow)}.comic-buy .retailer-pending{display:inline-flex}

.comic-credits{color:var(--paper)}.comic-credits h2,.comic-credits dd{color:var(--paper)}.comic-credits p{color:var(--paper)}

.comic-route-nav{display:grid;gap:.8rem;margin:3rem 0;padding:1.5rem;border-block:1px solid var(--thames-teal)}.comic-route-nav a{color:var(--lamp-glow)}


/* source: connections.css */
.connections-page{max-width:1000px;margin:auto}.connections-page p{max-width:75ch;line-height:1.7}.connection-controls{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--thames-teal)}.connection-controls label{cursor:pointer}.connection-visual{overflow-x:auto;margin:2rem 0}.connection-visual svg{width:100%;min-width:620px;background:var(--thames-teal);border:1px solid var(--thames-teal);border-radius:12px}.connection-visual circle{fill:var(--lamp-glow)}.connection-visual text{fill:var(--paper);font:13px Manrope,sans-serif}.connection-visual .cluster-label{fill:var(--river-mist);font:bold 18px Playfair Display,serif}.connection-visual line{stroke:var(--lamp-glow);stroke-width:2}.edge-mentor{stroke-width:4}.edge-colleague{stroke-dasharray:6 3}.edge-family{stroke-width:3}.edge-river-court{stroke-dasharray:3 3}.edge-rival{stroke-dasharray:1 5;stroke-linecap:round;stroke-width:3}.edge-antagonist{stroke-dasharray:8 3 2 3;stroke-width:3}.connection-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.connection-list section{padding:1rem;border:1px solid var(--thames-teal);border-radius:10px}.connection-list ul{padding-left:1.2rem;line-height:1.8}.relation-type{text-transform:capitalize;font-weight:700}.type-rival,.type-antagonist{text-decoration:underline wavy}


/* source: fan.css */
.fan-section{padding:var(--space-section-tight) var(--gutter);background:var(--paper);color:var(--thames-teal);font-size:1rem;line-height:1.75;scroll-margin-top:5rem}
.fan-section h2{font:600 clamp(2rem,4vw,3.4rem)/1.15 var(--serif,'Georgia');margin:.5rem 0 1.4rem;letter-spacing:-.025em}
.fan-section h3{font:600 1.6rem/1.3 var(--serif,'Georgia');margin:1.5rem 0 .7rem}.fan-section h4{font-size:1.15rem;margin:.3rem 0 .5rem}
.fan-section p{max-width:76ch}.fan-section a{color:var(--thames-teal);text-decoration:underline;text-underline-offset:.22em}.fan-section .kicker{color:var(--thames-teal);font-size:.875rem}
.fan-jumps{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0 2rem}.fan-jumps a{display:block;background:var(--thames-teal);color:var(--paper)!important;padding:.8rem 1rem;border:1px solid var(--thames-teal);text-decoration:none;font-size:1rem}
.fan-jumps a:hover{background:var(--thames-teal)}.fan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.fan-card{padding:1.5rem;border:1px solid var(--mist);background:var(--paper);scroll-margin-top:6rem}.fan-card p{margin:.65rem 0}.fan-card h3{margin-top:.4rem}.fan-meta,.fan-citation{font-size:.875rem;line-height:1.6}.fan-meta{color:var(--thames-teal);font-family:var(--mono,monospace)}
.fan-timeline{border-left:2px solid var(--thames-teal);padding-left:1.5rem;margin:2rem 0;list-style:none}.fan-timeline li{padding:0 0 1.75rem 1rem}.fan-timeline strong{font-size:1.15rem}.fan-timeline p{margin:.5rem 0}
.spoiler-control{background:var(--thames-teal);color:var(--paper);padding:1.5rem;margin:2.5rem 0 1.5rem;border-top:3px solid var(--river-mist)}.spoiler-control label{display:block;font-weight:700;margin-bottom:.65rem}.spoiler-control select{font:inherit;font-size:1rem;width:min(100%,34rem);background:var(--paper);color:var(--thames-teal);padding:.8rem;border:1px solid var(--thames-teal)}.spoiler-control p{font-size:.95rem;color:var(--paper);margin:.8rem 0 0}
.fan-spoiler{border:1px solid var(--mist);background:var(--paper);margin:1rem 0;padding:0 1.5rem}.fan-spoiler summary{padding:1.1rem .15rem;cursor:pointer;font-weight:700;font-size:1.1rem}.fan-spoiler[data-locked="true"] summary{color:var(--thames-teal)}.fan-spoiler[data-locked="true"] summary::after{content:' · Locked';font-size:.875rem}.fan-spoiler [data-spoiler-body]{padding-bottom:1rem}.fan-spoiler p[data-spoiler-lock]{font-size:.9rem}.fan-spoiler:not([open]) p[data-spoiler-lock]{display:none}.fan-spoiler[open]{border-left:4px solid var(--thames-teal)}.fan-spoiler .fan-citation{padding-top:1rem;border-top:1px solid var(--mist)}
.fan-source{border-top:1px solid var(--mist);margin-top:2rem}.fan-source h2,.fan-source h3{font-size:1.65rem}.fan-source p{font-size:.95rem}
.short-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--mist);background:var(--mist)}.short-checklist article{background:var(--paper);padding:1rem;scroll-margin-top:6rem}.short-checklist-heading{grid-column:1/-1;margin:0;padding:2rem 1rem 1rem;background:var(--paper);font:600 clamp(1.5rem,3vw,2rem)/1.1 'Playfair Display',serif}.short-checklist label{display:flex;gap:.8rem;cursor:pointer;align-items:flex-start;min-height:3rem}.short-checklist input{width:1.25rem;height:1.25rem;margin-top:.3rem;flex-shrink:0;accent-color:var(--thames-teal)}.short-checklist small{display:block;font-size:.875rem;color:var(--thames-teal)}.short-checklist a{margin-left:2rem;font-size:.9rem}
.order-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.order-tabs button small{font-size:.875rem!important}.orders-heading h1{font:600 clamp(2.8rem,5vw,5rem)/1.05 var(--serif,'Georgia');margin:0}.orders-heading h1 em{color:var(--river-mist)}.order-panel .order-brief h2{font:600 2rem/1.15 var(--serif,'Georgia');margin:.6rem 0}.order-panel .order-brief a{color:inherit;text-underline-offset:.2em}.order-track .next-label[hidden],[hidden]{display:none!important}.order-check{min-width:44px;min-height:44px}.order-copy small,.order-detail small,.route-status,.series-position{font-size:.875rem!important}.order-utility button{min-height:44px}.order-brief dl dd{overflow-wrap:anywhere}
.fan-section :focus-visible,.order-panel :focus-visible,.order-tabs :focus-visible{outline:3px solid var(--streetlamp-amber);outline-offset:4px}
@media(max-width:720px){.fan-grid,.short-checklist{grid-template-columns:1fr}.fan-jumps{display:grid;grid-template-columns:1fr}.order-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.order-tabs button{padding:1rem!important}.fan-spoiler{padding:0 1rem}.fan-section{overflow-wrap:anywhere}.order-utility{flex-wrap:wrap!important}.order-brief dl{flex-wrap:wrap}.fan-card{padding:1.2rem}}
@media print{.fan-spoiler:not([open]),.spoiler-control,.fan-jumps{display:none!important}.fan-spoiler[open]{break-inside:avoid}.fan-section{padding:1rem;background:white;color:black}.order-tabs,.utility-actions,.view-switch,.reading-support-art{display:none!important}.fan-card{break-inside:avoid}body:has(.standalone-orders) .fan-section{display:none!important}.order-detail{display:block!important}.order-panel{display:block!important}}


/* source: features.css */
.orders-section,.field-section{background:var(--thames-teal);color:var(--mist)}.orders-section h2,.field-section h2{color:var(--paper)}.orders-section .catalogue-head>p,.field-section .catalogue-head>p{color:var(--mist)}.order-tabs,.guide-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:3rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 18%,transparent);padding-bottom:1rem}.order-tabs button,.guide-tabs button{min-height:46px;padding:0 1rem;background:transparent;color:var(--mist);border:1px solid var(--thames-teal);cursor:pointer;font-weight:650}.order-tabs button[aria-selected="true"],.guide-tabs button[aria-selected="true"]{background:var(--river);color:var(--ink);border-color:var(--river)}.order-panel{margin-top:2rem;display:grid;grid-template-columns:.7fr 1.3fr;gap:var(--space-block)}.order-panel>p{color:var(--mist);font-size:1.05rem}.order-panel ol{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}.order-panel li{display:grid;grid-template-columns:50px 1fr;gap:1rem;padding:.8rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}.order-panel li span{font:.72rem var(--mono);color:var(--river)}.selector-section{background:var(--paper)}.selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-block)}.selector-grid>div:first-child{grid-row:span 2}.case-form{background:var(--paper);padding:2rem}.case-form fieldset{border:0;padding:0;margin:0 0 1.5rem}.case-form legend{font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem}.case-form label{display:inline-flex;margin:0 .5rem .5rem 0}.case-form input{position:absolute;opacity:0}.case-form label span{display:block;border:1px solid var(--thames-teal);padding:.65rem .9rem;cursor:pointer}.case-form input:focus+span{outline:3px solid color-mix(in srgb,var(--river-mist) 55%,transparent)}.case-form input:checked+span{background:var(--deep);color:var(--paper);border-color:var(--deep)}.recommendation{background:var(--deep);color:var(--paper);padding:2rem;border-left:4px solid var(--river)}.recommendation>span{font:.72rem var(--mono);letter-spacing:.1em;color:var(--river)}.recommendation h3{font:600 2rem var(--serif);margin:.5rem 0}.recommendation p{color:var(--mist)}.recommendation a{color:var(--river);font-weight:650}.guide-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid color-mix(in srgb,var(--paper) 15%,transparent);border-left:1px solid color-mix(in srgb,var(--paper) 15%,transparent)}.guide-grid article{padding:1.4rem;border-right:1px solid color-mix(in srgb,var(--paper) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--paper) 15%,transparent)}.guide-grid span{font:.72rem var(--mono);color:var(--river)}.guide-grid h3{font:600 1.45rem var(--serif);color:var(--paper);margin:.6rem 0}.guide-grid p{color:var(--mist);font-size:.9rem;margin-bottom:0}@media(max-width:1000px){.guide-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.order-panel,.selector-grid{grid-template-columns:1fr}.selector-grid>div:first-child{grid-row:auto}.guide-grid{grid-template-columns:1fr}.order-tabs button,.guide-tabs button{flex:1 1 auto}}

/* Reading-order route planner */
#orders{scroll-margin-top:5rem;padding-top:clamp(3rem,5vw,4.5rem);background:radial-gradient(circle at 86% 4%,color-mix(in srgb,var(--river-mist) 10%,transparent),transparent 28%),var(--thames-teal)}
.orders-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-block);align-items:end}
.orders-heading:after{content:none}
.orders-heading h2{font:600 clamp(3rem,6vw,5.7rem)/.94 var(--serif);letter-spacing:-.045em;margin:0}
.orders-heading h2 em{color:var(--river)}
.first-reader-note{padding:1.4rem 1.5rem;border-top:1px solid var(--river);background:color-mix(in srgb,var(--paper) 4.5%,transparent)}
.first-reader-note span,.order-brief>span{color:var(--river);font:500 .72rem var(--mono);text-transform:uppercase;letter-spacing:.1em}
.first-reader-note p{margin:.55rem 0 0;color:var(--mist)}
.order-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3.5rem;padding:0;border:1px solid color-mix(in srgb,var(--paper) 18%,transparent);background:color-mix(in srgb,var(--paper) 18%,transparent)}
.order-tabs button{min-height:132px;padding:1.25rem 1.4rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;border:0;background:var(--thames-teal);transition:background .2s ease,color .2s ease}
.order-tabs button span,.order-tabs button small{font:500 .69rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mist)}
.order-tabs button b{margin:.25rem 0;font:600 1.45rem var(--serif);color:var(--paper)}
.order-tabs button[aria-selected="true"]{position:relative;background:var(--river);color:var(--ink)}
.order-tabs button[aria-selected="true"]:after{content:"";position:absolute;left:1.4rem;bottom:-9px;border:9px solid transparent;border-top-color:var(--river);border-bottom:0}
.order-tabs button[aria-selected="true"] span,.order-tabs button[aria-selected="true"] small,.order-tabs button[aria-selected="true"] b{color:var(--ink)}
.order-panel{margin-top:3rem;display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.order-brief{position:static;top:7rem;padding-top:.35rem}
.order-brief h3{margin:.6rem 0 1rem;color:var(--paper);font:600 clamp(2rem,3.5vw,3.2rem)/1 var(--serif)}
.order-brief p{max-width:430px;color:var(--mist)}
.order-brief dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:2rem 0 0;background:color-mix(in srgb,var(--paper) 16%,transparent)}
.order-brief dl div{padding:1rem;background:var(--thames-teal)}
.order-brief dt{color:var(--mist);font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.order-brief dd{margin:.25rem 0 0;color:var(--paper);font-weight:700}
.order-track{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--paper) 20%,transparent)}
.order-track li{padding:0;border-bottom:1px solid color-mix(in srgb,var(--paper) 16%,transparent)}
.order-track a{min-height:78px;padding:.8rem 1rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;color:var(--paper);text-decoration:none;transition:background .2s ease,padding .2s ease}
.order-track a:hover,.order-track a:focus-visible{padding-left:1.35rem;background:color-mix(in srgb,var(--river-mist) 8%,transparent)}
.order-copy{display:flex;flex-direction:column}
.order-copy b{font-size:1rem}
.order-copy small{color:var(--mist);font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.06em}
.order-arrow{color:var(--river);font-size:1.15rem}
@media(max-width:800px){.orders-heading{grid-template-columns:1fr}.order-tabs{grid-template-columns:1fr}.order-tabs button{min-height:100px}.order-tabs button[aria-selected="true"]:after{display:none}.order-panel{grid-template-columns:1fr}.order-brief{position:static}.order-brief dl{max-width:430px}}
@media(max-width:500px){#orders{padding-top:2.4rem}.orders-heading h2{font-size:clamp(2.8rem,14vw,4rem)}.orders-heading:after{height:260px;background-position:35% center}.order-tabs{margin-top:2.5rem}.order-track a{padding-inline:.3rem}.order-copy b{font-size:.94rem}}

/* Expanded reading-order cards */
.order-track a{min-height:150px;grid-template-columns:minmax(190px,.72fr) minmax(280px,1.28fr) auto;padding:1.35rem 1rem;align-items:start}
.order-primary{display:flex;min-width:0;flex-direction:column;gap:.7rem;padding-right:1rem}
.order-setting{width:max-content;max-width:100%;padding:.28rem .5rem;border:1px solid color-mix(in srgb,var(--river-mist) 30%,transparent);color:var(--river-mist)!important;font:500 .66rem var(--mono)!important;text-transform:uppercase;letter-spacing:.06em}
.order-detail{display:flex;min-width:0;flex-direction:column;gap:.75rem;color:var(--paper)!important;font:400 .92rem/1.55 var(--sans)!important}
.order-detail>small{display:block;color:var(--mist);font:400 .78rem/1.5 var(--sans);text-transform:none;letter-spacing:0}
.order-detail strong{display:block;margin-bottom:.15rem;color:var(--river);font:500 .65rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.order-arrow{align-self:center}
@media(max-width:1050px){.order-panel{grid-template-columns:1fr}.order-brief{position:static}.order-brief dl{max-width:430px}}
@media(max-width:720px){.order-track a{grid-template-columns:1fr auto;min-height:0;padding:1.2rem .5rem}.order-primary{padding-right:0}.order-detail{grid-column:1/-1;padding-top:.15rem}.order-arrow{grid-column:2;grid-row:1}}
.reading-support-art{margin:3rem 0 0;border:1px solid color-mix(in srgb,var(--river-mist) 28%,transparent);background:var(--thames-teal);overflow:hidden}
.reading-support-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center}
@media(max-width:700px){.reading-support-art{margin-top:2rem}.reading-support-art img{aspect-ratio:2/1;object-position:68% center}}
.order-utility{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:1.5rem;padding:1.2rem 1.3rem;border:1px solid color-mix(in srgb,var(--paper) 18%,transparent);background:var(--thames-teal)}
.order-utility>div:first-child{display:flex;flex-direction:column}.utility-label{color:var(--river);font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.09em}.order-utility strong{color:var(--paper);font-size:1.15rem}.order-utility small{color:var(--mist)}.view-switch{display:flex;border:1px solid var(--thames-teal)}.view-switch button{min-height:42px;padding:0 1rem;border:0;background:transparent;color:var(--paper);font-weight:700;cursor:pointer}.view-switch button[aria-pressed="true"]{background:var(--river);color:var(--ink)}
.order-track li{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:stretch}.order-track li.is-complete{background:color-mix(in srgb,var(--river-mist) 5.5%,transparent)}.order-track li.is-complete .order-copy b{text-decoration:line-through;text-decoration-color:var(--river);text-decoration-thickness:2px}
.order-check{display:grid;place-items:center;border-right:1px solid color-mix(in srgb,var(--paper) 14%,transparent);cursor:pointer}.order-check input{position:absolute;opacity:0}.order-check>span[aria-hidden]{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--mist);color:transparent}.order-check input:checked+span{border-color:var(--river);background:var(--river);color:var(--ink);font-weight:900}.order-check input:focus-visible+span{outline:3px solid var(--paper);outline-offset:3px}
.order-badges{display:flex;flex-wrap:wrap;gap:.45rem}.route-status{width:max-content;padding:.28rem .5rem;background:var(--lamp-glow);color:var(--streetlamp-amber)!important;font:700 .66rem var(--mono)!important;text-transform:uppercase;letter-spacing:.06em}
.route-next{grid-column:1/-1;margin-top:2rem;padding:clamp(1.5rem,4vw,2.5rem);border-top:1px solid var(--river);background:var(--thames-teal)}.route-next>span{color:var(--river);font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.09em}.route-next h3{margin:.35rem 0 1.2rem;color:var(--paper);font:600 2rem var(--serif)}.route-next div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:color-mix(in srgb,var(--paper) 16%,transparent)}.route-next a{padding:1rem;background:var(--thames-teal);color:var(--paper);text-decoration:none;font-weight:700}.route-next a:hover,.route-next a:focus-visible{background:color-mix(in srgb,var(--river-mist) 10%,transparent);color:var(--river)}
.order-panel[data-view="compact"] .order-detail,.order-panel[data-view="compact"] .order-setting{display:none}.order-panel[data-view="compact"] .order-track a{min-height:74px;grid-template-columns:1fr auto;align-items:center}.order-panel[data-view="compact"] .order-primary{gap:.25rem}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.order-utility{align-items:stretch;flex-direction:column}.view-switch button{flex:1}.route-next div{grid-template-columns:1fr 1fr}.order-track li{grid-template-columns:44px minmax(0,1fr)}}
@media(max-width:500px){.route-next div{grid-template-columns:1fr}.order-badges{align-items:flex-start;flex-direction:column}}
.order-utility progress{width:min(320px,100%);height:8px;margin:.55rem 0 .25rem;border:0;background:var(--thames-teal);accent-color:var(--river)}.order-utility progress::-webkit-progress-bar{background:var(--thames-teal)}.order-utility progress::-webkit-progress-value{background:var(--river)}.order-utility progress::-moz-progress-bar{background:var(--river)}
.utility-actions{display:flex;gap:.5rem;align-items:center}.utility-actions button{min-height:42px;padding:0 .85rem;border:1px solid var(--thames-teal);background:transparent;color:var(--paper);font-weight:700;cursor:pointer}.utility-actions button:hover,.utility-actions button:focus-visible{border-color:var(--river);color:var(--river)}
.series-position{width:max-content;padding:.28rem .5rem;border:1px solid var(--mist);color:var(--paper)!important;font:600 .66rem var(--mono)!important;text-transform:uppercase;letter-spacing:.06em}

/* Series-readiness case chooser */
.recommendation .recommendation-readiness{margin:1.2rem 0;padding:.8rem 0;border-top:1px solid color-mix(in srgb,var(--paper) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--paper) 18%,transparent);color:var(--paper);font-size:.9rem}
.recommendation-readiness strong{color:var(--river)}
.chooser-source{margin:2rem 0 0;padding:1rem 1.2rem;border-left:3px solid var(--river);background:color-mix(in srgb,var(--paper) 42%,transparent);color:var(--thames-teal);font-size:.9rem}
.chooser-source a{color:var(--thames-teal);font-weight:700}
.order-track{position:relative}.order-track:before{content:"";position:absolute;top:0;bottom:0;left:25px;width:2px;background:linear-gradient(var(--river),color-mix(in srgb,var(--river-mist) 12%,transparent));pointer-events:none}.order-check{position:relative;z-index:1;background:var(--thames-teal)}.is-complete .order-check{background:var(--thames-teal)}
.order-track li.is-next{box-shadow:inset 4px 0 0 var(--brass);background:color-mix(in srgb,var(--lamp-glow) 7%,transparent)}.next-label{width:max-content;color:var(--streetlamp-amber)!important;background:var(--brass);padding:.2rem .45rem;font:700 .65rem var(--mono)!important;text-transform:uppercase;letter-spacing:.07em}
@media(max-width:900px){.order-utility{display:grid;grid-template-columns:1fr 1fr}.utility-actions{justify-content:flex-end}.view-switch{grid-column:1/-1}}
@media(max-width:600px){.order-utility{grid-template-columns:1fr}.utility-actions{justify-content:stretch}.utility-actions button{flex:1}.view-switch{grid-column:auto}}
@media print{.site-header,.breadcrumbs,.order-tabs,.reading-support-art,.order-utility,.route-next,footer{display:none!important}.section-page{padding:0}.orders-section{padding:0;background:var(--paper);color:var(--ink)}.orders-section h2,.order-brief h3,.order-track a{color:var(--ink)}.order-panel{display:block}.order-brief{margin-bottom:1rem}.order-track:before{display:none}.order-track li{break-inside:avoid;border-color:var(--mist)}.order-detail,.order-detail>small,.order-copy small{color:var(--dusk)!important}.order-check{background:var(--paper);border-color:var(--mist)}}


/* source: gifts.css */
.gift-page{max-width:950px;margin:auto}.gift-page section{margin:2.5rem 0}.gift-page p{max-width:75ch;line-height:1.75}.gift-page h2{font-size:2rem}.gift-placeholder{display:inline-block;padding:1rem;border:1px solid var(--thames-teal);border-radius:10px;background:var(--thames-teal);color:var(--lamp-glow)}.gift-placeholder small{display:inline}.gift-note{padding:1.5rem;border-left:3px solid var(--lamp-glow)}@media(max-width:600px){.gift-page{padding-inline:1.2rem}.gift-page section,.gift-page .page-hero{padding-inline:0}.gift-page p,.gift-page li,.gift-page h2,.gift-page h3{overflow-wrap:anywhere}}


/* source: graphic-novels/graphic-novels.css */
.graphic-novels-page .world-banner{display:none}.graphic-novels-page .breadcrumbs{padding-top:2rem}.comics-hero{min-height:610px;padding:clamp(5rem,9vw,8rem) clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:1.3fr .7fr;gap:5vw;align-items:end;background:var(--thames-teal);color:var(--paper);border-bottom:1px solid color-mix(in srgb,var(--river-mist) 30%,transparent)}
.comics-hero h1{font:600 clamp(3.7rem,7.7vw,7.2rem)/.9 var(--serif);letter-spacing:-.05em;margin:.35rem 0 1.2rem}.comics-hero h1 em{color:var(--river)}.comics-hero>div>p:not(.eyebrow){max-width:760px;color:var(--paper);font-size:1.08rem}.comics-hero dl{display:grid;grid-template-columns:1fr;gap:1px;background:color-mix(in srgb,var(--river-mist) 25%,transparent);margin:0}.comics-hero dl div{padding:1.35rem;background:color-mix(in srgb,var(--thames-teal) 86%,transparent)}.comics-hero dt{font:600 clamp(1.6rem,4vw,3rem) var(--serif);color:var(--river)}.comics-hero dd{margin:.2rem 0 0;color:var(--paper);font:.72rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.creator-led{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;background:var(--paper)}.creator-intro h2,.shelf-heading h2,.credit-note h2,.comic-next h2{font:600 clamp(2.6rem,5vw,4.8rem)/.98 var(--serif);letter-spacing:-.03em;margin:.35rem 0 1rem}.creator-intro>p:last-child,.shelf-heading>p{color:var(--thames-teal)}.creator-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.creator-links a{min-height:300px;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:var(--paper);background:linear-gradient(145deg,var(--thames-teal),var(--thames-teal))}.creator-links a:hover{background:linear-gradient(145deg,var(--thames-teal),var(--thames-teal))}.creator-links span,.creator-links small{font:.7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.creator-links span{color:var(--river)}.creator-links strong{font:600 clamp(2rem,4vw,3.4rem)/1 var(--serif);margin:.5rem 0 1.4rem}.creator-links small{color:var(--paper)}
.comic-shelf{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem)}.shelf-heading{display:grid;grid-template-columns:1fr minmax(280px,470px);gap:3rem;align-items:end}.comic-controls{position:static;top:70px;z-index:3;margin:2.5rem 0 1rem;padding:1.1rem;background:var(--thames-teal);color:var(--paper);box-shadow:0 12px 30px color-mix(in srgb,var(--thames-teal) 12%,transparent)}.comic-controls label{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.comic-controls label span,.comic-controls legend{font:500 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mist)}.comic-controls input{width:100%;min-height:46px;padding:.7rem .9rem;border:1px solid var(--thames-teal);background:var(--thames-teal);color:var(--paper);font:inherit}.comic-controls input::placeholder{color:var(--mist)}.comic-controls fieldset{display:flex;gap:.5rem;flex-wrap:wrap;margin:.9rem 0 0;padding:0;border:0}.comic-controls legend{float:left;margin:.7rem 1rem 0 0}.comic-controls button,.comic-empty button{min-height:40px;padding:.55rem .85rem;border:1px solid var(--thames-teal);background:transparent;color:var(--paper);font:600 .72rem var(--mono);letter-spacing:.03em;cursor:pointer}.comic-controls button:hover,.comic-controls button.is-active,.comic-empty button:hover{border-color:var(--river);background:var(--river);color:var(--thames-teal)}.shelf-status{display:flex;justify-content:space-between;gap:1rem;color:var(--thames-teal);font:500 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2rem}.comic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.comic-card{scroll-margin-top:170px;padding:clamp(1.5rem,3vw,2.4rem);background:var(--paper)}.comic-card:nth-child(4n+1),.comic-card:nth-child(4n+4){background:var(--paper)}.comic-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.comic-volume{font:.7rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--thames-teal)}.comic-complete{display:flex;gap:.55rem;align-items:center;font:600 .7rem var(--mono);text-transform:uppercase;color:var(--thames-teal)}.comic-complete input{width:1.2rem;height:1.2rem;accent-color:var(--thames-teal)}.comic-card h3{font:600 clamp(2rem,4vw,3.6rem)/.98 var(--serif);margin:.6rem 0}.comic-hook{min-height:3.2rem;color:var(--thames-teal)}.comic-card dl{display:grid;grid-template-columns:minmax(130px,.42fr) 1fr;border-top:1px solid var(--mist);margin:1.5rem 0}.comic-card dt,.comic-card dd{padding:.7rem 0;border-bottom:1px solid var(--mist)}.comic-card dt{font:.67rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--thames-teal)}.comic-card dd{margin:0;font-size:.92rem}.comic-card dd a{color:var(--thames-teal);font-weight:700}.comic-route{padding:.9rem 1rem;background:var(--thames-teal);color:var(--paper);font-size:.88rem}.comic-route strong{color:var(--river)}.comic-links{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem}.comic-links a{color:var(--thames-teal);font-weight:700}.comic-links span{font:.67rem var(--mono);color:var(--thames-teal)}.comic-empty{padding:4rem;text-align:center;border:1px solid var(--line);background:var(--paper)}.comic-empty h3{font:600 2.3rem var(--serif);margin:0}.comic-empty button{background:var(--thames-teal)}
.comic-controls button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.comic-progress-action{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.comic-complete input:disabled{cursor:not-allowed}.comic-complete:has(input:disabled){opacity:.65}
.credit-note{padding:clamp(3rem,6vw,5rem) clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.credit-note p:last-child{max-width:750px;align-self:end;color:var(--thames-teal)}.comic-next{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:5vw;background:var(--thames-teal);color:var(--paper)}.comic-next>div:first-child>p:last-child{color:var(--mist)}.comic-next>div:last-child{display:grid;align-content:center;gap:.7rem}.comic-next a{padding:1rem 1.2rem;border:1px solid var(--thames-teal);color:var(--river);text-decoration:none;font-weight:700}.comic-next a:hover{background:var(--river);color:var(--thames-teal)}
@media(max-width:850px){.graphic-novels-page .breadcrumbs{padding-top:5.5rem}.comics-hero,.creator-led,.shelf-heading,.credit-note,.comic-next{grid-template-columns:1fr}.comics-hero{min-height:560px}.comics-hero dl{grid-template-columns:repeat(3,1fr)}.creator-links{grid-template-columns:1fr}.creator-links a{min-height:220px}.comic-controls{position:static}.comic-grid{grid-template-columns:1fr}.comic-card:nth-child(n){background:var(--paper)}.comic-card:nth-child(even){background:var(--paper)}}
@media(max-width:560px){.graphic-novels-page{overflow-x:hidden}.comics-hero>*,.creator-led>*,.shelf-heading>*,.credit-note>*,.comic-next>*{min-width:0}.comics-hero .hero-actions{display:grid;grid-template-columns:1fr}.comics-hero .button{width:100%;box-sizing:border-box;white-space:normal}.comics-hero dl{grid-template-columns:1fr}.comic-controls label{grid-template-columns:1fr;gap:.5rem}.comic-controls fieldset{display:grid}.comic-controls legend{float:none;margin:0}.shelf-status{display:block}.comic-links{align-items:flex-start;flex-direction:column}.comic-card dl{grid-template-columns:1fr}.comic-card dt{border-bottom:0;padding-bottom:.2rem}.comic-card dd{padding-top:0}}

.comic-card .retailer-pending{display:grid;gap:.35rem}.comic-card .retailer-action{border:1px solid currentColor;padding:.5rem;display:inline-block}.comic-card .retailer-pending>small{overflow-wrap:anywhere;font-size:.7rem}.comic-shelf .retailer-note{margin:1rem 0}


/* source: guide-pages.css */
.guide-page{max-width:1100px;margin-inline:auto;padding:2rem clamp(1rem,4vw,3rem) 5rem}.guide-page .page-hero{margin:2rem 0;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--thames-teal);border-radius:1.4rem;background:var(--thames-teal);color:var(--paper)}.guide-page a{color:var(--streetlamp-amber)}.guide-page .page-hero a{color:var(--lamp-glow)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem}.guide-grid article,.guide-grid section{background:var(--paper);color:var(--thames-teal);padding:1.5rem;border:1px solid var(--mist);border-radius:1rem}.guide-grid h2{font-size:1.4rem;margin:.3rem 0}.guide-grid dl{display:grid;gap:.4rem}.guide-grid dl div{display:flex;gap:.5rem;flex-wrap:wrap}.guide-grid dt{font-weight:700}.guide-terms{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.guide-terms a{display:inline-block;border:1px solid currentColor;border-radius:100px;padding:.45rem .9rem}.reference-art{max-width:440px;margin:1rem 0}.reference-art img{display:block;max-width:100%;height:auto;border-radius:.8rem}.reference-art figcaption{font-size:.85rem;color:var(--mist)}


/* source: hub.css */
.home-hero{min-height:0}
.home-section{padding:var(--space-section) var(--gutter)}
.home-section .page-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.home-heading{display:grid;grid-template-columns:1fr;gap:var(--space-block);align-items:start;margin-bottom:var(--space-block)}
.home-heading h2{margin:0;font:600 clamp(2.7rem,5vw,4.8rem)/1 var(--serif);letter-spacing:-.04em}
.home-heading p:last-child{margin:0}
.featured-books{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.featured-books a{min-height:0;padding:var(--space-block);display:flex;flex-direction:column;justify-content:space-between;color:var(--text);text-decoration:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.featured-books a:hover{background:var(--paper)}
.featured-books span,.home-link-grid span{font:.72rem var(--mono);text-transform:uppercase;color:var(--thames-teal)}
.featured-books h3,.home-link-grid h3{margin:.7rem 0;font:600 1.8rem/1.05 var(--serif)}
.case-library{background:var(--paper)}.shelf-key{display:flex;justify-content:space-between;gap:1rem;margin:-.5rem 0 2rem;font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--thames-teal)}.shelf-key span{display:flex;align-items:center;gap:.55rem}.shelf-key-mark{width:.75rem;height:.75rem;border-radius:50%;background:var(--river);box-shadow:0 0 0 3px color-mix(in srgb,var(--river-mist) 20%,transparent)}.case-shelf{position:relative;margin:0 0 2rem;padding:1.1rem;border:1px solid color-mix(in srgb,var(--lamp-glow) 62%,transparent);background:var(--thames-teal);box-shadow:inset 0 0 0 7px var(--thames-teal),inset 0 0 0 8px color-mix(in srgb,var(--lamp-glow) 36%,transparent),0 16px 35px color-mix(in srgb,var(--thames-teal) 14%,transparent);color:var(--paper)}.shelf-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding:.65rem .8rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--lamp-glow) 35%,transparent)}.shelf-heading h3{margin:.15rem 0;font:600 clamp(1.7rem,3vw,2.25rem)/1.1 var(--serif);color:var(--paper)}.shelf-heading p{margin:0;color:var(--mist);font-size:.88rem}.shelf-heading .shelf-code{color:var(--river);font:.68rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.shelf-heading a{color:var(--lamp-glow);font-size:.82rem;text-underline-offset:4px}.shelf-controls{display:flex;justify-content:flex-end;align-items:center;gap:.7rem;padding:.75rem .8rem 0;color:var(--mist);font:.68rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.shelf-controls button{width:42px;height:42px;border:1px solid var(--thames-teal);background:var(--thames-teal);color:var(--paper);font-size:1rem;cursor:pointer}.shelf-controls button:hover,.shelf-controls button:focus-visible{border-color:var(--river);color:var(--river)}.shelf-controls button:disabled{opacity:.35;cursor:default}.shelf-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--thames-teal) var(--thames-teal);scrollbar-width:thin;margin:.45rem .8rem 0;padding:.6rem .4rem 0;outline:none}.shelf-window:focus-visible{outline:3px solid var(--river);outline-offset:3px}.shelf-books{display:flex;align-items:flex-end;min-width:max-content;height:285px;padding:1.5rem 1rem 0;background:linear-gradient(180deg,var(--thames-teal) 0,var(--thames-teal) 88%,var(--streetlamp-amber) 88%,var(--streetlamp-amber) 93%,var(--streetlamp-amber) 94%);border-left:8px solid var(--streetlamp-amber);border-right:8px solid var(--streetlamp-amber)}.case-spine{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:86px;height:240px;margin-right:5px;padding:.75rem .55rem;color:var(--paper);text-decoration:none;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 8%,transparent),transparent 18%,transparent 80%,color-mix(in srgb,var(--ink) 22%,transparent)),var(--thames-teal);border:1px solid color-mix(in srgb,var(--paper) 20%,transparent);border-radius:3px 4px 0 0;box-shadow:2px 0 5px color-mix(in srgb,var(--ink) 45%,transparent);scroll-snap-align:start;transition:transform .18s ease,filter .18s ease}.case-spine:nth-child(3n){height:226px}.case-spine:nth-child(4n){width:94px}.case-spine:hover,.case-spine:focus-visible{transform:translateY(-9px);filter:brightness(1.18);outline:3px solid var(--river);outline-offset:2px;z-index:2}.spine-2{background-color:var(--streetlamp-amber)}.spine-3{background-color:var(--thames-teal)}.spine-4{background-color:var(--streetlamp-amber)}.spine-5{background-color:var(--thames-teal)}.spine-6{background-color:var(--deep-dusk)}.spine-7{background-color:var(--streetlamp-amber)}.spine-8{background-color:var(--thames-teal)}.spine-9{background-color:var(--streetlamp-amber)}.spine-10{background-color:var(--thames-teal)}.spine-number,.spine-year{font:.62rem var(--mono);letter-spacing:.05em}.spine-title{font:600 .88rem/1.08 var(--serif);writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;max-height:155px;overflow:hidden}.case-spine.is-read:after{content:'✓';position:absolute;right:7px;top:7px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--river);color:var(--thames-teal);font:bold .75rem var(--sans)}.current-spine{border-color:var(--brass);box-shadow:0 0 0 2px color-mix(in srgb,var(--lamp-glow) 30%,transparent),2px 0 5px color-mix(in srgb,var(--ink) 45%,transparent)}.graphic-drawer{display:grid;grid-template-columns:1fr 1.2fr 1.6fr;gap:1.5rem;align-items:center;padding:1.3rem 1.5rem;background:var(--thames-teal);color:var(--paper);border:1px solid color-mix(in srgb,var(--lamp-glow) 55%,transparent);box-shadow:inset 0 0 0 5px var(--thames-teal);color:var(--paper);text-decoration:none}.graphic-drawer:hover,.graphic-drawer:focus-visible{background:var(--thames-teal);outline:3px solid var(--river);outline-offset:3px}.graphic-drawer .drawer-label{font:.68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--river)}.graphic-drawer strong{font:600 1.35rem var(--serif)}.graphic-drawer span:last-child{color:var(--mist);font-size:.82rem}.shelf-secondary{color:var(--text);border-color:var(--thames-teal)}
.home-route{background:var(--thames-teal);color:var(--paper)}
.route-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:0;border:1px solid color-mix(in srgb,var(--river-mist) 25%,transparent)}
.route-image{min-height:430px;background:url('assets/reading-order/publication-route.svg') 38% center/cover}
.route-copy{padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center}
.route-copy h2{margin:.5rem 0;font:600 clamp(2.8rem,5vw,5rem)/.95 var(--serif)}
.route-copy h2 em{color:var(--river)}
.route-copy p{color:var(--mist)}
.home-latest{background:var(--paper)}
.latest-strip,.home-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.latest-strip article,.home-link-grid a{padding:1.6rem;background:var(--paper)}
.latest-strip h3{font:600 1.7rem var(--serif);margin:.5rem 0}
.latest-strip a,.home-link-grid a{color:var(--text)}
.home-link-grid a{text-decoration:none;min-height:190px}
.home-link-grid a:hover{background:var(--paper)}
.reference-key{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-bottom:1.5rem}
.reference-key a{display:flex;min-height:280px;flex-direction:column;padding:1.5rem;background:var(--paper);color:var(--text);text-decoration:none}
.reference-key a:hover{background:var(--paper)}
.reference-key span{font:.72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--thames-teal)}
.reference-key h3{margin:.7rem 0;font:600 1.7rem/1.08 var(--serif)}
.reference-key p{margin:0 0 1.4rem}
.reference-key strong{margin-top:auto;font-size:.88rem}
.home-source{padding:var(--space-block) var(--gutter);display:flex;justify-content:space-between;gap:2rem;background:var(--paper)}
.home-source p{margin:0}
#continue-journey .route{color:var(--thames-teal)}
#continue-journey[data-progress="saved"]{box-shadow:inset 0 4px 0 var(--thames-teal)}
@media(max-width:1000px){.reference-key{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.home-heading,.route-feature{grid-template-columns:1fr}.featured-books,.latest-strip,.home-link-grid,.reference-key{grid-template-columns:1fr}.reference-key a{min-height:0}.route-image{min-height:300px}.home-source{flex-direction:column}}
@media(max-width:800px){.shelf-key,.shelf-heading{align-items:flex-start;flex-direction:column}.shelf-heading{gap:.65rem}.shelf-controls{justify-content:space-between}.graphic-drawer{grid-template-columns:1fr;gap:.4rem}.shelf-books{height:265px}.case-spine{height:220px;width:82px}.case-spine:nth-child(3n){height:208px}}
@media(max-width:520px){.case-library{padding-inline:.8rem}.case-shelf{padding:.65rem}.shelf-heading,.shelf-window{margin-inline:.25rem}.shelf-key{padding-inline:.4rem}.shelf-key span:last-child{display:none}.shelf-controls{padding-inline:.25rem}.graphic-drawer{margin-inline:.1rem}}
.case-spine:nth-child(3n){height:240px}
@media(max-width:800px){.case-spine:nth-child(3n){height:220px}}

/* Homepage entry points share the site's existing paper and brass palette. */
.featured-books a{gap:1.5rem;min-width:0}
.featured-books p{margin:0;max-width:32ch;line-height:1.55}
.featured-books strong{font-size:.88rem;text-decoration:underline;text-underline-offset:4px}
.featured-books a:focus-visible,.home-link-grid a:focus-visible{outline:3px solid var(--thames-teal);outline-offset:-4px}
.home-latest .latest-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.home-latest .latest-strip{grid-template-columns:1fr}}
@media(max-width:390px){.home-hero{min-height:0}.hero-reflow{padding-top:clamp(4rem,6vw,6rem);padding-bottom:clamp(2.5rem,4vw,4rem)}.hero-actions{display:grid;grid-template-columns:1fr;gap:.65rem}.pathway-card{min-height:0;padding:1.5rem}.home-section{padding-inline:1.2rem}.featured-books a{min-height:0;padding:1.35rem}.home-heading h2{font-size:clamp(2.3rem,11vw,3.2rem);overflow-wrap:anywhere}.home-latest .latest-strip,.home-link-grid{min-width:0}}
.home-latest .latest-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;background:transparent}
.home-latest .latest-strip article{border:1px solid var(--line);min-width:0}
.home-latest .latest-all{margin:1.5rem 0 0}.home-latest .latest-all a{color:var(--thames-teal);font-weight:700;text-underline-offset:4px}
@media(max-width:800px){.home-latest .latest-strip{grid-template-columns:1fr}}


/* source: my-reading/journey.css */
.journey-page{background:var(--thames-teal);color:var(--paper)}
.journey-page .world-banner{display:none!important}
.journey-page main{max-width:1120px;margin:auto;padding:120px 24px 64px}
.journey-page h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.05}
.journey-page h2{font-size:1.6rem}
.journey-page p{color:var(--paper);max-width:75ch}
.journey-page main a{color:var(--river-mist);text-decoration:underline}
.journey-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0}
.journey-overview section,.journey-page details,.journey-transfer{background:var(--thames-teal);border:1px solid var(--thames-teal);border-radius:12px;padding:24px}
.journey-overview h2{margin-top:0}
.journey-overview div p:first-child{font-size:1.15rem;font-weight:700;margin-bottom:.35rem}
.journey-overview div p:last-child{font-size:.9rem;margin:0}
.journey-page progress{width:100%;accent-color:var(--river-mist)}
.journey-transfer{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:24px;align-items:center;margin:24px 0}
.journey-transfer h2{margin-top:0}
.journey-transfer p{margin-bottom:0}
.journey-transfer-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.journey-transfer-actions label{display:inline-flex;min-height:44px;padding:10px 18px;align-items:center;border:2px solid var(--river-mist);border-radius:6px;color:var(--river-mist);cursor:pointer}
.journey-transfer-actions input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.journey-transfer-actions input:focus+*{outline:0}
.journey-transfer-actions p{flex-basis:100%;min-height:1.5em;font-size:.9rem}
.journey-page details{margin:20px 0}
.journey-page summary{cursor:pointer;font-size:1.3rem;min-height:44px}
.journey-page summary small{display:block;color:var(--paper);font-size:.9rem;margin:8px 0}
.journey-page ul{list-style:none;padding:0}
.journey-page li{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border-top:1px solid var(--thames-teal);padding:12px 0}
.journey-page label{display:flex;gap:14px;align-items:center;min-height:48px;cursor:pointer}
.journey-page label span small{display:block;margin-top:4px;color:var(--mist);font-size:.82rem;line-height:1.4}
.journey-shelf-note{margin:18px 0 0;font-size:.9rem}
.journey-page input[type=checkbox]{width:24px;height:24px;flex-shrink:0;accent-color:var(--river-mist)}
.journey-page .done label:after{content:'Completed';font-size:.75rem;color:var(--river-mist)}
.journey-page button{min-height:44px;padding:10px 18px;background:var(--river-mist);color:var(--thames-teal);border:2px solid transparent;border-radius:6px;cursor:pointer}
.journey-page button:disabled{opacity:.55;cursor:default}
.journey-page :focus-visible{outline:3px solid var(--lamp-glow);outline-offset:4px}
.journey-transfer-actions label:has(+input:focus-visible){outline:3px solid var(--lamp-glow);outline-offset:4px}
.journey-page [hidden]{display:none!important}
.journey-notes{margin-top:40px}
.journey-page footer{padding:32px 24px}
@media(max-width:900px){.journey-overview{grid-template-columns:1fr 1fr}.journey-overview section:first-child{grid-column:1/-1}}
@media(max-width:700px){.journey-transfer{grid-template-columns:1fr}}
@media(max-width:640px){.journey-overview{grid-template-columns:1fr}.journey-overview section:first-child{grid-column:auto}.journey-page main{padding-top:96px}.journey-page li{grid-template-columns:1fr;gap:0}.journey-page li>a{padding:8px 0 8px 38px}.journey-page details,.journey-transfer{padding:18px}}


/* source: open-questions.css */
.question-page{max-width:950px;margin:auto}.question-warning{border-left:4px solid var(--lamp-glow);padding:1rem;background:var(--thames-teal)}.question-warning p{max-width:72ch}.question-clearance{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;border:1px solid var(--thames-teal);padding:1rem}.question-clearance label{cursor:pointer}.question-group{padding:1.2rem;border:1px solid var(--thames-teal);border-radius:9px;margin:1rem 0}.question-group summary{cursor:pointer;font-weight:700}.question-group p{max-width:72ch;line-height:1.7}.question-group h3{font-size:1.1rem;margin-top:1.4rem}.question-end{margin:2rem 0}.question-group[hidden]{display:none}

/* source: profile-thumbs.css */
.profile-card.character{background:var(--thames-teal);color:white;padding:0;display:grid;grid-template-columns:120px 1fr;min-height:240px}.profile-thumb{display:block;width:120px;height:100%;min-height:240px;object-fit:cover;object-position:center top;border-right:1px solid color-mix(in srgb,var(--river-mist) 25%,transparent)}.profile-card-copy{align-self:center}.profile-card.character .profile-card-copy{padding:1.5rem}@media(max-width:650px){.profile-card.character{grid-template-columns:100px 1fr}.profile-thumb{width:100px;min-height:220px}.profile-card.character .profile-card-copy{padding:1.2rem}}


/* source: profiles.css */
.profiles-page .world-banner{display:none}.profiles-page .breadcrumbs{padding-top:6.5rem;background:var(--thames-teal);color:var(--mist)}.profiles-page .breadcrumbs a{color:var(--river)}.profiles-page .page-context{margin:0;background:var(--thames-teal);border-color:color-mix(in srgb,var(--river-mist) 22%,transparent);color:var(--mist)}
.profiles-hero{min-height:430px;padding:clamp(5rem,9vw,8rem) clamp(1.2rem,8vw,8rem) clamp(3.5rem,6vw,5rem);background:var(--thames-teal);color:var(--paper);display:flex;align-items:flex-end;border-bottom:1px solid color-mix(in srgb,var(--river-mist) 28%,transparent)}.profiles-hero>div{max-width:770px}.profiles-hero h1,.profile-copy h1{font:600 clamp(3.8rem,8vw,7rem)/.88 var(--serif);letter-spacing:-.05em;margin:.3rem 0 1.25rem}.profiles-hero h1 em{color:var(--river)}.profiles-hero p:not(.eyebrow){max-width:650px;color:var(--paper);font-size:1.1rem}.hero-jump{display:inline-flex;gap:.7rem;margin-top:1rem;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--river-mist) 55%,transparent);color:var(--river);font:600 .78rem var(--mono);letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.hero-jump:hover{background:var(--river);color:var(--thames-teal)}
.profile-index{padding:clamp(3.5rem,7vw,6rem) clamp(1.2rem,8vw,8rem)}.featured-profile{display:grid;grid-template-columns:minmax(240px,.72fr) 1.28fr;max-width:1160px;margin:0 auto clamp(5rem,9vw,8rem);background:var(--thames-teal);color:var(--paper);box-shadow:0 28px 70px color-mix(in srgb,var(--thames-teal) 18%,transparent)}.featured-profile img{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center top}.featured-profile>div{padding:clamp(2rem,5vw,4.5rem);align-self:center}.featured-profile h2{font:600 clamp(2.8rem,5vw,5rem)/.95 var(--serif);margin:.35rem 0 1rem}.featured-profile p:not(.kicker){color:var(--mist);font-size:1.05rem;max-width:650px}.featured-profile dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:2rem 0;background:var(--thames-teal)}.featured-profile dl div{padding:1rem;background:var(--thames-teal)}.featured-profile dt,.card-facts b{display:block;color:var(--thames-teal);font:500 .68rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.featured-profile dd{margin:.35rem 0 0}.featured-profile a{color:var(--river);font-weight:700;text-underline-offset:4px}
.profile-directory{max-width:1320px;margin:auto}.directory-heading{display:grid;grid-template-columns:1fr minmax(280px,480px);gap:3rem;align-items:end}.directory-heading h2{font:600 clamp(3rem,6vw,5.5rem)/.95 var(--serif);margin:.25rem 0}.directory-heading>p{color:var(--thames-teal);font-size:1.05rem}.directory-tools{position:static;top:70px;z-index:3;margin:2.5rem 0 1rem;padding:1.1rem;background:var(--thames-teal);color:var(--paper);box-shadow:0 12px 30px color-mix(in srgb,var(--thames-teal) 12%,transparent)}.profile-search{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.profile-search span{font:500 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mist)}.profile-search input{width:100%;min-height:46px;padding:.7rem .9rem;border:1px solid var(--thames-teal);background:var(--thames-teal);color:var(--paper);font:inherit}.profile-search input::placeholder{color:var(--mist)}.profile-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.profile-filters button,.profile-empty button{min-height:40px;padding:.55rem .85rem;border:1px solid var(--thames-teal);background:transparent;color:var(--paper);font:600 .72rem var(--mono);letter-spacing:.03em;cursor:pointer}.profile-filters button:hover,.profile-filters button.is-active,.profile-empty button:hover{border-color:var(--river);background:var(--river);color:var(--thames-teal)}.profile-count{margin:0 0 2.5rem;color:var(--thames-teal);font:500 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.profile-group{margin:0 0 5rem}.group-heading{display:grid;grid-template-columns:minmax(230px,.65fr) 1fr;gap:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line);align-items:end}.group-heading h3{font:600 clamp(2rem,4vw,3.3rem)/1 var(--serif);margin:0}.group-heading p{margin:0;max-width:620px;color:var(--thames-teal)}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-top:0}.profile-card{min-height:320px;display:grid;grid-template-columns:180px 1fr;color:var(--text);text-decoration:none;background:var(--paper);transition:background .18s ease}.profile-card:hover{background:var(--paper)}.profile-card.character{background:var(--thames-teal);color:var(--paper)}.profile-card.character:hover{background:var(--thames-teal)}.profile-thumb,.profile-identity{display:block;width:180px;height:100%;min-height:320px;border-right:1px solid color-mix(in srgb,var(--river-mist) 22%,transparent)}.profile-thumb{object-fit:cover;object-position:center top}.profile-identity{display:grid;place-items:center;background:linear-gradient(145deg,var(--thames-teal),var(--thames-teal));color:var(--river);font:600 4rem var(--serif)}.profile-card-copy{display:flex;flex-direction:column;padding:1.6rem}.profile-card .type{color:var(--thames-teal);font:600 .68rem var(--mono);letter-spacing:.045em;text-transform:uppercase}.profile-card.character .type{color:var(--river)}.profile-card h3{font:600 2rem/1.05 var(--serif);margin:.45rem 0 .7rem}.profile-card p{margin:0 0 1.2rem;color:var(--thames-teal)}.profile-card.character p{color:var(--mist)}.card-facts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--thames-teal) 32%,transparent);font-size:.82rem}.profile-card.character .card-facts{border-color:color-mix(in srgb,var(--river-mist) 19%,transparent);color:var(--paper)}.open-file{display:flex;justify-content:space-between;margin-top:1.25rem;color:var(--thames-teal);font:600 .72rem var(--mono);letter-spacing:.04em;text-transform:uppercase}.profile-card.character .open-file{color:var(--river)}.open-file i{font-style:normal;transition:transform .18s}.profile-card:hover .open-file i{transform:translateX(4px)}
.profile-empty{padding:4rem;text-align:center;border:1px solid var(--line);background:var(--paper)}.profile-empty h3{font:600 2.3rem var(--serif);margin:0}.profile-empty button{background:var(--thames-teal)}.profile-note{max-width:900px;margin:6rem auto 0;padding:2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.profile-note p:last-child{color:var(--thames-teal)}
.profile-hero{min-height:78vh;padding:9rem clamp(1.2rem,8vw,8rem) 5rem;background:var(--thames-teal);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.profile-art{min-height:520px;background:var(--art) center/cover;border:1px solid color-mix(in srgb,var(--river-mist) 30%,transparent);position:relative}.profile-art.placeholder{display:grid;place-items:center;background:linear-gradient(145deg,var(--thames-teal),var(--thames-teal))}.profile-art.placeholder span{font:600 clamp(6rem,15vw,12rem) var(--serif);color:var(--river);opacity:.8}.profile-art small{position:absolute;bottom:1rem;left:1rem;background:var(--thames-teal);padding:.4rem .6rem;font:.7rem var(--mono);text-transform:uppercase}.profile-copy .role{font:.75rem var(--mono);text-transform:uppercase;color:var(--river)}.profile-copy .standfirst{font-size:1.15rem;color:var(--mist)}.profile-body{padding:5rem clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:1.3fr .7fr;gap:7vw}.profile-body h2{font:600 2.6rem var(--serif)}.profile-body p{font-size:1.06rem}.profile-facts{background:var(--paper);padding:2rem;align-self:start}.profile-facts span{display:block;font:.875rem var(--mono);text-transform:uppercase;color:var(--thames-teal);margin-top:1.2rem}.profile-facts a{color:var(--thames-teal)}.related{padding:4rem clamp(1.2rem,8vw,8rem);background:var(--thames-teal);color:var(--paper)}.related h2{font:600 2.7rem var(--serif)}.related-links{display:flex;flex-wrap:wrap;gap:.7rem}.related-links a{color:var(--river);border:1px solid var(--thames-teal);padding:.7rem 1rem;text-decoration:none}
@media(max-width:1050px){.profile-grid{grid-template-columns:1fr}.directory-tools{position:static}.featured-profile{grid-template-columns:minmax(220px,.8fr) 1.2fr}}@media(max-width:760px){.profiles-page .breadcrumbs{padding-top:5.5rem}.profiles-hero{min-height:390px;padding-top:4.5rem}.featured-profile{grid-template-columns:1fr}.featured-profile img{height:360px;min-height:0;object-position:center 20%}.featured-profile dl{grid-template-columns:1fr}.directory-heading,.group-heading{grid-template-columns:1fr;gap:.75rem}.profile-search{grid-template-columns:1fr;gap:.5rem}.profile-filters{display:grid;grid-template-columns:1fr 1fr}.profile-card{grid-template-columns:120px 1fr;min-height:300px}.profile-thumb,.profile-identity{width:120px;min-height:300px}.profile-identity{font-size:2.8rem}.profile-card-copy{padding:1.25rem}.card-facts{grid-template-columns:1fr}.profile-hero,.profile-body{grid-template-columns:1fr}.profile-art{min-height:420px}}@media(max-width:480px){.profile-card{grid-template-columns:96px 1fr}.profile-thumb,.profile-identity{width:96px}.profile-card h3{font-size:1.65rem}.profile-card p{font-size:.92rem}.profile-filters{grid-template-columns:1fr}.featured-profile>div{padding:1.6rem}.profile-art{min-height:320px}.profiles-hero h1,.profile-copy h1{font-size:clamp(3.2rem,16vw,4.7rem)}}@media(prefers-reduced-motion:reduce){.profile-card,.open-file i{transition:none}}
.creator-tier .comic-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comic-creator-grid .profile-card{grid-template-columns:150px 1fr}.comic-creator-grid .profile-identity{width:150px}@media(max-width:1150px){.creator-tier .comic-creator-grid{grid-template-columns:1fr}}@media(max-width:760px){.comic-creator-grid .profile-card{grid-template-columns:120px 1fr}.comic-creator-grid .profile-identity{width:120px}}
.creators-group{padding-top:1rem}.creator-tier{display:grid;grid-template-columns:minmax(230px,.42fr) 1fr;gap:2rem;padding:2.5rem 0;border-bottom:1px solid var(--line)}.tier-heading span{color:var(--thames-teal);font:600 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.tier-heading h4{font:600 clamp(2rem,4vw,3.5rem)/.98 var(--serif);margin:.45rem 0 .75rem}.tier-heading p{color:var(--thames-teal);max-width:390px}.creator-tier .profile-grid{grid-template-columns:1fr;border-top:1px solid var(--line)}.star-grid .profile-card{background:var(--thames-teal);color:var(--paper);grid-template-columns:220px 1fr;min-height:370px}.star-grid .profile-identity{width:220px;min-height:370px;background:linear-gradient(145deg,var(--thames-teal),var(--thames-teal));font-size:5.5rem}.star-grid .profile-card p{color:var(--paper)}.star-grid .profile-card .type,.star-grid .open-file{color:var(--river)}.star-grid .card-facts{color:var(--paper);border-color:color-mix(in srgb,var(--river-mist) 20%,transparent)}.principal-grid .profile-card{border-left:5px solid var(--river);background:var(--paper)}.principal-grid .profile-identity{background:linear-gradient(145deg,var(--thames-teal),var(--thames-teal));color:var(--paper)}.supporting-tier{border-bottom:0}.supporting-tier .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1050px){.creator-tier{grid-template-columns:1fr}.supporting-tier .profile-grid{grid-template-columns:1fr}}@media(max-width:760px){.star-grid .profile-card{grid-template-columns:120px 1fr;min-height:300px}.star-grid .profile-identity{width:120px;min-height:300px;font-size:2.8rem}}

/* Give each profile its own framed panel while retaining the existing surfaces. */
.profiles-page .profile-grid{gap:1rem;background:transparent;border:0}
.profiles-page .profile-card{border:2px solid var(--thames-teal);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--thames-teal) 12%,transparent);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.profiles-page .profile-card:hover,.profiles-page .profile-card:focus-visible{border-color:var(--thames-teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--thames-teal) 16%,transparent)}
.profiles-page .star-grid .profile-card{border-color:var(--thames-teal)}
.profiles-page .star-grid .profile-card:hover,.profiles-page .star-grid .profile-card:focus-visible{border-color:var(--river)}
.profiles-page .principal-grid .profile-card{border-left-width:5px}
.profiles-page .featured-profile{border:2px solid var(--thames-teal)}
@media(prefers-reduced-motion:reduce){.profiles-page .profile-card{transition:none}}

.profile-depth{padding:3rem clamp(1.2rem,8vw,8rem);background:var(--paper)}.profile-depth h2{font:600 clamp(2rem,4vw,3rem) var(--serif)}.profile-clearance{display:flex;gap:1rem;align-items:center;margin:1.5rem 0}.profile-clearance select{min-height:44px;padding:.5rem}.profile-depth details{border-top:1px solid var(--line);padding:1.1rem 0;max-width:850px}.profile-depth details[hidden]{display:none}.profile-depth summary{cursor:pointer;font-weight:700}.profile-depth details p{line-height:1.7}.profile-citation{font-size:.875rem}.profile-depth .retailer-pending{display:grid;gap:.5rem}.profile-depth .retailer-action{border:1px solid currentColor;padding:.75rem;display:inline-block}.profile-depth .retailer-pending>small{overflow-wrap:anywhere}

.profile-art>img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center 25%}

.profile-art.real-photo small{font-size:.82rem;line-height:1.5;text-transform:none;right:1rem;max-width:calc(100% - 2rem);overflow-wrap:anywhere}.profile-art.real-photo small a{color:var(--river-mist)}.profile-art.real-photo small a:focus-visible{outline:2px solid var(--paper);outline-offset:3px}

.portrait-source-link a{color:var(--river-mist);text-underline-offset:.2em}.portrait-source-link a:focus-visible{outline:2px solid var(--paper);outline-offset:3px}

/* Profile directory: names belong on their cards, and the licensed photos keep their full frame. */
.profiles-page .profile-index{padding-top:clamp(2.5rem,5vw,4.5rem)}
.profiles-page .creator-tier{display:block;padding:2.5rem 0 3.5rem}
.profiles-page .tier-heading{display:grid;grid-template-columns:minmax(200px,.45fr) 1fr;gap:1.5rem;align-items:end;margin-bottom:1.5rem}
.profiles-page .tier-heading h4{margin:.35rem 0 0}
.profiles-page .tier-heading p{margin:0;max-width:560px}
.profiles-page .creator-tier .profile-grid{border:0}
.profiles-page .star-grid .profile-card{grid-template-columns:minmax(260px,36%) 1fr;min-height:370px}
.profiles-page .star-grid .profile-thumb{width:100%;height:370px;min-height:0;object-fit:contain;object-position:center;background:var(--thames-teal)}
.profiles-page .comic-creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.profiles-page .comic-creator-grid .profile-card{display:flex;flex-direction:column;min-height:0}
.profiles-page .comic-creator-grid .profile-thumb{width:100%;height:310px;min-height:0;object-fit:contain;object-position:center;background:var(--thames-teal);border-right:0;border-bottom:1px solid color-mix(in srgb,var(--river-mist) 22%,transparent)}
.profiles-page .comic-creator-grid .profile-card-copy{flex:1}
.profiles-page .principal-grid .profile-card{grid-template-columns:180px 1fr;min-height:250px}
.profiles-page .principal-grid .profile-identity{width:180px;min-height:250px}
.profiles-page .supporting-tier .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.profiles-page .supporting-tier .profile-card{grid-template-columns:110px 1fr;min-height:280px}
.profiles-page .supporting-tier .profile-identity{width:110px;min-height:280px;font-size:3rem}
@media(max-width:950px){.profiles-page .comic-creator-grid,.profiles-page .supporting-tier .profile-grid{grid-template-columns:1fr}.profiles-page .comic-creator-grid .profile-card{display:grid;grid-template-columns:minmax(190px,38%) 1fr}.profiles-page .comic-creator-grid .profile-thumb{height:100%;min-height:310px;border-bottom:0;border-right:1px solid color-mix(in srgb,var(--river-mist) 22%,transparent)}}
@media(max-width:650px){.profiles-page .tier-heading{grid-template-columns:1fr;gap:.6rem}.profiles-page .star-grid .profile-card,.profiles-page .comic-creator-grid .profile-card{display:flex;flex-direction:column}.profiles-page .star-grid .profile-thumb,.profiles-page .comic-creator-grid .profile-thumb{height:340px;min-height:0;width:100%;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--river-mist) 22%,transparent)}.profiles-page .profile-card-copy{padding:1.3rem}.profiles-page .principal-grid .profile-card{grid-template-columns:120px 1fr}.profiles-page .principal-grid .profile-identity{width:120px}}
@media(max-width:390px){.profiles-page .principal-grid .profile-card,.profiles-page .supporting-tier .profile-card{grid-template-columns:90px 1fr}.profiles-page .principal-grid .profile-identity,.profiles-page .supporting-tier .profile-identity{width:90px}.profiles-page .profile-card h3{font-size:1.5rem}}
@media(max-width:600px){
  .detail-body .world-banner{height:110px;margin-top:64px}
  .detail-body .breadcrumbs{padding:1rem 1.2rem;margin:0}
  .profile-hero{min-height:0;padding:1.2rem;gap:1.2rem;align-items:start}
  .profile-hero .profile-copy{order:-1}
  .profile-hero .profile-art{min-height:0;height:auto;max-height:440px;overflow:hidden}
  .profile-hero .profile-art>img{height:auto;min-height:0;max-height:440px;object-fit:contain}
  .profile-copy h1{font-size:clamp(2.5rem,11vw,4rem);line-height:1.05}
}
.author-profile-link{padding:2rem clamp(1.2rem,8vw,8rem);background:var(--paper)}.author-profile-link h2{font:600 clamp(1.8rem,3vw,2.5rem) var(--serif);margin:0 0 .5rem}.author-profile-link a{color:var(--thames-teal);font-weight:700;text-underline-offset:.2em}

/* Long-form contributor dossiers */
.profile-feature{padding:clamp(3rem,7vw,6rem) clamp(1.2rem,8vw,8rem);background:var(--paper);color:var(--thames-teal)}
.profile-feature .feature-intro,.profile-feature .feature-prose{max-width:850px;margin-inline:auto}
.profile-feature .feature-intro{border-top:4px solid var(--thames-teal);padding-top:1.6rem;margin-bottom:3rem}
.profile-feature .feature-intro h2{font:600 clamp(2.4rem,5vw,4.2rem)/1.08 var(--serif);margin:.3rem 0 1.3rem}
.profile-feature .feature-intro p,.profile-feature .feature-prose p,.profile-feature li{font-size:1.06rem;line-height:1.75}
.profile-feature .feature-intro nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.profile-feature .feature-intro nav a{border:1px solid var(--thames-teal);padding:.45rem .75rem;text-decoration:none;font-size:.92rem}
.profile-feature a{color:var(--thames-teal);text-underline-offset:3px}
.profile-feature a:hover{color:var(--thames-teal);text-decoration:underline}
.profile-feature a:focus-visible{outline:3px solid var(--thames-teal);outline-offset:3px}
.profile-feature .feature-prose h3{font:600 clamp(1.8rem,3vw,2.45rem)/1.15 var(--serif);margin:3.1rem 0 1rem;scroll-margin-top:5rem}
.profile-feature .feature-prose p{margin:0 0 1.25rem}
.profile-feature .feature-links{padding-left:1.4rem}
.profile-feature .feature-links li{margin-bottom:.6rem}
.profile-feature .feature-method{border-top:1px solid var(--mist);padding-top:1.2rem;margin-top:2.4rem;font-size:.92rem!important}
.profile-andrew-cartmel .profile-hero{min-height:0;grid-template-columns:minmax(200px,330px) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);padding-block:7rem 3rem}
.profile-andrew-cartmel .profile-art{min-height:0;align-self:start;max-height:360px;overflow:hidden}
.profile-andrew-cartmel .profile-art>img{height:360px;min-height:0;object-fit:contain;object-position:center top;background:var(--thames-teal)}
@media(max-width:760px){.profile-andrew-cartmel .profile-hero{grid-template-columns:1fr;padding-top:6rem}.profile-andrew-cartmel .profile-art{max-width:330px;width:100%;max-height:360px}.profile-feature .feature-prose h3{margin-top:2.3rem}}
@media(max-width:600px){.profile-andrew-cartmel .profile-hero{padding-top:1.2rem}.profile-andrew-cartmel .profile-art,.profile-andrew-cartmel .profile-art>img{max-height:320px;height:auto}.profile-feature{padding-block:3rem}}

#profile-main .character-essay{max-width:850px;margin:auto;padding:3rem clamp(1.2rem,5vw,3rem) 5rem;border-top:3px solid var(--thames-teal)}
#profile-main .character-essay h2{font:600 clamp(2rem,4vw,3rem)/1.1 var(--serif);margin:0 0 1.5rem}
#profile-main .character-essay p{font-size:1.05rem;line-height:1.75;margin:0 0 1.3rem}
#profile-main .character-essay a{color:var(--thames-teal);text-underline-offset:3px}
#profile-main .character-essay .essay-source{border-top:1px solid var(--line);padding-top:1rem;font-size:.92rem}


/* source: ranked.css */
.ranked-page{max-width:1050px;margin:auto}.rank-list{list-style:none;padding:0;display:grid;gap:1.1rem}.rank-list article{padding:1.5rem 2rem;border:1px solid var(--thames-teal);border-radius:12px;background:var(--thames-teal)}.rank-list h2{font-size:1.7rem}.rank-list p{max-width:72ch;line-height:1.75}.rank{color:var(--lamp-glow);font-family:monospace}.rank-audio{margin-top:1rem}.ranked-page .page-hero{padding-bottom:2rem}@media(max-width:600px){.rank-list article{padding:1rem}}

/* source: read-next.css */
.read-next{max-width:1000px;margin:auto}.read-next .page-hero p{max-width:75ch;line-height:1.75}.recommendations{margin:2.5rem 0}.recommendations h2{font-size:2rem}.rec-card{border:1px solid var(--thames-teal);border-radius:12px;padding:1.5rem;margin:1rem 0;background:var(--thames-teal)}.rec-card h3{font-size:1.5rem}.rec-card p{line-height:1.7;max-width:75ch}.rec-facts{color:var(--paper)}.rec-source{font-size:.9rem}.rec-note{padding:1.5rem;border-left:3px solid var(--lamp-glow)}@media(max-width:600px){.read-next{padding-inline:1.2rem}.read-next section,.read-next .page-hero{padding-inline:0}.read-next p,.read-next li,.read-next h2,.read-next h3{overflow-wrap:anywhere}}


/* source: reference-details.css */
.reference-panel{max-width:1180px;margin:2rem auto;padding:clamp(1.25rem,4vw,3rem);background:var(--thames-teal);color:var(--paper);border:1px solid var(--thames-teal)}.reference-panel h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:.4em 0}.reference-panel p{font-size:1rem;line-height:1.7;max-width:80ch}.reference-panel a{color:var(--river-mist);text-underline-offset:.2em}.reference-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1.5rem}.reference-facts dt,.comic-guide dt{font-size:.875rem;opacity:.85}.reference-facts dd,.comic-guide dd{margin:.35rem 0 1rem;line-height:1.5;overflow-wrap:anywhere}.reference-short{margin-top:3rem}.reference-stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}.reference-stories details,.reference-panel details{padding:1rem;border:1px solid var(--thames-teal)}.reference-stories summary,.reference-panel summary{cursor:pointer;font-size:1rem;font-weight:700;line-height:1.5}.reference-stories p{line-height:1.65}.reference-stories summary:focus-visible,.reference-panel summary:focus-visible{outline:3px solid var(--thames-teal);outline-offset:5px}


/* source: reference-pages.css */
.reference-detail{max-width:920px;margin:auto;padding:var(--space-section) var(--gutter);min-height:0}.reference-detail h1{font:600 clamp(3rem,8vw,5.5rem)/1.06 var(--serif);margin:.4rem 0 1.5rem}.reference-detail .standfirst{font-size:1.25rem;line-height:1.6}.reference-detail section,.reference-detail details{border-top:1px solid var(--line);padding:1.5rem 0}.reference-detail h2{font:600 2rem var(--serif)}.reference-detail .breadcrumbs{margin:1rem 0 3rem}.reference-clearance{display:flex;gap:1rem;align-items:center;margin:2rem 0}.reference-clearance select{min-height:44px;padding:.5rem}.reference-detail details[hidden]{display:none}.reference-detail summary{cursor:pointer;font-weight:700}

.category-icon{display:flex;align-items:center;gap:.75rem}.category-icon img{flex:none}.universe-filters img{width:21px;height:21px;vertical-align:middle;margin-right:.35rem}

.reference-detail .character-essay{max-width:760px;margin:2.5rem auto 3rem;border-top:3px solid var(--thames-teal);padding-top:1rem}
.reference-detail .character-essay h2{font:600 clamp(2rem,4vw,3rem)/1.1 var(--serif)}
.reference-detail .character-essay p{font-size:1.05rem;line-height:1.75;margin:0 0 1.25rem}
.reference-detail .character-essay a{color:var(--thames-teal);text-underline-offset:3px}
.reference-detail .character-essay .essay-source{border-top:1px solid var(--line);padding-top:1rem;font-size:.92rem}


/* source: river-map/map.css */
.river-map-page .world-banner{display:none}.river-map-page main{max-width:1440px;margin:auto;padding:0 clamp(1rem,4vw,3.5rem) 3rem}.river-map-page .breadcrumbs{padding:1.5rem 0;margin:0}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:1rem 0 2rem}.map-heading h1{font-size:clamp(2.6rem,5vw,4.5rem);margin:.2em 0;line-height:1.1}.map-heading p{max-width:65ch;line-height:1.65}.map-text-link{white-space:nowrap;color:var(--river-mist)}.river-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:1rem;align-items:end;padding:1.25rem;background:var(--thames-teal);border:1px solid var(--thames-teal)}.river-filters label{display:grid;gap:.5rem;font-size:1rem;color:var(--paper)}.river-filters input,.river-filters select,.river-filters button,.river-card button{font:inherit;font-size:1rem;min-height:46px;border:1px solid var(--thames-teal);border-radius:3px;padding:.7rem;background:var(--thames-teal);color:var(--paper);width:100%}.river-filters button,.river-card button{background:var(--river-mist);color:var(--thames-teal);font-weight:700;cursor:pointer}.river-status{font-size:.9rem;line-height:1.5;color:var(--paper);margin:1rem 0}.river-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.25rem;align-items:start}.map-column{min-width:0}#london-river-map{height:560px;width:100%;background:var(--paper);border:1px solid var(--thames-teal);z-index:0}.river-map-page .leaflet-container{font:14px/1.4 Arial,sans-serif}.river-map-page .leaflet-control-attribution{color:var(--thames-teal);background:var(--paper);font-size:12px;max-width:95%}.river-map-page .leaflet-control-attribution a{color:var(--thames-teal)}.river-map-page .leaflet-bar a{color:var(--thames-teal);background:var(--paper)}.river-map-page .leaflet-tooltip{background:var(--paper);color:var(--thames-teal);border-color:var(--thames-teal);font-size:14px}.river-file{background:var(--thames-teal);padding:1.5rem;border:1px solid var(--thames-teal);min-width:0}.river-file h2{font-size:2rem;line-height:1.2;margin:.5em 0}.river-file h3{font-size:1.15rem;margin:1.5rem 0 .5rem}.river-file p,.river-card p{font-size:1rem;line-height:1.65}.river-file a,.river-card a,.map-method a{color:var(--river-mist);text-underline-offset:.2em}.river-file details{border-top:1px solid var(--thames-teal);margin-top:1rem;padding-top:1rem}.river-file summary{cursor:pointer;font-weight:700;line-height:1.6}.river-legend{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;margin:1rem 0;font-size:.875rem;line-height:1.5}.river-legend span{display:flex;align-items:center;gap:.5rem}.river-legend i{width:30px;border-top:4px solid var(--thames-teal);display:inline-block;flex-shrink:0}.river-legend .line-buried{border-top-style:dashed}.river-legend .line-historical{border-color:var(--mist);border-top-style:dotted}.river-legend .line-selected{border-color:var(--lamp-glow)}.map-caution{border-left:3px solid var(--lamp-glow);padding-left:1rem;color:var(--paper);font-size:.9rem;line-height:1.65}.river-directory{padding:3rem 0}.directory-heading p{max-width:75ch;line-height:1.6}.river-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.river-card{padding:1.25rem;background:var(--thames-teal);border:1px solid var(--thames-teal);display:flex;flex-direction:column;align-items:start}.river-card h3{font-size:1.4rem;margin:.6em 0}.river-card .river-tag,.river-file .river-tag{font-size:.875rem;color:var(--river-mist)}.river-card button{margin-top:auto}.river-card[aria-current=true]{border-color:var(--lamp-glow)}.river-card p{margin:.5em 0 1em}.river-map-page :focus-visible{outline:3px solid var(--lamp-glow);outline-offset:4px}.map-method{border-top:1px solid var(--thames-teal);padding-top:2rem;max-width:95ch}.map-method p{font-size:1rem;line-height:1.7}.river-map-page [hidden]{display:none!important}@media(max-width:1000px){.river-filters{grid-template-columns:1fr 1fr}.river-workspace{grid-template-columns:1fr}.river-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.river-file{min-height:0}#london-river-map{height:440px}}@media(max-width:600px){.map-heading{display:block}.map-heading h1{font-size:2.8rem}.river-filters{grid-template-columns:1fr}.river-cards{grid-template-columns:1fr}#london-river-map{height:380px}.river-map-page main{padding-left:1rem;padding-right:1rem}.river-file{padding:1.1rem}}
.river-filters.reading-controls{grid-template-columns:1fr 1fr;margin-top:1rem}.river-filters select:disabled{opacity:.65;cursor:not-allowed}#family-guide ul{padding-left:1.2rem;line-height:1.8}#family-guide li{margin-bottom:.7rem}@media(max-width:600px){.river-filters.reading-controls{grid-template-columns:1fr}}


/* source: search/search.css */
.search-page{background:var(--thames-teal);color:var(--paper)}.search-page .world-banner{display:none!important}.search-page main{max-width:1120px;margin:auto;padding:120px 24px 72px;min-height:0}.search-page h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.04}.search-page h2,.search-page h3{color:var(--paper)}.search-page p,.search-page label{color:var(--paper)}.search-page form{margin:32px 0;padding:clamp(20px,4vw,36px);background:var(--thames-teal);border:1px solid var(--thames-teal);border-radius:12px}.search-page form>label{display:block;font-weight:700;margin-bottom:8px}.search-controls{display:grid;grid-template-columns:1fr auto;gap:10px}.search-page input,.search-page select,.search-page button{font:inherit;min-height:48px;border-radius:6px}.search-page input,.search-page select{background:var(--paper);color:var(--thames-teal);border:2px solid var(--thames-teal);padding:10px 12px}.search-page button{background:var(--river-mist);color:var(--thames-teal);border:2px solid transparent;padding:10px 18px;font-weight:700;cursor:pointer}.search-options{display:flex;align-items:center;gap:12px;margin-top:16px}.search-options select{min-width:240px}.search-page :focus-visible{outline:3px solid var(--lamp-glow);outline-offset:4px}.result-group{margin:36px 0}.result-group>h2{border-bottom:1px solid var(--thames-teal);padding-bottom:10px}.search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px 0;border-bottom:1px solid var(--thames-teal)}.search-result h3{margin:0 0 6px}.search-result p{margin:4px 0;max-width:72ch}.search-result>a{color:var(--river-mist);align-self:center}.result-tag{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--lamp-glow)}.quick-searches{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.quick-searches button{background:transparent;border-color:var(--river-mist);color:var(--river-mist)}.search-page a{color:var(--river-mist)}.search-empty{padding:28px;background:var(--thames-teal);border-left:4px solid var(--lamp-glow)}@media(max-width:640px){.search-page main{padding-top:96px}.search-controls{grid-template-columns:1fr}.search-options{align-items:flex-start;flex-direction:column}.search-options select{width:100%;min-width:0}.search-result{grid-template-columns:1fr}.search-result>a{min-height:44px;display:inline-flex;align-items:center}}


/* source: section-pages.css */
.section-page{padding-top:80px}
.section-page>.breadcrumbs{padding-top:2rem}
.page-hero{padding:var(--space-section) var(--gutter);background:var(--thames-teal);color:var(--paper)}
.page-hero h1{max-width:1000px;margin:.4rem 0;font:600 clamp(3.8rem,8vw,7.2rem)/.9 var(--serif);letter-spacing:-.05em}
.page-hero h1 em{color:var(--river)}
.page-hero>p:last-child{max-width:720px;color:var(--mist);font-size:1.08rem}
.page-body{padding:var(--space-section) var(--gutter)}
.page-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.page-actions .button{color:var(--text);border-color:var(--thames-teal)}
.page-actions .primary{color:var(--ink)}
.page-note{margin:2rem 0 0;padding:1rem 1.2rem;border-left:3px solid var(--river);background:var(--paper)}
.updates-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1px;background:var(--line)}
.updates-grid article{padding:clamp(1.6rem,4vw,3rem);background:var(--paper)}
.updates-grid article:first-child{grid-row:span 2}
.updates-grid article:nth-child(4){grid-column:1/-1}
.updates-grid h2{font:600 clamp(2rem,4vw,3.8rem)/1 var(--serif);margin:.5rem 0}
.updates-grid .status-label{font:.72rem var(--mono);text-transform:uppercase;color:var(--thames-teal)}
.updates-grid a{color:var(--thames-teal);font-weight:700}
.source-row{margin-top:var(--space-block);display:flex;gap:1rem;flex-wrap:wrap}
.source-row a{padding:.75rem 1rem;border:1px solid var(--line);color:var(--text)}
.standalone-orders{padding-top:4rem}
.standalone-orders .section-number{margin-bottom:var(--space-block)}
.standalone-selector .selector-grid{margin-top:2rem}
.standalone-selector h2{font:600 clamp(2.7rem,5vw,4.8rem)/1 var(--serif);letter-spacing:-.035em;margin:.4rem 0 1.2rem}
.standalone-guide .guide-grid{color:var(--mist)}
@media(max-width:800px){.section-page{padding-top:68px}.updates-grid{grid-template-columns:1fr}.updates-grid article:first-child{grid-row:auto}.updates-grid article:nth-child(4){grid-column:auto}}


/* source: universe.css */
.universe-page{background:var(--paper)}.universe-page .world-banner{display:none}.universe-page .breadcrumbs{padding-top:6.5rem;background:var(--thames-teal);color:var(--mist)}.universe-page .breadcrumbs a{color:var(--river)}.universe-page .page-context{margin:0;background:var(--thames-teal);border-color:color-mix(in srgb,var(--river-mist) 22%,transparent);color:var(--mist)}
.universe-hero{min-height:580px;padding:clamp(5rem,9vw,8rem) clamp(1.2rem,8vw,8rem) clamp(3.5rem,6vw,5rem);display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:end;background:var(--thames-teal);color:var(--paper)}.universe-hero>div{max-width:800px}.universe-hero h1{font:600 clamp(4rem,8vw,7.3rem)/.88 var(--serif);letter-spacing:-.05em;margin:.45rem 0 1.2rem}.universe-hero h1 em{color:var(--river)}.universe-hero p:not(.eyebrow){max-width:720px;color:var(--paper);font-size:1.08rem}.universe-hero a{display:inline-flex;gap:.8rem;margin-top:1rem;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--river-mist) 55%,transparent);color:var(--river);font:600 .75rem var(--mono);letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.universe-hero a:hover{background:var(--river);color:var(--thames-teal)}.universe-hero dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:color-mix(in srgb,var(--river-mist) 28%,transparent);backdrop-filter:blur(10px)}.universe-hero dl div{min-width:125px;padding:1.1rem;background:color-mix(in srgb,var(--thames-teal) 78%,transparent)}.universe-hero dt{font:600 2.1rem var(--serif);color:var(--river)}.universe-hero dd{margin:.2rem 0 0;color:var(--mist);font:.65rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.world-primer{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem);background:var(--thames-teal);color:var(--paper)}.primer-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:end;margin-bottom:3rem}.primer-heading h2{font:600 clamp(3rem,6vw,5.5rem)/.95 var(--serif);margin:.3rem 0}.primer-heading>p{color:var(--mist)}.primer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--thames-teal);border:1px solid var(--thames-teal)}.primer-grid article{min-height:290px;padding:1.6rem;background:var(--thames-teal)}.primer-grid span{color:var(--river);font:500 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.primer-grid h3{font:600 1.85rem/1.05 var(--serif);margin:1.2rem 0}.primer-grid p{color:var(--mist);font-size:.95rem}
.universe-explorer{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem)}.explorer-heading{display:grid;grid-template-columns:1fr minmax(300px,500px);gap:4rem;align-items:end}.explorer-heading h2{font:600 clamp(3rem,6vw,5.5rem)/.95 var(--serif);margin:.3rem 0}.explorer-heading>p{color:var(--thames-teal);font-size:1.05rem}.universe-controls{position:static;top:70px;z-index:5;display:grid;grid-template-columns:1fr auto;gap:1.2rem;align-items:end;margin:2.8rem 0 1rem;padding:1.1rem;background:var(--thames-teal);color:var(--paper);box-shadow:0 14px 35px color-mix(in srgb,var(--thames-teal) 14%,transparent)}.universe-controls label span{display:block;margin-bottom:.45rem;color:var(--mist);font:500 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.universe-controls input{width:100%;min-height:46px;padding:.7rem .9rem;border:1px solid var(--thames-teal);background:var(--thames-teal);color:var(--paper);font:inherit}.universe-controls input::placeholder{color:var(--mist)}.universe-filters{display:flex;flex-wrap:wrap;gap:.45rem}.universe-filters button,.universe-empty button{min-height:46px;padding:.65rem .9rem;border:1px solid var(--thames-teal);background:transparent;color:var(--paper);font-weight:700;cursor:pointer}.universe-filters button:hover,.universe-filters button[aria-pressed=true],.universe-empty button:hover{border-color:var(--river);background:var(--river);color:var(--thames-teal)}.universe-status{margin:0 0 2.5rem;color:var(--thames-teal);font:500 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.record-section{margin-bottom:5rem}.record-heading{display:grid;grid-template-columns:minmax(250px,.8fr) 1fr;gap:3rem;align-items:end;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.record-heading span{color:var(--thames-teal);font:600 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.record-heading h3{font:600 clamp(2.3rem,4vw,3.7rem)/1 var(--serif);margin:.35rem 0 0}.record-heading p{margin:0;color:var(--thames-teal)}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-top:0}.record-card{min-height:270px;padding:1.5rem;display:flex;flex-direction:column;background:var(--paper)}.record-card:hover{background:var(--paper)}.record-card .type{color:var(--thames-teal);font:600 .68rem var(--mono);letter-spacing:.07em;text-transform:uppercase}.record-card h4{font:600 1.8rem/1.05 var(--serif);margin:.75rem 0}.record-card p{margin:0 0 1.5rem;color:var(--thames-teal)}.record-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--thames-teal) 28%,transparent);color:var(--thames-teal);font-size:.78rem}.record-meta a{color:var(--thames-teal);font-weight:700;text-align:right}.universe-empty{padding:4rem;text-align:center;background:var(--paper)}.universe-empty h3{font:600 2.5rem var(--serif);margin:0}.universe-empty button{background:var(--thames-teal)}
.record-card .record-deep-link,.record-card .record-source{margin:-.35rem 0 1.35rem;font-size:.86rem}.record-deep-link a,.record-source a{color:var(--thames-teal);font-weight:700;text-underline-offset:3px}.record-deep-link a:focus-visible,.record-source a:focus-visible{outline:3px solid var(--thames-teal);outline-offset:4px}
.canon-route{padding:clamp(4rem,7vw,6rem) clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:var(--paper)}.canon-route h2{font:600 clamp(3rem,5vw,5rem)/.96 var(--serif);margin:.35rem 0}.canon-route>div:last-child{max-width:720px}.canon-route a{color:var(--thames-teal);font-weight:700;text-underline-offset:4px}.source-panel{padding:2.2rem clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;background:var(--thames-teal);color:var(--paper);border-left:5px solid var(--river)}.source-panel strong{color:var(--paper)}.source-panel p{max-width:820px}.source-panel>div:last-child{display:flex;flex-direction:column;gap:.7rem}.source-panel a{color:var(--river);font-weight:700}
@media(max-width:1050px){.universe-hero{grid-template-columns:1fr}.universe-hero dl{justify-self:start}.primer-grid{grid-template-columns:1fr 1fr}.record-grid{grid-template-columns:1fr 1fr}.universe-controls{position:static;grid-template-columns:1fr}.source-panel{grid-template-columns:1fr}.canon-route{grid-template-columns:1fr}}
@media(max-width:700px){.universe-page .breadcrumbs{padding-top:5.5rem}.universe-hero{min-height:520px;padding-top:4.5rem}.universe-hero dl{width:100%;grid-template-columns:repeat(3,1fr)}.universe-hero dl div{min-width:0}.primer-heading,.explorer-heading,.record-heading{grid-template-columns:1fr;gap:.8rem}.primer-grid,.record-grid{grid-template-columns:1fr}.universe-filters{display:grid;grid-template-columns:1fr 1fr}.record-card{min-height:230px}}
@media(max-width:440px){.universe-hero h1{font-size:3.5rem}.universe-hero dl{grid-template-columns:1fr}.universe-filters{grid-template-columns:1fr}}
.record-card{min-height:390px;padding:0;overflow:hidden}.record-art{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;flex:0 0 auto;transition:transform .35s ease,filter .35s ease}.record-card:hover .record-art{transform:scale(1.025);filter:saturate(1.08)}.record-card-copy{position:relative;background:inherit;padding:1.35rem;display:flex;flex:1;flex-direction:column}@media(max-width:700px){.record-card{min-height:360px}.record-art{aspect-ratio:2/1}}

.universe-quick{max-width:1200px;margin:3rem auto;padding:2rem;border:1px solid var(--thames-teal);border-radius:16px;background:var(--thames-teal)}.universe-quick h2{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.2rem)}.guide-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.guide-tabs button{cursor:pointer;border:1px solid var(--thames-teal);border-radius:50px;padding:.7rem 1.2rem;background:transparent;color:var(--paper)}.guide-tabs button[aria-selected="true"]{background:var(--paper);color:var(--thames-teal)}.guide-tabs button:focus-visible{outline:3px solid var(--lamp-glow);outline-offset:3px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1rem}.guide-grid article{border:1px solid var(--thames-teal);border-radius:10px;padding:1rem}.guide-grid h3{margin:.1rem 0 .6rem}.guide-grid p{line-height:1.5}@media(max-width:650px){.universe-quick{margin:2rem 1rem}}

/* Separate world entries with visible frames instead of shared grid lines. */
.universe-page .record-grid{gap:1rem;background:transparent;border:0}
.universe-page .record-card{border:2px solid var(--thames-teal);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--thames-teal) 12%,transparent);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.universe-page .record-card:hover,.universe-page .record-card:focus-within{border-color:var(--thames-teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--thames-teal) 16%,transparent)}
.universe-page .record-art{border-bottom:1px solid var(--thames-teal)}
@media(prefers-reduced-motion:reduce){.universe-page .record-card{transition:none}}

.universe-filters img{width:20px;height:20px;vertical-align:middle;margin-right:.35rem}

#quick-lookup{color:var(--paper)}#quick-lookup h2,#quick-lookup h3,#quick-lookup label{color:var(--paper)}

/* Give the illustrated character files room to be seen. */
.universe-page .record-section:has(#records-characters) .record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.universe-page .character-card .record-art{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;background:var(--thames-teal)}
.universe-page .portrait-card .record-art{height:clamp(300px,29vw,380px);aspect-ratio:auto;object-fit:contain}
.universe-page .character-card{min-height:0}
.universe-page .character-card .record-card-copy{padding:1.55rem}
@media(max-width:700px){.universe-page .record-section:has(#records-characters) .record-grid{grid-template-columns:1fr}.universe-page .portrait-card .record-art{height:min(85vw,380px)}}

/* Character portraits were made close to square; keep the whole illustration visible. */
.universe-page #characters .record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.25rem}
.universe-page #characters .record-card{min-width:0;min-height:0;background:var(--paper)}
.universe-page #characters .record-art,
.universe-page #characters .portrait-card .record-art{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center;background:var(--thames-teal)}
.universe-page #characters .record-card-copy{padding:1.5rem;gap:.35rem}
.universe-page #characters .record-card-copy h4{margin:.2rem 0;font-size:clamp(1.6rem,2.3vw,2.15rem)}
.universe-page #characters .record-card-copy p{margin:.25rem 0 1rem}
.universe-page #characters .record-meta{margin-top:auto}
.universe-page #characters{scroll-margin-top:7rem}
@media(max-width:700px){.universe-page #characters .record-grid{grid-template-columns:1fr;gap:1.25rem}.universe-page #characters .record-art,.universe-page #characters .portrait-card .record-art{aspect-ratio:1 / 1}}


/* source: walk.css */
.walk-page{max-width:960px;margin:auto}.walk-page section{margin:2.5rem 0}.walk-page h2{font-size:2rem}.walk-page p{max-width:76ch;line-height:1.8}.walk-stop{border-left:3px solid var(--lamp-glow);padding:.2rem 1.5rem;margin:1.3rem 0;background:var(--thames-teal)}.walk-stop h3{font-size:1.5rem}.walk-page a:focus-visible{outline:3px solid var(--lamp-glow);outline-offset:3px}
.walk-map{margin:2rem 0}.walk-map img{width:100%;height:auto;border-radius:12px}.walk-map figcaption{font-size:.9rem;line-height:1.6}.walk-map-text ol{padding-left:1.5rem;line-height:1.8}.walk-map-text li{margin:.7rem 0}

.walk-stop{color:var(--paper)}.walk-stop h3{color:var(--paper)}.walk-stop a{color:var(--lamp-glow)}
@media(max-width:600px){.walk-page{padding-inline:1.2rem}.walk-page section,.walk-page .page-hero{padding-inline:0}.walk-stop{padding-inline:1.2rem}.walk-page p,.walk-page li,.walk-page h2,.walk-page h3{overflow-wrap:anywhere}}


/* source: brand.css */
.brand {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
}

.brand-duck {
  width: 52px;
  height: 52px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 4px 10px color-mix(in srgb,var(--ink) 34%,transparent));
  transition: transform .25s ease;
}

.brand:hover .brand-duck,
.brand:focus-visible .brand-duck {
  transform: rotate(-5deg) translateY(-2px);
}

.brand .brand-name {
  color: var(--paper);
  font-size: .82rem;
  white-space: nowrap;
}

footer {
  position: relative;
}

.footer-duck {
  width: clamp(128px, 14vw, 190px);
  height: auto;
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 24px color-mix(in srgb,var(--ink) 32%,transparent));
}

@media (max-width: 680px) {
  .brand-duck {
    width: 44px;
    height: 44px;
  }

  .footer-duck {
    width: 136px;
    margin-inline: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-duck {
    transition: none;
  }
}

.publisher-mark {
  display: grid;
  grid-template-columns: 112px minmax(170px, 1fr);
  gap: 1rem;
  align-items: center;
  min-width: 330px;
  padding: 1rem;
  border: 1px solid color-mix(in srgb,var(--river-mist) 22%,transparent);
  background: var(--thames-teal);
  text-align: left;
}

.publisher-logo { display: block; background: var(--paper); line-height: 0; }
.publisher-logo img { display: block; width: 112px; height: auto; }
.publisher-mark div { display: flex; flex-direction: column; align-items: flex-start; }
.publisher-mark span { color: var(--mist); font: 500 .65rem var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.publisher-mark div > a { color: var(--paper); font-weight: 700; text-decoration: none; }
.publisher-mark div > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.publisher-mark small { margin-top: .25rem; color: var(--mist); font-size: .7rem; line-height: 1.45; }

@media (max-width: 900px) {
  footer { flex-wrap: wrap; }
  .publisher-mark { order: 3; width: 100%; }
}

@media (max-width: 480px) {
  .publisher-mark { grid-template-columns: 88px 1fr; min-width: 0; }
  .publisher-logo img { width: 88px; }
}


/* source: reflow.css */
.site-header { height: 80px; }
.global-menu { display: flex; align-items: center; gap: clamp(.8rem, 2vw, 1.7rem); }
.global-menu a { color: var(--paper); text-decoration: none; font: 500 .72rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.global-menu a:hover,.global-menu a:focus-visible,.global-menu a[aria-current="page"] { color: var(--river); }
.menu-more { position: relative; }
.menu-more summary { list-style: none; color: var(--paper); cursor: pointer; font: 500 .72rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.menu-more summary::-webkit-details-marker { display: none; }
.menu-more summary::after { content: " +"; color: var(--river); }
.menu-more[open] summary::after { content: " −"; }
.menu-more div { position: absolute; right: 0; top: 2rem; min-width: 190px; padding: .6rem; background: var(--thames-teal); border: 1px solid color-mix(in srgb,var(--river-mist) 35%,transparent); box-shadow: 0 18px 45px color-mix(in srgb,var(--ink) 35%,transparent); }
.menu-more div a { display: block; padding: .7rem .8rem; }

.hero-reflow { min-height: auto; padding-top: clamp(4rem,6vw,6rem); padding-bottom: clamp(2.5rem,4vw,4rem); }
.hero-reflow .hero-copy { max-width: 1020px; }
.hero-reflow h1 { font-size: clamp(3.6rem, 8vw, 7.2rem); }
.hero-reflow .lede { max-width: 760px; }
.pathways { position: relative; background: var(--paper); padding: var(--space-section) var(--gutter); }
.pathways-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: var(--space-block); align-items: start; margin-bottom: var(--space-block); }
.pathways-head h2 { font: 600 clamp(2.5rem,5vw,4.5rem)/1 var(--serif); letter-spacing: -.035em; margin: 0; }
.pathways-head p:last-child { margin: 0; }
.pathway-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 1rem; }
.pathway-card { min-height: 300px; padding: 2rem; display: flex; flex-direction: column; justify-content: space-between; color: var(--text); text-decoration: none; background: color-mix(in srgb,var(--paper) 48%,transparent); border: 1px solid color-mix(in srgb,var(--thames-teal) 18%,transparent); transition: transform .2s ease,background .2s ease; }
.pathway-card:first-child { background: var(--deep); color: var(--paper); border-color: var(--deep); }
.pathway-card:hover,.pathway-card:focus-visible { transform: translateY(-4px); background: var(--paper); }
.pathway-card:first-child:hover,.pathway-card:first-child:focus-visible { background: var(--thames-teal); }
.pathway-card .route { font: 500 .72rem var(--mono); color: var(--river); text-transform: uppercase; letter-spacing: .1em; }
.pathway-card h3 { font: 600 clamp(1.8rem,3vw,2.7rem)/1.05 var(--serif); margin: 1rem 0; }
.pathway-card p { color: var(--thames-teal); }
.pathway-card:first-child p { color: var(--mist); }
.pathway-card strong { color: var(--text); }
.pathway-card:first-child strong { color: var(--river); }

.site-map { background: var(--ink); color: var(--paper); }
.site-map h2 { max-width: 700px; }
.site-map-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: var(--space-block); border-top: 1px solid color-mix(in srgb,var(--paper) 16%,transparent); border-left: 1px solid color-mix(in srgb,var(--paper) 16%,transparent); }
.site-map-grid a { min-height: 210px; padding: 1.6rem; color: var(--paper); text-decoration: none; border-right: 1px solid color-mix(in srgb,var(--paper) 16%,transparent); border-bottom: 1px solid color-mix(in srgb,var(--paper) 16%,transparent); }
.site-map-grid a:hover,.site-map-grid a:focus-visible { background: var(--thames-teal); }
.site-map-grid span { display: block; color: var(--river); font: .72rem var(--mono); text-transform: uppercase; letter-spacing: .09em; }
.site-map-grid h3 { margin: .8rem 0; font: 600 1.8rem var(--serif); }
.site-map-grid p { color: var(--mist); margin: 0; }

.essentials { background: var(--paper); }
.essentials-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); margin-top: var(--space-block); }
.essentials-grid article { background: var(--paper); padding: 2rem; }
.essentials-grid h3 { font: 600 1.8rem var(--serif); margin: .5rem 0 1rem; }
.essentials-grid a { color: var(--thames-teal); font-weight: 650; }

@media(max-width:900px){.pathway-grid{grid-template-columns:1fr 1fr}.pathway-card:first-child{grid-column:span 2}.site-map-grid,.essentials-grid{grid-template-columns:1fr 1fr}.global-menu>a:nth-of-type(3){display:none}}
@media(max-width:700px){.site-header{height:68px}.global-menu{display:none;position:absolute;top:68px;left:0;right:0;background:var(--thames-teal);padding:1.2rem;flex-direction:column;align-items:stretch}.global-menu.open{display:flex}.global-menu a{padding:.45rem}.menu-more div{position:static;box-shadow:none;margin-top:.5rem}.hero-reflow{padding-top:8.5rem}.pathways-head,.pathway-grid,.site-map-grid,.essentials-grid{grid-template-columns:1fr}.pathway-card:first-child{grid-column:auto}.pathway-card{min-height:240px}}


/* source: production.css */
:root { --focus: var(--lamp-glow); }
html { scroll-padding-top: 6rem; overflow-x: clip; }
:where([id]) { scroll-margin-top: 6rem; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; padding: 7.5rem clamp(1.2rem,8vw,8rem) 0; font: 500 .75rem var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--thames-teal); }
.breadcrumbs a { color: var(--thames-teal); text-underline-offset: 3px; }
.content-flags { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0; }
.content-flags span { padding: .35rem .6rem; border: 1px solid currentColor; color: var(--thames-teal); font: 500 .7rem var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.book-hero .content-flags span { color: var(--river); }
.page-context { padding: 1rem clamp(1.2rem,8vw,8rem); background: var(--paper); border-bottom: 1px solid var(--line); font: 500 .75rem var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--thames-teal); }
.next-steps { padding: clamp(3.5rem,6vw,5rem) clamp(1.2rem,8vw,8rem); background: var(--paper); }
.next-steps h2 { margin: 0 0 1.5rem; font: 600 clamp(2rem,4vw,3.6rem)/1 var(--serif); }
.next-steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); }
.next-steps-grid a { min-height: 150px; padding: 1.4rem; display: flex; flex-direction: column; justify-content: space-between; color: var(--text); text-decoration: none; background: var(--paper); font-weight: 650; }
.next-steps-grid a:hover,.next-steps-grid a:focus-visible { background: var(--paper); }
.next-steps-grid span { color: var(--thames-teal); font: .7rem var(--mono); text-transform: uppercase; letter-spacing: .07em; }
img { max-width: 100%; }
.book-meta { justify-content: flex-end; }
.book-view>.breadcrumbs { padding-top: 3rem; }
@media(max-width:700px){html{scroll-padding-top:5.25rem}:where([id]){scroll-margin-top:5.25rem}.breadcrumbs{padding-top:6rem}.book-view>.breadcrumbs{padding-top:2rem}.next-steps-grid{grid-template-columns:1fr}.global-menu a{min-height:44px;display:flex;align-items:center}.menu-more summary{min-height:44px;display:flex;align-items:center}}
.page-contents{margin:0;padding:0 clamp(1.2rem,8vw,8rem);background:var(--paper);border-bottom:1px solid color-mix(in srgb,var(--thames-teal) 20%,transparent)}
.page-contents summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;cursor:pointer;font-weight:700;list-style:none}
.page-contents summary::-webkit-details-marker{display:none}
.page-contents summary::after{content:'+';font:500 1.4rem var(--mono);color:var(--thames-teal)}
.page-contents[open] summary::after{content:'−'}
.page-contents summary span{font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--thames-teal);margin-left:auto}
.page-contents nav{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0 0 1.25rem;background:color-mix(in srgb,var(--thames-teal) 18%,transparent)}
.page-contents a{padding:.8rem 1rem;background:var(--paper);color:var(--thames-teal);text-decoration:none;font-size:.9rem;line-height:1.35}
.page-contents a:hover,.page-contents a:focus-visible{background:var(--paper);text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.page-contents nav{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.page-contents summary span{display:none}.page-contents nav{grid-template-columns:1fr}}


/* source: remediation.css */
/* One spacing scale, loaded after page styles on every HTML route. */
:root{
  --space-section:clamp(2.5rem,4vw,4rem);
  --space-section-tight:clamp(2rem,3vw,3rem);
  --space-block:clamp(1rem,2vw,1.5rem);
  --gutter:clamp(1rem,4vw,2.5rem);
  --content-max:1200px;
  --measure:68ch;
}
/* Page-scoped corrections from the release review. */
body[data-page="/"] .pathways-head > div > .kicker { color: var(--thames-teal) !important; }
body[data-page="/"] .pathway-card[href$="reading-order/"] > div > .route { color: var(--thames-teal) !important; }
body[data-page="/"] .pathway-card[href$="casebook/"] > div > .route { color: var(--thames-teal) !important; }
body[data-page="/"] #listen > .home-heading > div > .kicker { color: var(--thames-teal) !important; }
body[data-page="/"] #latest > .home-heading > div > .kicker { color: var(--thames-teal) !important; }
body[data-page="/"] .home-section:nth-child(6) > .home-heading > div > .kicker { color: var(--thames-teal) !important; }
body[data-page="/"] .fan-section > .kicker { color: var(--thames-teal) !important; }
body[data-page="/books/"] .route-intro > .kicker { color: var(--thames-teal) !important; }
body[data-page="/books/"] .catalogue-heading > div > .kicker { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(1) > .book-card-top > .book-year { color: var(--river-mist) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(2) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(2) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(2) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(3) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(3) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(3) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(4) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(4) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(4) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(5) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(5) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(5) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(6) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(6) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(6) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(7) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(7) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(7) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(8) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(8) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(8) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(9) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(9) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(9) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(10) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(10) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .main-book.book-card:nth-child(10) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(1) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(1) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(1) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(2) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(2) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(2) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(3) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(3) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(3) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(4) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(4) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(4) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(5) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(5) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(5) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(6) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(6) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(6) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(7) > .book-card-top > .book-year { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(7) > dl > div:nth-child(1) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .companion-book.book-card:nth-child(7) > dl > div:nth-child(2) > dt { color: var(--thames-teal) !important; }
body[data-page="/books/"] .graphic-buy > div:nth-child(1) > .kicker { color: var(--thames-teal) !important; }
body[data-page="/reading-order/"] span[aria-current="page"] { color: var(--thames-teal) !important; }
body[data-page="/profiles"] .directory-heading > div > .kicker { color: var(--thames-teal) !important; }
body[data-page="/profiles"] #profile-count { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="kobna-holdbrook-smith/"] > .profile-card-copy > .type { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="kobna-holdbrook-smith/"] > .profile-card-copy > .card-facts > span > b { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="shvorne-marks/"] > .profile-card-copy > .type { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="shvorne-marks/"] > .profile-card-copy > .card-facts > span > b { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="sam-peter-jackson/"] > .profile-card-copy > .type { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="sam-peter-jackson/"] > .profile-card-copy > .card-facts > span > b { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="penelope-rawlins/"] > .profile-card-copy > .type { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="penelope-rawlins/"] > .profile-card-copy > .card-facts > span > b { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="ensemble-guide/"] > .profile-card-copy > .type { color: var(--thames-teal) !important; }
body[data-page="/profiles"] a[href$="ensemble-guide/"] > .profile-card-copy > .card-facts > span > b { color: var(--thames-teal) !important; }
body[data-page="/profiles"] aside > .kicker { color: var(--thames-teal) !important; }
body[data-page="/profiles"] .next-steps > .kicker { color: var(--thames-teal) !important; }
body[data-page="/universe"] .explorer-heading > div > .kicker { color: var(--thames-teal) !important; }
body[data-page="/universe"] #universe-status { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(1) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(2) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(3) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(4) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(5) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(6) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(7) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(8) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(9) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(10) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(11) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-characters"] > .record-grid > .record-card:nth-child(12) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(1) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(2) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(3) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(4) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(5) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(6) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(7) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(8) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(9) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-places"] > .record-grid > .record-card:nth-child(10) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(1) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(2) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(3) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(4) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(5) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(6) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(7) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(8) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(9) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-magic"] > .record-grid > .record-card:nth-child(10) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(1) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(2) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(3) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(4) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(5) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(6) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(7) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(8) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(9) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(10) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(11) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] section[aria-labelledby="records-comics"] > .record-grid > .record-card:nth-child(12) > .record-card-copy > .record-meta > span { color: var(--thames-teal) !important; }
body[data-page="/universe"] .canon-route > div:nth-child(1) > .kicker { color: var(--thames-teal) !important; }
body[data-page="/universe"] .next-steps > .kicker { color: var(--thames-teal) !important; }
body[data-page="/legal"] span[aria-current="page"] { color: var(--thames-teal) !important; }
body[data-page="/legal"] .eyebrow { color: var(--thames-teal) !important; }
body[data-page="/legal"] .kicker { color: var(--thames-teal) !important; }

body.river-map-page{background:var(--thames-teal);color:var(--paper)}
.river-map-page main{padding-top:80px}
.river-map-page h1,.river-map-page h2,.river-map-page h3,.river-map-page p,.river-map-page li{color:var(--paper)}
.river-map-page .river-status,.river-map-page .map-caution{color:var(--paper)}
.river-map-page main a{color:var(--river-mist)}
.river-map-page .river-file,.river-map-page .river-card{color:var(--paper)}
.river-map-page .breadcrumbs{color:var(--mist)}
.river-map-page .leaflet-control a{color:var(--thames-teal)}
.river-map-page .leaflet-tooltip{color:var(--thames-teal)}
.river-map-page input::placeholder{color:var(--mist);opacity:1}
@media(max-width:700px){.river-map-page main{padding-top:68px}.global-menu.open>a:nth-of-type(3){display:block}}

.journey-page .journey-shelf-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}
.journey-page .journey-shelf-actions button{min-height:40px;padding:7px 12px;background:transparent;color:var(--river-mist);border-color:var(--thames-teal);font-size:.85rem}
.journey-page .journey-shelf-actions button:hover:not(:disabled){border-color:var(--river-mist)}
.journey-page .journey-shelf-actions button:last-of-type{color:var(--paper)}
.journey-page .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.static-directory{margin:3rem auto;max-width:1100px;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;border-top:1px solid var(--thames-teal)}.static-directory>h2{grid-column:1/-1}.static-directory ul{columns:2;list-style:none;padding:0}.static-directory li{break-inside:avoid;margin:.35rem 0}.static-directory a{color:var(--lamp-glow);text-decoration:underline}

.site-header .header-search{display:inline-flex;align-items:center;min-height:44px;margin-inline:auto .8rem;color:var(--paper);font:600 .82rem var(--mono);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.site-header .header-search:focus-visible{outline:3px solid var(--lamp-glow);outline-offset:2px}

.sources-note{margin:2rem auto;padding:1rem 1.2rem;max-width:1000px;border:1px solid var(--thames-teal);border-radius:.6rem;color:var(--paper);background:var(--thames-teal)}.sources-note summary{cursor:pointer;font-weight:700}.sources-note a{color:var(--lamp-glow)}

/* Keep the identity at the left edge and read navigation in left-to-right order. */
.site-header{justify-content:flex-start;gap:clamp(.7rem,1.5vw,1.4rem)}
.site-header .brand{order:0;flex:0 0 auto;text-align:left}
.site-header nav{order:1;min-width:0;text-align:left}
.site-header .global-menu{justify-content:flex-start;text-align:left;gap:clamp(.6rem,1.1vw,1.3rem)}
.site-header .header-search{order:2;margin:0 0 0 auto;text-align:left}
@media(max-width:1180px){
  .site-header nav{order:2;margin-left:auto}
  .site-header .header-search{order:1;margin-left:auto}
  .site-header .menu-toggle{display:block}
  .site-header .global-menu{display:none;position:absolute;top:80px;left:0;right:0;padding:1.25rem clamp(1.2rem,5vw,5rem);background:var(--thames-teal);flex-direction:column;align-items:flex-start;gap:.35rem;box-shadow:0 20px 30px color-mix(in srgb,var(--ink) 25%,transparent)}
  .site-header .global-menu.open{display:flex}
  .site-header .global-menu>a{display:flex;align-items:center;min-height:44px;width:100%}
  .site-header .menu-more{width:100%}
  .site-header .menu-more summary{min-height:44px;display:flex;align-items:center}
  .site-header .menu-more div{position:static;box-shadow:none;max-width:100%;margin-top:.4rem}
}
@media(max-width:700px){.site-header .global-menu{top:68px}}
@media(max-width:420px){.site-header .brand .brand-name{font-size:.72rem;letter-spacing:.08em}.site-header .brand{gap:.3rem}.site-header .header-search{font-size:.75rem}}
/* Long footer routes wrap inside the viewport instead of widening the page. */
footer{flex-wrap:wrap}
footer nav{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}
footer .analytics-settings{max-width:100%}

/* Compact the repeated empty bands without reducing text size or touch targets. */
.world-banner{height:clamp(105px,12vw,160px)}
.home-hero{min-height:0}
.hero-reflow{min-height:0;padding-top:clamp(4rem,6vw,6rem);padding-bottom:clamp(2.5rem,4vw,4rem)}
.home-section,.pathways{padding-block:var(--space-section)}
.home-heading{margin-bottom:var(--space-block);gap:var(--space-block)}
.pathways-head{margin-bottom:var(--space-block)}
.pathway-card{min-height:0;padding:1.5rem}
.featured-books a,.home-link-grid a{min-height:0}
.route-image{min-height:300px}
.route-copy{padding:clamp(1.5rem,3vw,2.5rem)}
.books-hero,.universe-hero,.profiles-hero{min-height:0;padding-block:var(--space-section);gap:var(--space-block)}
.shelf-routes,.books-catalogue,.graphic-novels,.world-primer,.universe-explorer,.profile-index{padding-block:var(--space-section)}
.route-card,.books-catalogue .book-card,.record-card,.primer-grid article{min-height:0}
.book-section,.record-section,.profile-group{margin-bottom:var(--space-section-tight)}
.books-controls,.universe-controls{margin-top:1.5rem}
.graphic-facts{margin:1.75rem 0 2.5rem}
.graphic-facts article,.boxed-grid article{min-height:0}
.graphic-buy{margin-top:2.5rem}
.profile-hero{min-height:0;padding-block:clamp(2.5rem,5vw,4rem)}
.profile-hero .profile-art,.profile-hero .profile-art>img{min-height:0}
.profile-feature,.profile-depth,.page-body{padding-block:var(--space-section)}
.profile-feature .feature-intro{margin-bottom:2rem}
.page-hero{padding-block:var(--space-section)}
.next-steps{padding-block:var(--space-section)}
@media(max-width:700px){
  .world-banner{height:105px;margin-top:68px}
  .hero-reflow{padding-top:5.25rem;padding-bottom:var(--space-section-tight)}
  .home-section,.pathways,.books-catalogue,.graphic-novels,.world-primer,.universe-explorer,.profile-index{padding-block:var(--space-section)}
  .books-hero,.universe-hero,.profiles-hero{padding-block:2.5rem}
  .route-image{min-height:220px}
  .profile-hero{padding-block:1.25rem}
}

/* Keep the identity on the left and group the page links at the right. */
@media(min-width:1181px){
  .site-header .header-search{order:1;margin:0 auto 0 0}
  .site-header nav{order:2;margin-left:0}
  .site-header .global-menu{justify-content:flex-end;align-items:center}
  .site-header .global-menu>a[href="/reading-order/"],
  .site-header .global-menu>a[href="/universe/"]{display:block;flex:0 0 5.8rem;inline-size:5.8rem;white-space:normal;line-height:1.3;text-align:left}
}
@media(min-width:1181px){.site-header .global-menu>a[href="/universe/"]{flex-basis:4.8rem;inline-size:4.8rem}}

/* A compact footer with the same credit, disclaimer and site routes. */
footer{justify-content:flex-start;align-items:center;column-gap:1.5rem;row-gap:.9rem;padding:1.25rem clamp(1.2rem,5vw,5rem)}
footer .publisher-mark{order:0;width:auto;max-width:310px;min-width:0;grid-template-columns:80px minmax(0,1fr);gap:.75rem;padding:.65rem;flex:0 1 310px}
footer .publisher-logo img{width:80px;height:auto}
footer>p{order:1;flex:1 1 300px;max-width:58ch}
footer>picture{order:2;margin-left:auto;line-height:0}
footer .footer-duck{width:96px;height:auto}
footer>nav{order:3;flex:1 1 100%;line-height:1.55}
footer>a,footer>.analytics-settings{order:4}
@media(max-width:700px){
  footer{column-gap:1rem;row-gap:.8rem;padding-block:1.2rem}
  footer .publisher-mark{flex:1 1 220px;max-width:none}
  footer>p{flex:1 1 100%}
  footer>picture{margin-left:0}
  footer .footer-duck{width:76px}
  footer>nav{line-height:1.8}
}

/* Constrain the content while the colour and imagery remain full bleed. */
:is(.section,.section-tight,.home-section,.pathways,.books-catalogue,.shelf-routes,.graphic-novels,.world-primer,.universe-explorer,.profile-index,.case-section,.plain-language,.confirmed,.timeline,.creator-led,.comic-shelf,.archive-list,.archive-sources,.page-body,.profile-depth,.fan-section,.next-steps,.gallery){
  padding-inline:max(var(--gutter),calc((100% - var(--content-max))/2));
  padding-block:var(--space-section);
}
.section-tight{padding-block:var(--space-section-tight)}
.section-number,.standalone-orders .section-number{margin-bottom:var(--space-block)}
:is(.section,.section-tight,.home-section,.pathways,.books-catalogue,.graphic-novels,.world-primer,.universe-explorer,.profile-index,.case-section,.plain-language,.confirmed,.timeline,.creator-led,.comic-shelf,.page-body,.profile-depth,.fan-section,.next-steps) > *{max-width:var(--content-max);width:100%;margin-inline:auto}
:is(.home-heading,.pathways-head,.catalogue-head,.catalogue-heading,.book-section-heading,.graphic-heading,.orders-heading,.primer-heading,.directory-heading,.explorer-heading,.section-heading){grid-template-columns:minmax(0,1fr);gap:var(--space-block);align-items:start}
:is(.home-heading,.pathways-head,.catalogue-head,.catalogue-heading,.book-section-heading,.graphic-heading,.orders-heading,.primer-heading,.directory-heading,.explorer-heading,.section-heading) > p{margin:0;max-width:var(--measure);text-align:left}
main p,footer p{max-width:var(--measure)}
:is(.book-grid,.featured-books,.record-grid,.latest-strip,.home-link-grid,.boxed-grid){grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-block)}
:is(.book-card,.books-catalogue .book-card,.featured-books a,.home-link-grid a,.record-card,.route-card){min-height:0}
:is(.books-catalogue .book-grid,.home-latest .latest-strip){grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-block)}
:is(.controls,.order-tabs,.guide-tabs,.source-links,.site-map-grid,.essentials-grid){margin-top:var(--space-block)}
:is(.quick-start,.order-panel,.selector-grid,.plain-language>div,.confirmed,.creator-led){gap:var(--space-block)}
.home-latest + .pathways{padding-top:var(--space-block)}
main > :is(section,.home-section,.pathways,.books-catalogue,.shelf-routes,.graphic-novels,.world-primer,.universe-explorer,.profile-index) + :is(section,.home-section,.pathways,.books-catalogue,.shelf-routes,.graphic-novels,.world-primer,.universe-explorer,.profile-index){padding-top:var(--space-block)}
:where(.shelf-window,.record-grid,.latest-strip,.home-link-grid,.book-grid):empty{display:none}
.home-source{padding-block:var(--space-block)}
.home-source + .sources-note{margin-block:0 var(--space-block);padding:.75rem 1rem}
:is(.guide-page,.reference-detail){max-width:var(--content-max);margin-inline:auto}
:is(.review-section,.reference-panel,.reader-companion,.profile-feature,.profile-depth){padding-inline:max(var(--gutter),calc((100% - var(--content-max))/2))}
.review-section{padding-block:var(--space-section)}
.book-hero{min-height:0;padding:var(--space-section) max(var(--gutter),calc((100% - var(--content-max))/2));gap:var(--space-block)}
.missing{min-height:0;padding:var(--space-section) var(--gutter)}
.book-view>.facts{padding-inline:max(var(--gutter),calc((100% - var(--content-max))/2))}
:is(.page-hero,.books-hero,.universe-hero,.profiles-hero,.comics-hero,.profile-hero){padding-block:var(--space-section);padding-inline:max(var(--gutter),calc((100% - var(--content-max))/2))}
@media(max-width:700px){
  .hero-reflow{padding-top:5.25rem;padding-bottom:var(--space-section-tight)}
  :is(.book-grid,.featured-books,.record-grid,.latest-strip,.home-link-grid,.boxed-grid){grid-template-columns:minmax(0,1fr)}
  :is(.section,.section-tight,.home-section,.pathways,.books-catalogue,.shelf-routes,.graphic-novels,.world-primer,.universe-explorer,.profile-index,.case-section,.plain-language,.confirmed,.timeline,.creator-led,.comic-shelf,.archive-list,.archive-sources,.page-body,.profile-depth,.fan-section,.next-steps,.gallery){padding-block:var(--space-section-tight)}
}


/* source: approval.css */
.global-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:center;padding:1.35rem var(--gutter,2rem);background:var(--thames-teal);color:var(--paper);font-size:.875rem}
.global-footer .publisher-mark{display:flex;align-items:center;gap:1rem;margin:0;padding:0;border:0;min-width:0;background:transparent;color:inherit}
.global-footer .publisher-logo{display:block;flex:none}.global-footer .publisher-logo img{display:block;width:72px;height:auto;max-height:55px;object-fit:contain}
.global-footer .publisher-mark strong{font:600 1rem var(--sans,Arial,sans-serif);color:var(--paper)}.global-footer .publisher-mark small{color:var(--mist)}
.global-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1rem;max-width:560px}.global-footer .footer-links a{color:var(--river-mist);white-space:normal}
.global-footer .editorial-line{grid-column:1/-1;margin:0;max-width:none;padding-top:.5rem;border-top:1px solid var(--thames-teal);color:var(--mist)}
.home-listen{background:var(--thames-teal);color:var(--paper);padding:clamp(2rem,3vw,3rem) var(--gutter,2rem)}.home-listen>div{max-width:var(--content-max,1200px);margin-inline:auto}
.home-listen h2{color:var(--paper);margin:0 0 .7rem;font:600 clamp(2rem,4vw,3.25rem)/1.1 var(--serif,Georgia,serif)}.home-listen p{max-width:68ch}.home-listen a:not(.button){color:var(--river-mist)}
.audio-comparison{margin:1.5rem 0 2rem}.audio-comparison h2{margin-bottom:.4rem}.table-scroll{overflow-x:auto;max-width:100%}.audio-comparison table{width:100%;border-collapse:collapse;min-width:720px;background:var(--thames-teal);color:var(--paper)}.audio-comparison th,.audio-comparison td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--thames-teal);vertical-align:top}.audio-comparison thead{background:var(--thames-teal)}.audio-comparison a{color:var(--river-mist)}
.publication-list .listen-stop{margin-left:.6rem;white-space:nowrap;color:var(--river-mist);font-weight:700}
.retailer-disclosure{grid-column:1/-1;display:block;margin:.7rem 0 0;font-size:.875rem;line-height:1.5;color:inherit}.retailer-disclosure a{color:inherit;text-decoration:underline;text-underline-offset:.18em}
.rank-list article{padding:clamp(1rem,2vw,1.4rem)}
.books-page .books-hero{min-height:clamp(360px,38vw,520px);gap:var(--space-block,1.5rem)}
.books-page .book-grid{gap:var(--space-block,1.5rem)}
.book-pilot-hero{min-height:0}.pilot-review,.pilot-next,.pilot-companion,.pilot-edition{padding-block:var(--space-section-tight,2.5rem)}
@media(max-width:700px){.home-listen .button{margin-bottom:.7rem}}

:root {
  --dusk:#26405e;--deep-dusk:#1c3048;--thames-teal:#1c6b67;
  --streetlamp-amber:#e3a33b;--lamp-glow:#f1d9a3;--ink:#1a2633;
  --slate:#4a5868;--cream:#f6f1e6;--paper:#fffdf8;
  --line:#ddd3c2;--mist:#e8edf3;--river-mist:#e8f1ef;
  --deep:var(--deep-dusk);--river:var(--thames-teal);--text:var(--ink);
  --sans:'Public Sans','Helvetica Neue',sans-serif;
  --serif:'Libre Caslon Text',Georgia,serif;
  --gutter:clamp(1rem,4vw,2.5rem);
}
html{background:var(--cream);color:var(--ink)}
body{background:var(--cream);color:var(--ink);font:400 18px/1.65 var(--sans)}
a{color:var(--thames-teal)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--streetlamp-amber);outline-offset:3px}
h1,h2,h3,.brand-name{font-family:var(--serif)}
h1{font-size:clamp(2.125rem,4vw,3.625rem);line-height:1.12}
h2{font-size:clamp(1.5rem,2.5vw,2.125rem);line-height:1.2}
.eyebrow,.kicker{font:700 .875rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--thames-teal)}
.site-header{position:relative;z-index:50;background:var(--dusk);color:var(--paper);display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);padding:.8rem var(--gutter);min-height:76px}
.site-header .brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--paper);text-decoration:none;margin:0;flex-shrink:0}
.site-header .brand-name{font:700 clamp(1.2rem,2vw,1.65rem)/1.1 var(--serif);letter-spacing:0;text-transform:none;color:var(--paper)}
.site-header .brand-duck{width:48px;height:48px;object-fit:contain}
.site-header nav{margin-left:auto;display:flex;align-items:center;gap:.8rem}
.site-header .global-menu{display:flex;align-items:center;gap:clamp(.7rem,1.7vw,1.7rem)}
.site-header .global-menu a{color:var(--paper);font:600 .9375rem/1.3 var(--sans);text-decoration:none;white-space:nowrap}
.site-header .global-menu a:hover{text-decoration:underline;text-underline-offset:.3em}
.site-header .header-search{order:3;color:var(--paper);font:600 1.4rem var(--sans);width:44px;height:44px;display:grid;place-items:center;text-decoration:none}
.site-header .button.primary,.site-header .header-start{order:4;margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--streetlamp-amber);color:var(--ink);border-radius:999px;padding:0 1.25rem;font:700 .9375rem var(--sans);text-decoration:none}
.site-header .menu-toggle{display:none}
.site-header .mobile-only{display:none}
.global-footer{background:var(--deep-dusk);color:var(--paper);padding:1rem var(--gutter);display:grid;justify-items:center;gap:.4rem;text-align:center;font:400 .875rem/1.4 var(--sans)}
.global-footer .footer-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;max-width:100%}
.global-footer .footer-identity img{width:42px;height:25px;object-fit:contain}
.global-footer .footer-links{gap:.2rem .55rem}
.global-footer a{color:var(--paper)}
.global-footer .footer-business img{width:42px;height:30px;object-fit:contain}
.global-footer .footer-business small{font:inherit;color:var(--paper)}
.button.primary,.button-primary,.small-listen{background:var(--streetlamp-amber);color:var(--ink);border:0;border-radius:999px;min-height:54px;padding:.75rem 1.6rem;display:inline-flex;align-items:center;justify-content:center;font:700 1rem/1.25 var(--sans);text-decoration:none}
.small-listen{min-height:44px;padding:.5rem 1.1rem}
.button.secondary,.button-outline{background:transparent;color:var(--dusk);border:2px solid var(--dusk);border-radius:999px;min-height:54px;padding:.7rem 1.4rem;display:inline-flex;align-items:center;text-decoration:none}
.paper-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}
.fact-chip{display:inline-flex;background:var(--mist);border-radius:999px;padding:.45rem .85rem;color:var(--dusk);font-weight:600}
.answer-box{background:var(--river-mist);padding:1.25rem;border-radius:16px}
.dusk-panel{background:var(--dusk);color:var(--paper);border-radius:18px;padding:clamp(1.5rem,3vw,2.5rem)}
.filter-pill{border:1px solid var(--dusk);background:var(--paper);color:var(--dusk);padding:.65rem 1rem;border-radius:999px;min-height:44px}
.filter-pill[aria-pressed=true]{background:var(--dusk);color:var(--paper)}
.captioned-figure{margin:0}.captioned-figure img{max-width:100%;height:auto;display:block;border-radius:16px}.captioned-figure figcaption{font-size:.875rem;color:var(--slate);margin-top:.5rem}
.world-banner{display:none}
.hero-art,.home-hero .hero-art{position:relative;inset:auto;order:2;max-width:100%;height:auto;min-height:0;background:transparent}
.hero-art:after,.hero:before,.hero-grid{display:none!important}
.home-hero{background:var(--cream);color:var(--ink);min-height:0}
.home-hero .hero-copy{order:1;color:var(--ink)}
.home-hero h1,.home-hero p,.home-hero .lede{color:var(--ink)}
.home-hero .banner-credit{position:relative;order:3;color:var(--slate)}
.home-hero .banner-picture img{width:100%;height:auto;object-fit:cover;border-radius:18px}
.home-hero .hero-art,.home-hero .banner-picture{overflow:hidden;border-radius:18px}
.book-grid,.featured-books,.home-link-grid,.rank-list,.card-grid{gap:24px}
@media(max-width:760px){
  body{font-size:16px}
  .eyebrow,.kicker{font-size:.75rem}
  .site-header{min-height:64px;padding:.5rem 1rem;gap:.4rem}
  .site-header .brand-name{font-size:1.1rem}
  .site-header .brand-duck{width:44px;height:44px}
  .site-header .header-start{display:none}
  .site-header .menu-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;color:var(--paper);border:1px solid var(--paper);border-radius:8px;font:600 .9rem var(--sans)}
  .site-header .global-menu{display:none;position:fixed;inset:64px 0 0;background:var(--dusk);padding:2rem var(--gutter);height:calc(100dvh - 64px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:1.25rem}
  .site-header .global-menu.open{display:flex}
  .site-header .global-menu a{font-size:1.2rem;min-height:44px;display:flex;align-items:center}
  .site-header .mobile-only{display:flex}
  .global-footer{padding:.9rem 1rem;gap:.45rem;font-size:.8125rem}
  .global-footer .footer-line{max-width:34rem}
  .book-grid,.featured-books,.home-link-grid,.rank-list,.card-grid{gap:16px}
}
/* Phase 1 hero figure layout: keep artwork beside copy and caption below it. */
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:1rem clamp(1rem,3vw,2.5rem)}
.home-hero .hero-copy{grid-column:1;grid-row:1;max-width:720px}
.home-hero .hero-art{grid-column:2;grid-row:1;width:100%;align-self:center}
.home-hero .banner-picture{position:relative;inset:auto;display:block;width:100%;height:auto}
.home-hero .banner-picture img{display:block;position:relative;width:100%;height:auto;max-height:520px;object-fit:cover}
.home-hero .banner-credit{grid-column:2;grid-row:2;justify-self:start;display:block;margin-top:-.6rem;padding:0;background:none;color:var(--slate)}
@media(max-width:760px){.home-hero{grid-template-columns:1fr;gap:1rem}.home-hero .hero-copy,.home-hero .hero-art,.home-hero .banner-credit{grid-column:1;grid-row:auto}.home-hero .banner-credit{margin-top:-.6rem}}
:root{--space-section:24px;--space-section-tight:16px;--space-block:16px}
:is(.section,.home-section,.section-tight){padding-block:var(--space-section)}
:is(.section,.home-section,.section-tight)+:is(.section,.home-section,.section-tight){padding-top:var(--space-section-tight)}
@media(max-width:760px){:root{--space-section:16px;--space-section-tight:16px}.section,.home-section,.section-tight{padding-block:var(--space-section)}}
/* Phase 2: book template */
#book-view.book-view{padding:0;background:var(--cream);color:var(--ink)}
#book-view .breadcrumbs{max-width:1200px;margin:0 auto;padding:1rem var(--gutter) 0;color:var(--slate);font-size:.875rem;display:flex;gap:.5rem;flex-wrap:wrap}
.phase2-book{max-width:1200px;margin:0 auto;padding:1.5rem var(--gutter) 2.5rem;color:var(--ink)}
.phase2-book-top,.phase2-book-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);column-gap:clamp(1.5rem,3vw,3rem);align-items:start}
.phase2-book-top{row-gap:1rem}.phase2-book-heading{grid-column:1;grid-row:1}.phase2-book-heading .eyebrow{margin:0 0 .65rem}.phase2-book-heading h1{margin:0 0 .55rem;color:var(--ink);font-size:clamp(2.25rem,4vw,3.625rem)}
.phase2-book-heading .byline{margin:0;color:var(--slate);font-size:1.05rem}
.phase2-book-heading blockquote{margin:1.2rem 0 0;padding:1.25rem 1.5rem;border:1px solid var(--line);background:var(--paper);border-radius:16px;color:var(--ink);font:400 1.35rem/1.45 var(--serif);max-width:none}
.phase2-get{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:.75rem;margin:0;background:var(--paper)}
.phase2-get h2,.phase2-buy-end h2{font:700 1.5rem/1.2 var(--serif);margin:0 0 .3rem;color:var(--ink)}
.phase2-buy-links{display:flex;flex-direction:column;gap:.65rem}.phase2-buy-links .retailer-choices{display:flex;flex-direction:column;gap:.65rem}
.phase2-buy-links .retailer-action{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;text-align:center;white-space:normal;border-radius:999px;padding:.65rem 1.1rem;font:700 1rem/1.25 var(--sans);text-decoration:none;transform:none;box-shadow:none;background:var(--streetlamp-amber);border:2px solid var(--streetlamp-amber);color:var(--ink)}
.phase2-buy-links .retailer-choices .retailer-action{background:transparent;border:2px solid var(--dusk);color:var(--dusk)}
.phase2-buy-links .retailer-choices .retailer-action:last-child{min-height:44px;border:0;text-decoration:underline}
.phase2-isbn{font-size:.875rem;color:var(--slate);margin:0;max-width:none}
.phase2-chips{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:.5rem}
.phase2-chips .fact-chip{font-size:.875rem;max-width:100%;white-space:normal}
.phase2-book-body{margin-top:clamp(1.5rem,3vw,3rem)}
.phase2-book-copy{max-width:720px;display:flex;flex-direction:column;gap:2rem}
.phase2-book-copy section{min-width:0}.phase2-book-copy h2{margin:0 0 .5rem;color:var(--ink)}
.phase2-book-copy h3{font-size:1.25rem;margin:.8rem 0 .4rem;color:var(--ink)}
.phase2-book-copy p{margin:.4rem 0 .9rem;max-width:68ch}
.phase2-setting{margin-top:1.25rem;padding-top:.75rem;border-top:1px solid var(--line)}
.phase2-book-copy .answer-box{background:var(--river-mist);padding:1.3rem 1.5rem}
.phase2-book-copy .answer-box p:last-child{margin-bottom:0}
.phase2-book-side{display:flex;flex-direction:column;gap:1.5rem;min-width:0}
.phase2-book-side figure{margin:0}.phase2-book-side img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px}
.phase2-facts{background:var(--paper)}.phase2-facts h2{font-size:1.5rem;margin:0 0 .8rem;color:var(--ink)}
.phase2-facts table{width:100%;border-collapse:collapse;font-size:.95rem;color:var(--ink)}
.phase2-facts tr{border-bottom:1px solid var(--line)}.phase2-facts th,.phase2-facts td{padding:.65rem .3rem;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.phase2-facts th{width:46%;font-weight:600}.phase2-facts .sources{margin:1rem 0 0;font-size:.875rem;max-width:none}
.phase2-book-end{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.5rem}
.phase2-next{background:var(--dusk);color:var(--paper)}.phase2-next h2,.phase2-next a{color:var(--paper)}.phase2-next h2,.phase2-progress h2{margin:0 0 .7rem}.phase2-next p{margin:0}
.phase2-progress{background:var(--paper)}.phase2-progress p{margin:.6rem 0}.phase2-progress button{min-height:44px;border:2px solid var(--dusk);border-radius:999px;background:var(--paper);color:var(--dusk);padding:.5rem 1rem;font:600 1rem var(--sans)}
.phase2-buy-end{margin-top:1.5rem;max-width:720px;background:var(--paper)}.phase2-buy-end .phase2-buy-links{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
@media(max-width:760px){
 .phase2-book{padding:1rem 1rem 2rem}.phase2-book-top,.phase2-book-body{grid-template-columns:1fr}
 .phase2-book-heading{grid-column:1;grid-row:1}.phase2-book-heading h1{font-size:clamp(2.125rem,9vw,2.375rem)}
 .phase2-book-heading .byline{font-size:1rem}.phase2-book-heading blockquote{font-size:1.08rem;line-height:1.4;padding:.8rem 1rem;margin-top:.7rem}
 .phase2-get{grid-column:1;grid-row:2;padding:1rem;gap:.5rem}.phase2-get h2{font-size:1.25rem}.phase2-get .phase2-buy-links{gap:.4rem}.phase2-get .phase2-buy-links .retailer-choices .retailer-action:last-child{display:none}
 .phase2-chips{grid-column:1;grid-row:3;gap:.35rem}.phase2-chips .fact-chip{font-size:.8rem;padding:.35rem .7rem}
 .phase2-book-body{margin-top:1.5rem}.phase2-book-copy{display:contents}.phase2-book-copy>section:first-child{grid-row:1}.phase2-book-side{display:contents}.phase2-book-side figure{grid-row:2;margin:.7rem 0 1rem}.phase2-book-copy>section:not(:first-child){grid-column:1}.phase2-book-side .phase2-facts{grid-column:1}
 .phase2-book-end{grid-template-columns:1fr;margin-top:1.5rem;gap:1rem}.phase2-buy-end .phase2-buy-links{grid-template-columns:1fr}
}
/* Phase 2: homepage */
.phase2-home{background:var(--cream);color:var(--ink)}
.phase2-home>section{max-width:1200px;margin:0 auto;padding:clamp(1.5rem,3vw,3rem) var(--gutter)}
.phase2-home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}
.phase2-home-hero h1{margin:.65rem 0;font-size:clamp(2.25rem,4vw,3.625rem);color:var(--ink)}
.phase2-home-hero p:not(.eyebrow){font-size:1.1rem;max-width:60ch;color:var(--slate)}
.phase2-home-hero figure{margin:0}.phase2-home-hero img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px}
.phase2-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:1.2rem}
.phase2-listen{background:var(--dusk);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-radius:18px}
.phase2-home>.phase2-listen{margin:0 auto 1rem;padding:clamp(1.5rem,3vw,2.5rem)}
.phase2-listen h2{color:var(--paper);margin:0 0 .4rem}.phase2-listen p{color:var(--paper);margin:.3rem 0;max-width:58ch}.phase2-listen a:not(.button){color:var(--paper)}
.phase2-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.15rem}.phase2-heading h2{margin:0;color:var(--ink)}
.phase2-novel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px}
.phase2-novel{text-decoration:none;color:var(--ink);min-height:130px;display:flex;flex-direction:column;justify-content:center;gap:.45rem}
.phase2-novel h3{margin:0;font-size:1.2rem;color:var(--ink)}.phase2-novel .eyebrow{font-size:.75rem}
.phase2-home-explore h2{margin:0 0 1rem}.phase2-explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.phase2-explore-card{display:flex;flex-direction:column;gap:.45rem;text-decoration:none;color:var(--ink);overflow:hidden}
.phase2-explore-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.phase2-explore-card span{font-size:.75rem;color:var(--slate)}.phase2-explore-card h3{margin:.2rem 0;font-size:1.2rem}
.phase2-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.phase2-home-news h3{margin:.3rem 0}
.phase2-news-grid article p{margin:.45rem 0}.phase2-home-news>p{margin:1rem 0 0}
/* Phase 2: audiobooks */
.phase2-audio,.phase2-order{max-width:1200px;margin:0 auto;padding:1.5rem var(--gutter) 3rem;color:var(--ink)}
.phase2-audio .breadcrumbs,.phase2-order .breadcrumbs{margin:0 0 1rem;padding:0;color:var(--slate)}
.phase2-audio>.phase2-heading,.phase2-order>.phase2-heading{display:block;max-width:900px}
.phase2-audio h1,.phase2-order h1{margin:0 0 .7rem;color:var(--ink)}.phase2-audio>.phase2-heading p,.phase2-order>.phase2-heading p{margin:0;max-width:75ch}
.phase2-audio-controls,.phase2-order-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.5rem 0 1rem}
.phase2-audio-controls>div,.phase2-order-controls>div{display:flex;gap:.5rem;flex-wrap:wrap}
.phase2-audio-controls label{margin-left:auto;font-weight:700}.phase2-audio-controls select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:.5rem;font:inherit}
.phase2-audio-table{border:1px solid var(--line);border-radius:18px;overflow:auto;background:var(--paper)}
.phase2-audio-table table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:780px;color:var(--ink)}
.phase2-audio-table th,.phase2-audio-table td{padding:.85rem .65rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.phase2-audio-table thead{background:var(--mist)}.phase2-audio-table tbody tr[hidden]{display:none}
.phase2-audio-table .small-listen{font-size:.875rem;min-height:44px;white-space:nowrap}
.phase2-audio-source,.phase2-order-source{font-size:.875rem;color:var(--slate)}
.phase2-voices{margin-top:2.5rem}.phase2-voices h2{margin:0 0 1rem}.phase2-voice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.phase2-voice-grid h3{font-size:1.25rem;margin:0}.phase2-voice-grid p{color:var(--slate);font-size:.9375rem}
.phase2-audio-closing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:2.5rem}.phase2-audio-closing h2{margin:0 0 .5rem;font-size:1.4rem}.phase2-audio-closing p{margin:.5rem 0 1rem}
/* Phase 2: reading-order checklist */
.phase2-order-controls label{margin-left:auto;display:flex;align-items:center;gap:.45rem;font-weight:600}
.phase2-order-controls input{width:22px;height:22px;accent-color:var(--dusk)}
.phase2-order-controls>a{font-weight:700}.phase2-order-note{font-size:.9375rem;color:var(--slate)}
.phase2-order-list{list-style:none;padding:0;margin:1rem 0;max-width:980px;display:flex;flex-direction:column;gap:16px}
.phase2-order-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:1.15rem;padding:1.2rem}.phase2-order-row[hidden]{display:none}
.phase2-order-marker{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--dusk);color:var(--paper);font:700 1.3rem var(--serif)}
.phase2-order-marker.companion{background:var(--river-mist);color:var(--thames-teal)}
.phase2-order-info .eyebrow{font-size:.75rem}.phase2-order-title{display:block;font:700 1.3rem/1.25 var(--serif);color:var(--ink);margin:.2rem 0}
.phase2-order-info p{margin:.2rem 0;color:var(--slate);font-size:.875rem;max-width:68ch}
.phase2-order-actions{display:flex;align-items:center;gap:.8rem}.phase2-order-actions label{display:flex;align-items:center;gap:.3rem;white-space:nowrap}.phase2-order-actions input{width:22px;height:22px;accent-color:var(--dusk)}
@media(max-width:760px){
 .phase2-home>section{padding:1.5rem 1rem}.phase2-home-hero{grid-template-columns:1fr}.phase2-home-hero figure{grid-row:2}
 .phase2-listen{flex-direction:column;align-items:flex-start}.phase2-home>.phase2-listen{margin-inline:1rem}.phase2-novel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .phase2-explore-grid{grid-template-columns:1fr;gap:16px}.phase2-news-grid{grid-template-columns:1fr;gap:16px}
 .phase2-audio,.phase2-order{padding:1rem 1rem 2rem}.phase2-audio-controls label{margin-left:0}
 .phase2-audio-table{background:none;border:0;overflow:visible}.phase2-audio-table table{min-width:0;display:block}.phase2-audio-table thead{display:none}.phase2-audio-table tbody{display:grid;grid-template-columns:1fr;gap:16px}
 .phase2-audio-table tr{display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1rem}
 .phase2-audio-table th,.phase2-audio-table td{padding:0;border:0}.phase2-audio-table tr>td:first-child{display:none}.phase2-audio-table tr>th{grid-column:1/-1;font:700 1.25rem var(--serif)}
 .phase2-audio-table tr>td:nth-of-type(2){grid-column:1/-1;font-size:.8125rem;color:var(--slate)}
 .phase2-audio-table tr>td:nth-of-type(3){grid-column:1;white-space:normal}.phase2-audio-table tr>td:nth-of-type(4){grid-column:1;color:var(--slate)}
 .phase2-audio-table tr>td:last-child{grid-column:2;grid-row:3/5;align-self:center}
 .phase2-voice-grid,.phase2-audio-closing{grid-template-columns:1fr;gap:16px}
 .phase2-order-controls label{margin-left:0}.phase2-order-row{grid-template-columns:44px minmax(0,1fr);gap:.6rem;padding:1rem}.phase2-order-marker{width:42px;height:42px;font-size:1.1rem}
 .phase2-order-actions{grid-column:2;flex-wrap:wrap;gap:.5rem}.phase2-order-title{font-size:1.15rem}
}
@media print{.site-header,.global-footer,.phase2-order-controls,.phase2-order-actions .small-listen{display:none!important}.phase2-order-row[hidden]{display:none!important}.phase2-order-row{break-inside:avoid}.phase2-order-list{gap:.2rem}}
.phase2-voices figure{margin:0 0 .9rem}.phase2-voice-art{width:100%;aspect-ratio:3/2;background-image:url('/assets/people/narrator-illustrations.webp');background-size:200% 200%;border-radius:12px;background-repeat:no-repeat}.phase2-voices figcaption{margin:.4rem 0 0;font-size:.75rem;color:var(--slate)}

/* Phase 3: readable article and informational templates. */
.phase3-article,.phase3-text{width:min(100%,1200px);margin-inline:auto;padding:clamp(1.25rem,3vw,2.5rem) var(--gutter) clamp(2rem,4vw,3.5rem);color:var(--ink)}
.phase3-article>.breadcrumbs,.phase3-text>.breadcrumbs{margin:0 0 1.25rem;padding:0;color:var(--slate)}
.phase3-article-header,.phase3-text-header{max-width:900px;margin:0 0 clamp(1.5rem,3vw,2.5rem)}
.phase3-article-header>.eyebrow,.phase3-text-header>.eyebrow{margin:0 0 .6rem}
.phase3-article-header h1,.phase3-text-header h1{font-size:clamp(2.125rem,4vw,3.5rem);line-height:1.14;color:var(--ink);margin:0 0 .75rem}
.phase3-article-header>p:last-child,.phase3-text-header>p:last-child{font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.55;color:var(--slate);max-width:72ch;margin:0}
.phase3-article-grid{display:grid;grid-template-columns:minmax(0,720px) minmax(230px,1fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem)}
.phase3-article-copy,.phase3-text-copy{min-width:0;max-width:720px}
.phase3-article-copy>section,.phase3-article-copy>.phase3-brief,.phase3-text-copy>section{margin:0 0 clamp(1.25rem,2.5vw,2rem)}
.phase3-article-copy>section>h2,.phase3-text-copy h2{margin:0 0 .65rem;color:var(--ink);font-size:clamp(1.5rem,2.4vw,2rem)}
.phase3-article-copy h3{font-size:1.25rem;margin:1rem 0 .4rem;color:var(--ink)}
.phase3-article-copy p,.phase3-article-copy li,.phase3-text-copy p,.phase3-text-copy li{line-height:1.65;max-width:72ch}
.phase3-article-copy p,.phase3-text-copy p{margin:.4rem 0 1rem}
.phase3-brief{background:var(--river-mist);border-radius:16px;padding:1.25rem 1.5rem}
.phase3-brief .eyebrow{font-size:.8rem;margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.08em;color:var(--thames-teal);font-weight:700}
.phase3-brief p:last-child{font-size:1.06rem;font-weight:600;margin:0}
.phase3-article-aside{display:grid;gap:1rem}.phase3-article-aside .paper-card{display:flex;flex-direction:column;align-items:start;gap:.7rem}
.phase3-article-aside h2{font-size:1.1rem;margin:0;color:var(--ink)}.phase3-article-aside strong{font:700 1.35rem/1.3 var(--serif)}
.phase3-article-aside .small-listen{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .9rem;border-radius:24px;background:var(--streetlamp-amber);color:var(--ink);font-weight:700;text-decoration:none}
.phase3-sources{font-size:.875rem;color:var(--slate);border-top:1px solid var(--line);padding-top:1rem;overflow-wrap:anywhere}
.phase3-text-copy>section{display:flow-root}.phase3-text-copy>p{margin-bottom:1.5rem}.phase3-text-copy address{font-style:normal;line-height:1.65}
.phase3-article .rank-list{padding:0;margin:0;display:grid;gap:1rem;list-style:none}
.phase3-article .rank-list article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.5rem;color:var(--ink)}
.phase3-article .rank-list h2{margin:0 0 .4rem;font-size:1.42rem}.phase3-article .rank-list h2 a{color:var(--ink)}
.phase3-article .rank-list .rank-verdict{margin:.2rem 0 .45rem}.phase3-article .rank-list p{margin:.3rem 0 .6rem;line-height:1.6}.phase3-article .rank-audio{margin:.7rem 0 0}
.phase3-article .question-warning{background:transparent;border:0;padding:0}.phase3-article .question-clearance{max-width:720px}
.phase3-article details.question-group{background:var(--paper);border-color:var(--line)}
@media(max-width:760px){.phase3-article,.phase3-text{padding:1.1rem 1rem 2rem}.phase3-article-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}.phase3-article-aside{grid-template-columns:1fr}.phase3-brief{padding:1rem 1.1rem}.phase3-article .rank-list article{padding:1rem}.phase3-article-copy,.phase3-text-copy{max-width:100%}}

/* Shared shell and contrast: no persistent top bars. */
@media(max-width:1100px){
 .site-header .menu-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;margin-left:auto;background:transparent;color:var(--paper);border:1px solid var(--paper);border-radius:8px;font:600 .9rem var(--sans)}
 .site-header .global-menu{display:none;position:absolute;top:100%;left:0;right:0;inset:auto 0 auto;background:var(--dusk);height:auto;max-height:calc(100svh - 64px);overflow-y:auto;padding:1rem var(--gutter);flex-direction:column;align-items:stretch;gap:.3rem;box-shadow:0 12px 24px rgb(26 38 51 / .2)}
 .site-header .global-menu.open{display:flex}
 .site-header .global-menu a{display:flex;align-items:center;min-height:44px;font-size:1rem;white-space:normal}
}
.books-page .breadcrumbs,.universe-page .breadcrumbs{color:var(--paper)}
.books-page .breadcrumbs a,.universe-page .breadcrumbs a{color:var(--paper)}
.books-page .route-card.route-main span,.books-page .route-card.route-main b,.books-page .book-card.main-book:first-child>a{color:var(--paper)}
.universe-page .universe-hero .eyebrow,.universe-page .universe-hero em,.universe-page .universe-hero a,.universe-page .universe-hero a span,
.universe-page .universe-quick .kicker,.universe-page .world-primer span,.universe-page .source-panel a{color:var(--paper)}
.universe-page .universe-quick .guide-grid article h3,.universe-page .universe-quick .guide-grid article p{color:var(--ink)}
.universe-page .universe-filters button{color:var(--paper)}
.books-ranking-link{margin:1rem 0;padding:.5rem 0;font-size:.9375rem}
.books-ranking-link a{color:var(--thames-teal);font-weight:700}
.books-page .static-directory a,.universe-page .static-directory a{color:var(--thames-teal)}
main .profile-hero .role,main .profile-hero .content-flags span,main .related .kicker,main .related .related-links a{color:var(--paper)}

.books-page .books-hero .eyebrow,.books-page .books-hero em,.books-page .books-hero p a:not(.button){color:var(--paper)}
.books-page :is(.filter.active,.status-filter.active,.voice-filter.active){color:var(--paper)}
.books-page .book-card.main-book:first-child :is(.book-sequence,.book-type,.book-progress-toggle,dt,.book-voice a,.retailer-action,.visually-hidden){color:var(--paper)}
.books-page .graphic-novels :is(.kicker,.graphic-heading a strong,.graphic-facts article span,.boxed-grid article span),.books-page .source-panel a{color:var(--paper)}
.graphic-novels-page .comics-hero :is(.eyebrow,em,a:not(.button)){color:var(--paper)}
.graphic-novels-page .comic-shelf .shelf-heading :is(.kicker,p),.graphic-novels-page .static-directory a{color:var(--thames-teal)}
.graphic-novels-page .creator-led .creator-links :is(strong,small,span){color:var(--ink)}
.graphic-novels-page .visually-hidden{color:var(--ink)}
.universe-page .universe-hero dt{color:var(--paper)}
.universe-page #quick-lookup .guide-grid article :is(h3,p){color:var(--ink)}
.river-map-page .map-method a{color:var(--thames-teal)}
.books-page :is(.boxed-heading,.books-note) span{color:var(--paper)}
.graphic-novels-page .comics-hero dt,.graphic-novels-page .comic-shelf button.is-active,.graphic-novels-page .comic-shelf .comic-card strong,.graphic-novels-page .comic-next :is(.kicker,a),.graphic-novels-page .source-panel a{color:var(--paper)}
.river-map-page main .map-method a{color:var(--river-mist)}
.river-map-page main .page-note a{color:var(--thames-teal)}
/* Readable text across the remaining dark and paper section templates. */
.section-page .page-hero :is(.eyebrow,em,figcaption a),.authors-intro .eyebrow,.profiles-hero .eyebrow,.adaptation-page .timeline :is(time,a),.archive-body .breadcrumbs :is(a,span),.archive-body .next-steps h2{color:var(--paper)}
.section-page .source-panel :is(a,h2,p),.comic-file .comic-buy :is(h2,p,a),.comic-file .page-hero .eyebrow,.case-section.ink-section .kicker,.casebook-page .source-panel a{color:var(--paper)}
.phase3-article .breadcrumbs :is(a,span),.comic-file .comic-route-nav a,.guide-page .guide-terms a,.guide-page .guide-grid section a,.profiles-page .breadcrumbs :is(a,span),.profiles-page main>section a:not(.profile-card),.reference-detail .reference-art figcaption{color:var(--thames-teal)}
.adapt-hero :is(h1,p,b,.eyebrow),.adapt-hero h1 em{color:var(--ink)}
.art-hero :is(.eyebrow,em),.start-here-page .page-hero :is(.eyebrow,em),.latest-page .page-hero :is(.eyebrow,em){color:var(--paper)}
.update-note :is(p,b){color:var(--ink)}
.casebook-page .chronology :is(span,.format),.casebook-page .case-section .format.comic,.guide-page .guide-grid section p{color:var(--thames-teal)}
.guide-page .guide-terms a,.guide-page .guide-grid section a{color:var(--thames-teal)}
.profiles-page .profile-identity,.people-page .profile-identity,.people-page .profile-monogram,.profile-page .profile-identity{color:var(--ink)}
.read-next-page .rec-card :is(h3,p,a,span),.start-here-page .recommendation :is(span,strong,.recommendation-readiness){color:var(--paper)}
.search-page :is(.page-note,.page-note a,.skip){color:var(--thames-teal)}
#adaptation-main .adapt-hero :is(h1,p,b,.eyebrow,em){color:var(--ink)}
.art-page .art-hero :is(.eyebrow,em){color:var(--paper)}
.recommendations .rec-card :is(h3,p,a,span),.standalone-selector .recommendation :is(span,strong,.recommendation-readiness),.profile-art.placeholder span{color:var(--paper)}
.section-page .page-hero :is(.eyebrow,em){color:var(--paper)}
#adaptation-main .timeline :is(time,a),#adaptation-main .adapt-hero .status :is(span,small){color:var(--paper)}
.archive-body #archive-main :is(.eyebrow,h1 em),.art-page .art-hero a{color:var(--paper)}
.archive-body .next-steps h2{color:var(--ink)}
.source-panel :is(h2,p,a),.casebook-page .ink-section :is(.kicker,span){color:var(--paper)}
.casebook-page .case-section .format.comic,.casebook-page #chronology li span{color:var(--thames-teal)}
.comic-file .comic-buy a.button.primary.retailer-action,.comic-file .comic-buy a.button.primary.retailer-action .visually-hidden{color:var(--ink)}
.my-reading-page .skip-link{color:var(--paper)}
.profiles-page .breadcrumbs :is(a,span),.profiles-page .profiles-hero .eyebrow{color:var(--paper)}
.profiles-page main section:not(.profiles-hero) a:not(.profile-card){color:var(--thames-teal)}
.standalone-selector .recommendation a{color:var(--paper)}
.walk-page .walk-stop a,.walk-page .walk-map a{color:var(--paper)}
.archive-body .archive-list article span{color:var(--paper)}
.archive-body .archive-sources .eyebrow{color:var(--thames-teal)}
.casebook-page #chronology .case-timeline :is(a,span),.casebook-page #audio .audio-grid a{color:var(--thames-teal)}
.casebook-page #rivers .thames-line span{color:var(--paper)}
.casebook-page #connections .relation-centre :is(span,b){color:var(--ink)}
.journey-page .skip-link,.profiles-page .profiles-hero :is(h1 em,a),.walk-page .walk-map-text :is(li,a){color:var(--paper)}
.archive-body #archive-main .archive-sources .eyebrow{color:var(--thames-teal)}
.archive-body .archive-list article a{color:var(--paper)}
.casebook-page #chronology .section-actions a,.casebook-page #audio .audio-grid article:not(.audio-lead) :is(a,span){color:var(--thames-teal)}
.casebook-page #audio .audio-grid .audio-lead a{color:var(--paper)}
.profiles-page main > .profiles-hero a{color:var(--paper)}
.profiles-page #profiles-main .profiles-hero a{color:var(--paper)}
.casebook-page #atlas .section-actions a,.casebook-page #history .international-grid article span{color:var(--thames-teal)}
.casebook-page .case-section:not(.ink-section) .section-actions a,.casebook-page #collecting .collect-grid article span{color:var(--thames-teal)}
.profiles-page .star-grid .profile-card :is(.type,.card-facts b){color:var(--paper)}
.casebook-page #tabletop .rpg-grid article:not(.rpg-lead) span{color:var(--thames-teal)}
.profiles-page .star-grid .profile-card :is(.open-file,i){color:var(--paper)}
.casebook-page #collecting .collect-grid article a{color:var(--thames-teal)}
.casebook-page .case-section a{color:var(--thames-teal)}
.casebook-page .case-section :is(.ink-section,.audio-lead,.rpg-lead,.thames-line) a{color:var(--paper)}
.casebook-page .case-section.ink-section a{color:var(--paper)}

/* Page layout: one compact visual lead, then breadcrumb and page heading. */
.page-top-banner{position:relative;margin:0;width:100%;height:min(300px,21vw);min-height:190px;overflow:hidden;background:var(--thames-teal)}
.page-top-banner picture,.page-top-banner img{display:block;width:100%;height:100%}
.page-top-banner img{object-fit:cover;object-position:center 52%}
.page-top-banner figcaption{position:absolute;bottom:.5rem;right:max(1rem,calc((100vw - 1200px)/2));padding:.2rem .5rem;background:var(--deep-dusk);color:var(--paper);font-size:.75rem;line-height:1.4;border-radius:3px}
.layout-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;width:min(100% - 2rem,1200px);margin:.75rem auto 0;color:var(--thames-teal);font-size:.875rem;line-height:1.4}
.layout-breadcrumb a{color:var(--thames-teal);text-decoration:underline;text-underline-offset:.15em}
.layout-breadcrumb span[aria-current]{color:var(--ink)}
main :is(p,li){max-width:70ch}
.phase2-home-hero{display:block;max-width:1200px;margin-inline:auto;min-height:0}
.phase2-home-hero>div{max-width:72ch}
:is(.universe-hero,.profiles-hero,.comics-hero){display:block;min-height:0;padding-block:clamp(1.5rem,3vw,2.5rem)}
:is(.universe-hero,.profiles-hero,.comics-hero)>div:first-of-type{max-width:1200px;margin-inline:auto}
.universe-hero dl,.comics-hero dl{margin-top:1.5rem;max-width:1200px;margin-inline:auto}
.section-page>.page-hero,.phase2-audio>.phase2-heading,.phase2-order>.phase2-heading{padding-top:1.5rem}
.layout-books{max-width:1200px;margin-inline:auto;padding:1.25rem var(--gutter) 3rem;color:var(--ink)}
.layout-books-intro{text-align:center;padding:1rem 0 2rem}.layout-books-intro h1{font:700 clamp(2.3rem,4vw,3.6rem)/1.15 var(--serif);margin:0 auto .8rem;max-width:24ch}.layout-books-intro p{margin:0 auto 1.2rem;color:var(--slate)}
.layout-book-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
.layout-books-intro .layout-book-actions .button:not(.primary){color:var(--thames-teal);border-color:var(--thames-teal)}
.layout-books-section{margin:0 0 2.5rem}.layout-books-section h2{font:700 clamp(1.8rem,2.8vw,2.5rem)/1.2 var(--serif);margin:0 0 1rem}
.layout-books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-block)}
.layout-book-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);color:var(--ink);text-decoration:none}
.layout-book-card:hover,.layout-book-card:focus-visible{outline:2px solid var(--thames-teal);outline-offset:2px}
.layout-book-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.layout-book-info{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;flex:1;font-size:.9rem;line-height:1.4}
.layout-book-info strong{font:700 1.2rem/1.3 var(--serif);color:var(--ink)}
.layout-book-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem;color:var(--thames-teal);font-size:.75rem;font-weight:700;text-transform:uppercase}
.layout-start{padding:.18rem .4rem;background:var(--streetlamp-amber);color:var(--ink);border-radius:3px}
.layout-placement{margin-top:.3rem;color:var(--slate)}.layout-card-link{margin-top:auto;padding-top:.55rem;color:var(--thames-teal);font-weight:700;text-decoration:underline}
.layout-ranked{margin:1rem 0 0}.layout-ranked a,.layout-books a:not(.layout-book-card):not(.button){color:var(--thames-teal)}
.layout-comics>p{margin:.65rem 0 1rem}.layout-boxed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-block)}
.layout-boxed-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1rem}.layout-boxed-card h3{font:700 1.15rem var(--serif);margin:0 0 .5rem}.layout-boxed-card ul{margin:0;padding-left:1.3rem}.layout-boxed-card li{margin:.3rem 0}
.layout-comics .layout-book-actions{justify-content:flex-start}.layout-quick h3{font-size:1.1rem;margin:1rem 0 .25rem}.layout-quick p{margin:.25rem 0 .8rem}.layout-sources{font-size:.875rem;color:var(--slate);margin-top:1.5rem}
.layout-comics .layout-book-actions .button{color:var(--thames-teal);border-color:var(--thames-teal)}
.global-footer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.1rem var(--gutter);text-align:center;background:var(--deep-dusk);color:var(--paper)}
.global-footer .footer-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem}.global-footer .footer-links{max-width:none;justify-content:center;order:0}
.global-footer .footer-business{display:flex;flex-direction:column;align-items:center;gap:.45rem}
.global-footer .footer-parent-card{display:flex;align-items:center;gap:.75rem;padding:.35rem .8rem;border:1px solid var(--river-mist);border-radius:8px;text-align:left;text-decoration:none;color:var(--paper)}
.global-footer .footer-parent-card img{width:auto;height:76px;max-width:110px;object-fit:contain}
.global-footer .footer-parent-card span{display:flex;flex-direction:column;gap:.1rem}.global-footer .footer-parent-card small{font-size:.75rem;color:var(--paper)}
.global-footer .footer-parent-card strong{font-size:1rem;color:var(--paper)}
.global-footer .footer-business>small{font-size:.75rem;line-height:1.4;color:var(--paper)}
@media(max-width:1000px){.layout-books-grid,.layout-boxed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-top-banner{height:200px;min-height:0}.page-top-banner figcaption{right:.5rem;bottom:.35rem;font-size:.7rem}.layout-breadcrumb{width:calc(100% - 2rem)}.layout-books{padding-inline:1rem}.layout-books-grid,.layout-boxed-grid{grid-template-columns:1fr}.layout-books-intro{text-align:center}.global-footer .footer-parent-card img{height:56px;max-width:80px}.global-footer .footer-links{gap:.1rem .4rem}}