/* Cargo-inspired layered surfaces; the original artwork remains unfiltered. */
/* Only U+0026 uses this traditional two-loop glyph; all other text stays Archivo. */
@font-face{font-family:Archivo;src:url(/fonts/ampersand-roboto.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0026}
:root{--theme-ease-out:cubic-bezier(.23,1,.32,1);--theme-hover:#f1f1ee}
:root.dark{color-scheme:dark;--cell:#171717;--ink:#e8e8e4;--mute:#aaa9a3;--seam:#393936;--rule:#30302e;--theme-hover:#292927;scrollbar-color:#686863 #20201e}
:root.dark :is(.page-title,.page-header nav,.toolbar,.shelf-heading,.shelf-covers,.release-card,.book-cell,.filler,.empty,.skip,.error,.home-frame,footer){background:var(--cell)}
:root.dark :is(.empty-cover,.c.empty){background:#242422}
:root.dark body[data-reading-treatment="inverse"] .reading-label{background:var(--ink);color:var(--cell);border-color:var(--ink)}
:root.dark ::selection{background:#494b43;color:var(--ink)}
:root.dark :is(a,button):focus-visible{outline-color:#aaa9a3}
:root.dark .media-links .unavailable{color:#71716c}
site-theme-toggle{grid-column:-2/-1;grid-row:1;justify-self:end;align-self:start;z-index:1;display:flex;align-items:center;color:var(--ink);font:13px/1.4 Archivo,Arial,sans-serif}
.cells>site-theme-toggle{margin:1.4rem 1.6rem 0 0}
.cells>.name{grid-column:1/span 2;grid-row:1/span 2}
.cells>.head{grid-column:1/span 2;grid-row:1}
.cells>.ct{grid-column:4;grid-row:1}
.cells>.desc{grid-column:3/-1;grid-row:1}
:is(.library-header,.page-header)>site-theme-toggle{align-self:center;margin-inline-end:var(--library-inset,var(--pad,16px))}
:is(.library-header,.page-header)>.page-title,:is(.library-header,.page-header)>nav{grid-row:1}
site-theme-toggle button{display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent;color:inherit;width:44px;height:40px;cursor:pointer;touch-action:manipulation;transition:transform 160ms var(--theme-ease-out),background-color 160ms ease}
site-theme-toggle button:active{transform:scale(.97)}
site-theme-toggle button:focus-visible{outline:1px solid var(--ink);outline-offset:-5px}
site-theme-toggle svg{width:18px;height:18px;pointer-events:none}
html[data-magicui-theme-vt="active"]::view-transition-group(root){animation-duration:var(--magicui-theme-toggle-vt-duration)}
html[data-magicui-theme-vt="active"]::view-transition-old(root),html[data-magicui-theme-vt="active"]::view-transition-new(root){animation:none;mix-blend-mode:normal}
html[data-magicui-theme-vt="active"]::view-transition-old(root){z-index:1}
html[data-magicui-theme-vt="active"]::view-transition-new(root){z-index:2;clip-path:var(--magicui-theme-vt-clip-from)}
@media(hover:hover) and (pointer:fine){site-theme-toggle button:hover{background:var(--theme-hover)}}
@media(max-width:640px){.cells>.name{grid-row:1}.cells>.ct{grid-column:2;grid-row:2}.cells>.desc{grid-column:1/-1;grid-row:2}:is(.library-header,.page-header)>nav{grid-row:2}}
@media(prefers-reduced-motion:reduce){site-theme-toggle button{transition:none}}
/* Keep the system theme useful even if scripting is disabled. */
@media(prefers-color-scheme:dark){:root:not([data-theme-mode]){color-scheme:dark;--cell:#171717;--ink:#e8e8e4;--mute:#aaa9a3;--seam:#393936;--rule:#30302e}:root:not([data-theme-mode]) :is(.page-title,.page-header nav,.toolbar,.shelf-heading,.shelf-covers,.release-card,.book-cell,.filler,.empty,.skip,.error,.home-frame,footer){background:var(--cell)}:root:not([data-theme-mode]) :is(.empty-cover,.c.empty){background:#242422}}

/* Survey blue is an accent: keep the canvas, page titles and artwork neutral. */
:root{--site-accent:#658ab5;--site-accent-text:#42668d}
:root.dark{--site-accent-text:#94b3d6}
@media(prefers-color-scheme:dark){:root:not([data-theme-mode]){--site-accent-text:#94b3d6}}
::selection,:root.dark ::selection{background:var(--site-accent);color:#111}
:is(a,button,input):focus-visible,:root.dark :is(a,button,input):focus-visible{outline-color:var(--site-accent)}
.cells :is(.ct h2,.bg h2,.wr h2,.p .no){color:var(--site-accent-text)}
.library-book-grid :is(.top-rank,.rating){color:var(--site-accent-text)}
/* A single blue cell houses the collection destinations, with readable dark ink. */
.cells>.media-links{background:var(--site-accent);color:#111;gap:0}
.media-links a{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:.55rem 0;font-size:1.6rem;line-height:2.2rem;font-weight:500;color:#111;text-decoration:underline;text-underline-offset:.2em}
.media-links a::after{content:"";width:14px;height:14px;flex-shrink:0;background:currentColor;mask:url("/theme/arrow-right.2042c96502bc.svg") center/contain no-repeat}
.media-links .unavailable,:root.dark .media-links .unavailable{color:#233449;margin-top:.8rem}
.media-links a:focus-visible,:root.dark .media-links a:focus-visible{outline-color:#111;outline-offset:3px}
/* Hover is text and underline only: never fill the link's background. */
@media(hover:hover) and (pointer:fine){
 :is(a.text-external,a.project-external,.wr a,.page-nav .main-link,.page-header .main-link,.footer .main-link,footer .main-link,footer>a,.back,.more):hover{color:var(--site-accent);text-decoration-color:var(--site-accent);text-underline-offset:.2em}
 :is(a.text-external,a.project-external):hover .external-label{ text-decoration-color:var(--site-accent)}
 .wr a:hover,.more:hover{ text-decoration:underline;text-decoration-color:var(--site-accent)}
 :is(.book-outbound,.release-outbound):hover{color:var(--site-accent)}
 .release-card:has(.cover-link:hover) .release-title{color:var(--site-accent);text-decoration:underline;text-underline-offset:4px}
 .media-links a:hover{color:#111;text-decoration:underline;text-decoration-color:#111;text-underline-offset:.2em}
 site-theme-toggle button:hover{background:transparent;color:var(--site-accent)}
}
.toolbar input:focus{border-bottom-color:var(--site-accent)}
/* Library's single-link navigation has a more specific neutral default. */
@media(hover:hover) and (pointer:fine){
 .library-header .page-nav a.main-link:hover{color:var(--site-accent)}
}
:root body[data-reading-treatment="inverse"] .library-book-grid .reading-label,:root.dark body[data-reading-treatment="inverse"] .library-book-grid .reading-label{background:transparent;color:var(--site-accent-text);border-color:var(--site-accent)}
.empty-cover.accent-empty,:root.dark .empty-cover.accent-empty{background:var(--site-accent)}