/* WolfWhale · The Living Collection. Shared museum presentation, September 2026. */
:root{--museum-serif:Georgia,"Times New Roman",serif;--museum-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:var(--museum-serif)}
html body{font-family:var(--museum-sans);font-size:15px;line-height:1.55;letter-spacing:0}
html :is(h1,h2,h3,h4){font-family:var(--museum-serif);font-weight:400;letter-spacing:-.025em;text-shadow:none}
html h1{font-size:clamp(30px,4vw,52px);line-height:1.08;white-space:normal}
html h2{font-size:26px;line-height:1.2}html h3{font-size:21px;line-height:1.3}
html :is(.eyebrow,.ll-eyebrow,.kicker,.collection-name){font-family:var(--museum-sans);font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
html :is(button,select,input,textarea){font-family:var(--museum-sans);font-size:14px;border-radius:3px;box-shadow:none;min-height:40px}
html button{border-width:1px;padding:7px 12px;transition:background .16s,color .16s}
html button:hover{transform:none}
html :is(.card,.resource-card,.subject-card,.library-intro,.browse,.deeper,.facts,.reference-card,.information,.record-card,.dino-choice,.journey-card,.collection-card,.source-card,.panel,.ll-card,.ll-resource,.scan-card,.reading-card){border-radius:0!important;box-shadow:none!important}
html :is(header,.topbar,.site-header,.library-header){border-bottom:1px solid var(--ww-line);background:var(--ww-page);color:var(--ww-text);box-shadow:none;backdrop-filter:none}
html header :is(.brand,.ll-brand){width:auto;height:auto;display:flex;gap:10px;align-items:center;font-family:var(--museum-serif);font-size:19px;font-weight:500;letter-spacing:.10em;border-radius:0;filter:none;white-space:nowrap}
html header .brand :is(span,small){font-family:var(--museum-sans);font-size:11px;letter-spacing:.06em;font-weight:400}
html header .brand>span{font-family:var(--museum-serif);font-size:19px;letter-spacing:.10em}
html header .brand small{display:block;font-family:var(--museum-sans);font-size:10px;letter-spacing:.10em;margin-top:3px}
html header .brand img{width:32px;height:32px;border:0;padding:0;object-fit:contain}
html header nav{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;gap:14px}
html header nav a{font-size:13px;font-weight:400;min-height:40px;padding:6px 8px}
html .ww-context,html header .ww-context{font-size:12px;gap:12px;max-width:none;flex-wrap:wrap}
html header .ww-context a{min-height:36px}
html .ww-theme-control{border-left:1px solid var(--ww-line);border-radius:0;padding-left:12px;font-size:11px!important}
html .ww-theme-control select{border:0!important;min-height:34px!important;max-width:85px}
html :is(.sections,.view-tabs,.view-buttons,.article-links,.reading-links,.modes,.topic-nav){gap:6px;border-bottom:1px solid var(--ww-line);padding-bottom:4px}
html :is(.sections,.view-tabs,.view-buttons,.article-links,.reading-links,.modes,.topic-nav)>:is(button,a){border:0!important;border-bottom:2px solid transparent!important;border-radius:0;background:transparent!important;color:var(--ww-muted)!important;box-shadow:none!important;font-size:13px;font-weight:400;padding:7px 10px;min-height:38px}
html :is(.sections,.view-tabs,.view-buttons,.article-links,.reading-links,.modes,.topic-nav)>:is([aria-pressed=true],[aria-current=true],[aria-current=page]){color:var(--ww-text)!important;border-bottom-color:var(--ww-accent)!important;background:transparent!important;font-weight:600}
html :is(.caption,.fine,.art-caption,.source-caption,.viewer-caption){font-size:11px;line-height:1.5;color:var(--ww-muted)}
html :is(.resource-description,.subject-copy>span,.card-copy>p,.lead,.intro){font-size:15px;line-height:1.5}
html :is(.journey-card,.collection-card,.source-card,.scan-card,.ll-resource,.story-list-link,.object-reading,.observation,.scan-about){background:var(--ww-surface);color:var(--ww-text);border-color:var(--ww-line)}
html :is(.journey-card,.collection-card,.source-card,.scan-card,.ll-resource) :is(p,small){color:var(--ww-muted)}
html :is(.story-list-link,.collection-more,.collection-hero,.ll-reading,.reading-notes,.detail>section){border-radius:0;box-shadow:none}
html :is(.ll-hero,.ll-feature,.ll-guide,.read-first,.collection-hero){background:var(--ww-surface);color:var(--ww-text)}
html :is(.ll-hero,.ll-feature,.ll-guide,.collection-hero) p{color:var(--ww-muted)}
html :is(.card-art,.collection-art){border-radius:0}
html :is(.library-footer,.site-footer,footer){font-size:11px;border-color:var(--ww-line)}
/* The catalogue is a gallery of labelled objects, with colour in the illustrations. */
html .library-shell{max-width:1440px;padding-inline:32px}
html .library-header{min-height:76px;padding-block:10px}
html .library-intro{border:0!important;padding:25px 0 12px;background:transparent!important}
html .welcome{min-height:0;padding:0 0 18px}
html .welcome h1{font-family:var(--museum-serif);font-weight:400;font-size:42px;letter-spacing:-.035em;margin:6px 0 10px}
html .welcome-orca{display:none}
html .search-form{max-width:800px;border:0;border-bottom:1px solid var(--ww-line);border-radius:0;padding:3px 0;box-shadow:none}
html .search-form input{font-size:15px;background:transparent}
html .search-form button{border-radius:2px;font-size:13px}
html .discovery-links{font-size:12px;gap:12px}
html .discovery-links a{background:transparent!important;border:0;border-radius:0;box-shadow:none;min-height:32px;padding:3px 0;font-weight:400}
html .subject-grid{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
html .subject-card{display:block;border:0!important;border-bottom:1px solid var(--ww-line)!important;background:transparent!important;transform:none!important}
html .subject-scene{height:110px;min-height:0;border-radius:0;background:#fff!important}
html .subject-scene>img{padding:7px;object-fit:contain}
html .subject-scene-strip>img{object-fit:cover;object-position:left center}
html .subject-icon{display:none}
html .subject-copy{padding:12px 0}
html .subject-copy strong{font-family:var(--museum-serif);font-weight:400;font-size:22px;letter-spacing:-.02em}
html .subject-copy>span{font-size:13px;line-height:1.45}
html .subject-copy .subject-count{font-family:var(--museum-sans);font-size:11px;font-weight:400;margin-top:8px}
html .section-heading h2,html .catalogue-top h2{font-family:var(--museum-serif);font-size:26px;font-weight:400}
html .cards{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
html .resource-card{border:0;border-bottom:1px solid var(--ww-line);transform:none!important}
html .resource-main{padding:15px 0;grid-template-columns:86px 1fr;gap:16px;min-height:136px}
html .resource-art{width:86px;height:96px;border-radius:0}
html .resource-copy :is(h3,h4,h5){font-family:var(--museum-serif);font-weight:400;font-size:21px}
html .resource-label{font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
html .resource-description{font-size:13px}
html .resource-versions{background:transparent!important;padding:0;font-size:12px}
html .resource-versions a{font-size:11px;font-weight:400}
html .reference-card .resource-main{min-height:0;padding:12px 0}
html .reference-card :is(h3,h4,h5){font-size:17px}
/* The encyclopedia: a specimen stage, a wall label, a collection rail. */
.museum-encyclopedia .app{width:100%;max-width:1600px;padding:0 30px}
.museum-encyclopedia header{min-height:70px;padding:10px 0}
.museum-encyclopedia .browse{border:0!important;border-bottom:1px solid var(--ww-line)!important;border-radius:0;margin:0 0 20px;background:transparent!important}
.museum-encyclopedia .browse>summary{font-size:12px;font-weight:400;min-height:32px;padding:7px 0}
.museum-encyclopedia .browse>summary span{font-size:11px}
.museum-encyclopedia .workspace,.museum-encyclopedia.focused-reader .workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px 36px;align-items:start}
.museum-encyclopedia .exhibit-label{grid-column:2;grid-row:1;min-width:0;padding:4px 0 0 24px;border-left:1px solid var(--ww-line)}
.museum-encyclopedia .heading{padding:0 0 8px!important}
.museum-encyclopedia .heading h1,.museum-encyclopedia.focused-reader .heading h1{font-family:var(--museum-serif);font-size:clamp(36px,4.6vw,62px);font-weight:400;letter-spacing:-.04em;line-height:1.04;margin:8px 0 10px}
.museum-encyclopedia #subtitle{font-family:var(--museum-serif);font-style:italic;font-size:17px;margin-bottom:16px;line-height:1.4}
.museum-encyclopedia .opening{font-family:var(--museum-serif);font-size:17px!important;line-height:1.5!important;border-top:1px solid var(--ww-line);padding-top:14px;margin-bottom:12px!important}
.museum-encyclopedia .visual,.museum-encyclopedia.focused-reader .visual{grid-column:1;grid-row:1;border:0!important;padding:0!important;margin:0;min-width:0}
.museum-encyclopedia .visual-head{justify-content:space-between;gap:10px;align-items:center}
.museum-encyclopedia .visual-head button{font-size:11px;min-height:34px;padding:5px 7px}
.museum-encyclopedia #image-area{border-radius:0;margin:12px 0;background:#fff}
.museum-encyclopedia #image,.museum-encyclopedia.focused-reader #image{width:100%;max-height:clamp(260px,48vh,560px);object-fit:contain}
.museum-encyclopedia .image-type{font-size:10px;letter-spacing:.04em;margin-top:5px}
.museum-encyclopedia .visual-bottom{margin-top:5px;gap:15px;align-items:center}
.museum-encyclopedia .visual-bottom p{font-size:11px;line-height:1.5}
.museum-encyclopedia .visual-bottom button{font-size:11px;min-height:32px;border:0;border-bottom:1px solid var(--ww-line);border-radius:0;flex:none}
.museum-encyclopedia .exhibit-label .card{border:0!important;padding:12px 0!important;margin:0;background:transparent!important}
.museum-encyclopedia .facts :is(.eyebrow,h2){display:none}
.museum-encyclopedia .facts dl{display:block}
.museum-encyclopedia .facts dl>div,.museum-encyclopedia.focused-reader .facts dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;background:transparent!important;border:0;border-radius:0;padding:7px 0}
.museum-encyclopedia .facts dt{font-size:12px;margin:0}
.museum-encyclopedia .facts dd{font-family:var(--museum-serif);font-size:16px;font-weight:400;line-height:1.4}
.museum-encyclopedia .article-links{flex-wrap:wrap;gap:1px;margin:10px 0 0}
.museum-encyclopedia .article-links a{font-size:12px;min-height:36px;padding:5px 8px}
.museum-encyclopedia .story h2{font-size:20px}.museum-encyclopedia .story h3{font-size:18px}
.museum-encyclopedia .story p,.museum-encyclopedia .details-content p{font-size:14px;line-height:1.6}
.museum-encyclopedia .deeper>summary{font-family:var(--museum-serif);font-size:19px;padding:0 0 12px}
.museum-encyclopedia .deeper>summary span{font-size:12px;margin:4px 0}.museum-encyclopedia .details-content{padding:0}
.museum-encyclopedia .related{grid-column:1/-1!important;padding:14px 0 0;border-top:1px solid var(--ww-line)}
.museum-encyclopedia .related h2{font-family:var(--museum-sans);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.15em;margin:0 0 12px}
.museum-encyclopedia .related>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.museum-encyclopedia .related a{background:transparent!important;display:flex;flex-direction:column;gap:7px;border:0;border-left:1px solid var(--ww-line);border-bottom:3px solid transparent;border-radius:0;padding:3px 12px 9px;text-align:center;font-family:var(--museum-serif);font-size:15px;font-weight:400}
.museum-encyclopedia .related a[aria-current=page]{border-bottom-color:var(--ww-accent);font-weight:600}
.museum-encyclopedia .related img{height:80px;max-height:80px;width:100%;object-fit:contain;border-radius:0;background:white;aspect-ratio:auto}
.museum-encyclopedia footer{padding:8px 0;border-top:0;font-size:11px}
.museum-encyclopedia footer button{font-size:11px;min-height:34px;border:0}
.museum-encyclopedia .visual.is-expanded{grid-column:1/-1;grid-row:auto}.museum-encyclopedia .visual.is-expanded #image{max-height:85vh}
.museum-encyclopedia:has(.visual.is-expanded) .exhibit-label{grid-row:auto}
/* A shared front door: preserve the film as an optional exhibit, not a backdrop. */
html .museum-home-header{display:flex;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:18px 32px;min-height:76px}
html .museum-home-header nav{margin-left:auto;display:flex;gap:18px}
html .museum-home-header a{text-decoration:none}
html .museum-entrance{max-width:1440px;margin:auto;padding:45px 32px 35px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:50px;align-items:center;border-bottom:1px solid var(--ww-line)}
html .entrance-art img{width:100%;height:400px;object-fit:contain;background:#fff}
html .entrance-art p{font-size:10px;letter-spacing:.06em;color:var(--ww-muted);margin:8px 0}
html .entrance-label h1{font-family:var(--museum-serif);font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1.03;letter-spacing:-.04em;margin:14px 0 22px;white-space:normal;text-shadow:none}
html .entrance-label>p:not(.eyebrow){font-family:var(--museum-serif);font-size:20px;line-height:1.5;margin:0 0 25px;max-width:32ch}
html .museum-primary{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--ww-line);border-bottom:1px solid var(--ww-line);padding:14px 0;max-width:320px;font-size:14px;text-decoration:none;color:var(--ww-text)}
html .entrance-exhibit{display:inline-block;font-size:12px;margin-top:18px;color:var(--ww-accent);text-decoration:none}
html .library-section{max-width:1440px;padding:32px;margin:auto}
html .library-heading h2{font-family:var(--museum-serif);font-size:30px;font-weight:400}
html .library-subject-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
html .library-subject-card{border:0;border-bottom:1px solid var(--ww-line);border-radius:0;background:var(--ww-surface);color:var(--ww-text);box-shadow:none;padding:20px 0;transform:none}
html .library-subject-copy strong{font-family:var(--museum-serif);font-size:22px;font-weight:400}
html .library-subject-copy>span{font-size:13px;color:var(--ww-muted)}
html .library-subject-icon{background:transparent;border:0;color:var(--ww-accent)}
html .home-search{margin:24px 0}.home-search button{border-radius:2px}
html .museum-film{max-width:1376px;margin:0 auto 30px;border-top:1px solid var(--ww-line);padding:18px 0;font-size:12px;color:var(--ww-muted)}
html .museum-film video{display:block;width:min(100%,800px);margin:16px auto 0}
/* Specialist collections and interactive exhibits keep their native controls. */
html .object-heading h1,html .scan-intro h1{font-family:var(--museum-serif);font-weight:400;letter-spacing:-.025em;font-size:clamp(30px,4vw,46px)}
html .scan-stage,html .object-photo,html .scan-visual{border-radius:0;border-color:var(--ww-line)}
html .scan-filters,html .scan-about{border-radius:0;box-shadow:none;background:var(--ww-surface);color:var(--ww-text)}
html .object-facts{font-size:13px}.scan-credit-details{font-size:12px}
html .museum-screen{font-family:var(--museum-sans)}
html .museum-screen .information{border:0;border-left:1px solid var(--ww-line);padding-left:22px}
html .museum-screen .view-tabs button{border-radius:0}
html .museum-screen .chooser{border-color:var(--ww-line)}
html .museum-screen .dino-choice{border:0;border-left:1px solid var(--ww-line);border-radius:0}
html .museum-screen .dino-choice[aria-current=page]{border-bottom:2px solid var(--ww-accent);background:var(--ww-soft);box-shadow:none}
html .detail{gap:24px}.detail>section{box-shadow:none}
html .detail-head h1{font-family:var(--museum-serif);font-weight:400;font-size:42px}
html .element-intro{font-family:var(--museum-serif);font-size:18px;line-height:1.5}
html .element-badge{border-radius:0;background:var(--ww-soft);color:var(--ww-text)}
html .table-panel{border-radius:0;box-shadow:none}
html .material-image{border-radius:0}
html .app[data-id]{max-width:1450px;padding:0 30px 24px}
html .app[data-id] .heading{padding:22px 0 16px}
html .app[data-id] .heading h1{font-family:var(--museum-serif);font-weight:400;font-size:38px;margin:0 0 8px}
html .app[data-id] .card{border:0;border-top:1px solid var(--ww-line);padding:20px 0;margin-bottom:16px}
html .app[data-id] .read-first{padding:12px 0 18px}
html .app[data-id] .read-first dl{margin:12px 0;gap:20px}
html .app[data-id] .read-first dl>div{border:0;border-left:1px solid var(--ww-line);padding:4px 14px;background:transparent;border-radius:0}
html .app[data-id] .read-first h2{font-size:22px}
html .app[data-id] .read-first dd{font-size:14px}
html .app[data-id] .workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:32px;align-items:start}
html .app[data-id] .visual{padding:0;border:0}
html .app[data-id] .viewport{height:clamp(250px,48vh,560px);min-height:0}
html .app[data-id] .learning{border-top:0;border-left:1px solid var(--ww-line);padding:0 0 0 22px}
html .app[data-id] .learning>summary{font-family:var(--museum-serif);font-size:22px}
html .app[data-id] .learning h2{font-size:19px}
html .app[data-id] .topic-list button{font-size:12px;min-height:36px;padding:5px 8px}
html .app[data-id] .visual .caption{font-size:11px}
html .app[data-id] .reading-notes{max-width:850px}
html .app[data-id] .reading-notes h2{font-size:26px}
html .app[data-id] .reading-jump{border:0;border-radius:0;background:transparent;font-size:12px;padding:3px 0;min-height:30px}
html .app[data-id] .read-first p{font-size:15px;margin-bottom:10px}
@media(min-width:1050px){
 html .detail{display:grid;grid-template-columns:1.15fr 1fr;align-items:start}
 html .detail .element-info{grid-column:2;grid-row:1}
 html .detail #panel-material{grid-column:1;grid-row:1;border:0}
 html .detail #panel-atom,html .detail #panel-facts{border-top:1px solid var(--ww-line)}
}
@media(max-width:1050px){
 html .subject-grid,html .library-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .museum-encyclopedia .workspace,.museum-encyclopedia.focused-reader .workspace{gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}
 .museum-encyclopedia .exhibit-label{padding-left:18px}
 html .museum-entrance{gap:24px}
}
@media(max-width:760px){
 html body{font-size:15px}html h1{font-size:34px}
 html header .brand{font-size:17px}html header .brand>span{font-size:17px}
 html header .ww-context{max-width:100%;font-size:11px;flex:1 1 auto;order:3;margin:0;justify-content:flex-start}
 html .ww-theme-control{margin-left:auto}
 html .library-shell,.museum-encyclopedia .app{padding-inline:18px}
 html .welcome h1{font-size:34px}
 html .cards{grid-template-columns:1fr}
 html .subject-grid{gap:16px}html .subject-copy strong{font-size:20px}
 .museum-encyclopedia .workspace,.museum-encyclopedia.focused-reader .workspace{display:flex;flex-direction:column;gap:18px}
 .museum-encyclopedia .visual{width:100%;order:1}
 .museum-encyclopedia .exhibit-label{width:100%;order:0;border:0;padding:0}
 .museum-encyclopedia .exhibit-label:has(.reader-panel:not([hidden]):not(.facts))~.related{order:2}
 .museum-encyclopedia .heading h1,.museum-encyclopedia.focused-reader .heading h1{font-size:40px}
 .museum-encyclopedia .related{width:100%;order:2}
 .museum-encyclopedia .related>div{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}
 .museum-encyclopedia .related a{font-size:13px;padding:3px 8px 8px}
 .museum-encyclopedia .related img{height:64px}
 .museum-encyclopedia .visual-bottom{flex-direction:row}
 html .museum-home-header{padding:14px 18px;gap:10px;flex-wrap:wrap}
 html .museum-home-header nav{gap:8px}
 html .museum-entrance{display:flex;flex-direction:column-reverse;padding:26px 18px 18px;gap:20px;align-items:stretch}
 html .entrance-label h1{font-size:46px}html .entrance-label>p:not(.eyebrow){font-size:18px}
 html .entrance-art img{height:260px}html .library-section{padding:24px 18px}
 html .library-heading{flex-wrap:wrap}html .library-subject-grid{gap:14px}
 html .library-subject-copy strong{font-size:20px}html .museum-film{margin:0 18px 25px}
 html .app[data-id]{padding:0 18px 24px}html .app[data-id] .heading h1{font-size:32px}
 html .app[data-id] .workspace{grid-template-columns:1fr}
 html .app[data-id] .learning{border-left:0;border-top:1px solid var(--ww-line);padding:15px 0 0}
 html .app[data-id] .read-first dl{grid-template-columns:1fr}
 html .app[data-id] .viewport{height:320px}
 html .detail-head h1{font-size:34px}
}
@media(prefers-reduced-motion:reduce){html *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.museum-encyclopedia .workspace{display:block}.museum-encyclopedia .exhibit-label{border:0;padding:0}.museum-encyclopedia .reader-panel[hidden]{display:block!important}.museum-encyclopedia .related,.museum-film,.ww-theme-control{display:none!important}}
html .app[data-id] :is(.read-first,.reading-notes)>summary{font-family:var(--museum-serif);font-size:19px;font-weight:400;min-height:38px;padding:5px 0}
html .app[data-id] :is(.read-first,.reading-notes):not([open]){padding:8px 0;margin:0}
html .app[data-id] :is(.read-first,.reading-notes):not([open])>:not(summary){display:none}
html .app[data-id] .read-first h2{display:none}
html .app[data-id] .learning h2{display:none}
html .app[data-id] .learning>summary{margin-bottom:8px}
/* Neutral gallery surfaces also cover the discovery and imported-object collections. */
html .hero-window{background:var(--ww-surface);color:var(--ww-text);border-radius:0;border-color:var(--ww-line)}
html .hero-window :is(.window-label,.window-title){color:var(--ww-text)}
html .hero-window>img{background:#fff}
html .scan-search{background:var(--ww-surface);color:var(--ww-text);border-radius:0;border-color:var(--ww-line)}
html .scan-search label{color:var(--ww-muted)}
html .scan-card-image{height:180px;border-radius:0;background:#fff;color:#33434c}
html .scan-card-copy{padding:16px 0}
html .scan-card{border:0;border-bottom:1px solid var(--ww-line)}
html .scan-card-image:has(img[hidden]){height:90px;background:var(--ww-soft);color:var(--ww-muted);font-size:12px}
html .scan-badge{border-radius:0;font-size:10px}
html .scan-intro{padding:28px 0 20px}
html .scan-intro>p:not(.eyebrow){font-size:15px}
html .scan-collection-meta{font-size:12px;margin-top:15px}
html .scan-search{padding:16px}
html .scan-grid{gap:24px}
html .app[data-id] .viewport{height:clamp(240px,40vh,480px)}
@media(min-width:1100px) and (max-height:850px){
 .museum-encyclopedia .browse{margin-bottom:14px}
 .museum-encyclopedia .workspace,.museum-encyclopedia.focused-reader .workspace{row-gap:16px}
 .museum-encyclopedia #image,.museum-encyclopedia.focused-reader #image{max-height:34vh}
 .museum-encyclopedia .heading h1,.museum-encyclopedia.focused-reader .heading h1{font-size:48px;margin:5px 0 7px}
 .museum-encyclopedia #subtitle{font-size:15px;margin-bottom:10px}
 .museum-encyclopedia .opening{font-size:16px!important;padding-top:10px;margin-bottom:8px!important}
 .museum-encyclopedia .facts dl>div,.museum-encyclopedia.focused-reader .facts dl>div{padding:5px 0}
 .museum-encyclopedia .related img{height:64px;max-height:64px}
 .museum-encyclopedia .related{padding-top:10px}
 .museum-encyclopedia .related h2{margin-bottom:8px}
}
/* Continuous histories retain their reading structure and use the same surfaces. */
html[data-theme] :is(.browse-panel,.overview,.deeper-reading,.reading-section,.illustrated-stories,.story-intro,.scene-visual,.sources,.sources-body,.primary-link,.context-note,.activity-box,.more-links>div){background:var(--ww-surface)!important;color:var(--ww-text)!important;border-color:var(--ww-line)!important;border-radius:0;box-shadow:none}
html[data-theme] :is(.browse-panel,.overview,.deeper-reading,.reading-section,.illustrated-stories,.scene-visual,.sources,.sources-body) :is(p,span,small,strong,summary,li,dt,dd){color:var(--ww-text)}
html[data-theme] .primary-link{border-bottom:1px solid var(--ww-line);color:var(--ww-accent)!important}
html[data-theme] :is(.hero-subtitle,.hero-deck,.context-note,.source-note,.reading-context){color:var(--ww-muted)!important}
html[data-theme] .photo-status{color:var(--ww-muted);font-size:12px;text-align:center}
html .browse-panel>summary{font-size:13px;min-height:38px;padding:8px 14px}
html .overview{padding:18px 0;border:0;border-top:1px solid var(--ww-line)}
html .overview #overview{font-family:var(--museum-serif);font-size:20px;line-height:1.5}
html .illustrated-stories{padding:12px 0;margin:12px 0;border:0;border-top:1px solid var(--ww-line);border-bottom:1px solid var(--ww-line)}
/* A clipped skip link never peeks into the museum masthead; it remains keyboard accessible. */
html :is(.skip,.skip-link):not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
html :is(.skip,.skip-link):focus{clip-path:none;width:auto;height:auto;padding:12px;z-index:100;top:8px;left:8px;background:var(--ww-surface);color:var(--ww-text)}

/* Generated subject objects: white specimen grounds in every theme. */
html .library-subject-card{flex-direction:column}
html .library-subject-art{display:block;width:100%;height:160px;background:#fff;overflow:hidden}
html .library-subject-art img{display:block;width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
html .library-subject-card .library-subject-count{position:static;margin-top:auto}
html .subject-art-credit{font-size:11px;color:var(--ww-muted);margin:12px 0}

/* Land Lessons: specimen and wall label, followed by the complete sourced story. */
html .museum-land .app{display:block;height:auto;min-height:100dvh;max-width:1440px;padding:0 32px 24px;margin:auto}
html .museum-land header{min-height:72px;padding:10px 0}
html .museum-land .modes{padding:8px 0;margin:0;flex-wrap:wrap}
html .museum-land .browse-panel{margin:0 0 18px;padding:0;border:0;border-bottom:1px solid var(--ww-line)}
html .museum-land .browse-panel>summary{padding:10px 0;font-size:13px;font-weight:400}
html .museum-land .browse-panel>summary span{font-size:12px}
html .museum-land .heading{padding:0;margin:18px 0}
html .museum-land .heading h1{font-family:var(--museum-serif);font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.1;margin:8px 0}
html .museum-land .heading .eyebrow{font-size:10px}
html .museum-land #subtitle{font-size:15px;line-height:1.5}
html .museum-land .article{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:0 32px;border:0;border-radius:0;padding:0;background:var(--ww-page);box-shadow:none}
html .museum-land .article>*{grid-column:1/-1;min-width:0}
html .museum-land .article>.visual{grid-column:1;grid-row:1 / span 2;margin:0;padding:0;border:0}
html .museum-land .article>.overview{grid-column:2;grid-row:1;padding:12px 0 10px 24px;border-left:1px solid var(--ww-line)}
html .museum-land #overview{font-family:var(--museum-serif);font-size:19px;line-height:1.55;margin:8px 0}
html .museum-land .reading-context{font-size:12px;line-height:1.5}
html .museum-land .article>.details{grid-column:2;grid-row:2;padding:12px 0 12px 24px;border-top:0;border-left:1px solid var(--ww-line)}
html .museum-land .details dl{display:block;margin:12px 0}
html .museum-land .details dl>div{padding:10px 0;border:0;border-top:1px solid var(--ww-line);border-radius:0;background:transparent}
html .museum-land .details dt{font-size:11px;color:var(--ww-muted)}
html .museum-land .details dd{font-family:var(--museum-serif);font-size:17px;font-weight:400;line-height:1.5}
html .museum-land .visual-content{border-radius:0;padding:0;background:#fff}
html .museum-land .plate{max-height:460px;width:100%;object-fit:contain}
html .museum-land .visual figcaption{font-size:11px;line-height:1.5;margin:10px 0;color:var(--ww-muted)}
html .museum-land .picture-actions{gap:8px;margin:8px 0 16px}
html .museum-land :is(button,input,select,textarea,summary){font-size:14px;border-radius:2px;box-shadow:none}
html .museum-land :is(button,input,select,textarea){min-height:40px;padding:8px 12px}
html .museum-land #expand{font-size:12px;min-height:40px;padding:7px 10px}
html .museum-land .reading-links{margin:20px 0 0;padding:8px 0;border-top:1px solid var(--ww-line)}
html .museum-land :is(.reading-section,.story-chapter){padding:24px 0;border-color:var(--ww-line)}
html .museum-land :is(.reading-section,.story-chapter) h2{font-size:26px;margin:0 0 14px}
html .museum-land :is(.reading-section p,.story-chapter>p,.details-body p,#activity-content,#event-body){font-size:15px;line-height:1.7;max-width:78ch}
html .museum-land :is(.deeper-reading,.teacher-details){padding:0;border:0;border-top:1px solid var(--ww-line);border-radius:0;background:var(--ww-surface);color:var(--ww-text)}
html .museum-land :is(.deeper-reading,.teacher-details)>summary{padding:16px 0;font-size:18px;font-family:var(--museum-serif)}
html .museum-land :is(.related button,.source-list a,.teacher-notes dd){font-size:14px}
html .museum-land .illustrated-stories{border:0;border-top:1px solid var(--ww-line);border-bottom:1px solid var(--ww-line);border-radius:0;padding:12px 0;margin:16px 0;gap:18px;box-shadow:none}
html .museum-land .illustrated-stories :is(strong,a){font-size:15px;font-weight:400}
html .museum-land .illustrated-stories :is(span,small){font-size:12px}
html .museum-land .more-links summary{padding:7px 10px;font-size:13px}
html .museum-land .card{padding:18px;border:1px solid var(--ww-line)}
html .museum-land .app header .ww-context{font-size:12px;gap:12px}
html .museum-land .app header .ww-context a{font-size:12px!important;min-height:36px;padding:5px 0!important}
html .museum-land .app header .ww-current{font-size:12px}
html .museum-land .visual.expanded{grid-column:1/-1;grid-row:auto}
@media(max-width:760px){
 html .museum-land .app{padding:0 16px 24px}
 html .museum-land .article{display:block}
 html .museum-land .article>:is(.overview,.details){border-left:0;padding:16px 0}
 html .museum-land .plate{max-height:360px}
 html .museum-land .illustrated-stories{flex-wrap:wrap}
 html .museum-land .heading h1{font-size:34px}
 html .museum-land .app header{flex-wrap:wrap}
}
html[data-theme] .museum-land .modes>button{background:transparent!important;color:var(--ww-muted)!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0;box-shadow:none}
html[data-theme] .museum-land .modes>button[aria-pressed=true]{color:var(--ww-text)!important;border-bottom-color:var(--ww-accent)!important}
html .museum-land .more-links>summary{background:transparent;border:0;box-shadow:none}
html .museum-land .heading+.illustrated-stories{font-size:12px;margin:0 0 18px;padding:8px 0;background:transparent!important}
html .museum-land .heading+.illustrated-stories>div{display:none}
html .museum-land .visual.is-expanded{grid-column:1/-1;grid-row:1}
html .museum-land .visual.is-expanded .plate{max-height:80vh}
html .museum-land .article:has(.visual.is-expanded)>.overview{grid-column:1;grid-row:2;border-left:0}
html .museum-land .article:has(.visual.is-expanded)>.details{grid-column:2;grid-row:2}
@media(max-width:760px){
 html .museum-land .article{display:flex;flex-direction:column}
 html .museum-land .article>.visual{order:-3}
 html .museum-land .article>.overview{order:-2}
 html .museum-land .article>.details{order:-1}
}
/* No-JavaScript reading collection shares the same museum labels and rules. */
html .static-reading{max-width:1100px;padding:24px;margin:auto}
html .static-reading :is(article,.static-index){border-radius:0;box-shadow:none;background:var(--ww-surface);color:var(--ww-text);border-color:var(--ww-line)}
html .static-reading article{padding:24px 0;border:0;border-top:1px solid var(--ww-line)}
html .static-reading article p{font-size:15px;line-height:1.65;max-width:78ch}
html .static-reading :is(figcaption,.chapter-sources){font-size:12px;line-height:1.5;color:var(--ww-muted)}

/* Shared product shell. Intentionally excludes the protected homepage hero. */
html header.ww-shell-host{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;padding:16px 0!important;position:relative!important;top:auto!important;overflow:visible!important;grid-column:1/-1;min-width:0;width:100%;border-bottom:1px solid var(--ww-line);background:var(--ww-page,#fff)!important;color:var(--ww-text)}
html .ww-global-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;width:100%;min-width:0}
html .ww-global-brand{font:22px/1.2 Georgia,serif!important;letter-spacing:0!important;display:block!important;text-decoration:none;color:var(--ww-text)!important;flex:none}
html .ww-global-brand small{display:block;font:9px/1.8 system-ui;letter-spacing:.12em}
html .ww-global-row>nav{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px!important;margin:0 0 0 auto!important;padding:0!important;width:auto!important}
html .ww-global-row>nav a{display:inline-flex!important;align-items:center;min-height:44px!important;padding:6px 10px!important;font:13px/1.4 system-ui!important;color:var(--ww-text)!important;text-decoration:none}
html .ww-global-row .ww-theme-control{margin:0!important;flex:none;white-space:nowrap}
html .ww-global-row .ww-theme-control select{min-height:44px!important}
html .ww-local-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-top:10px;min-width:0}
html .ww-local-bar>nav,html .ww-local-bar .header-row{display:flex;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%;width:auto;margin:0}
html .ww-local-bar:empty,html .ww-local-bar [data-theme-host]:empty{display:none}
html .ww-wayfinding{display:flex!important;align-items:center;flex-wrap:wrap;justify-content:flex-start!important;gap:12px!important;margin:8px 0 0!important;padding:0!important;width:auto!important;font:12px/1.5 system-ui!important;color:var(--ww-muted)}
html .ww-wayfinding a{min-height:44px!important;display:inline-flex!important;align-items:center;padding:4px 0!important}
html .ww-wayfinding [aria-current]{min-width:0;overflow-wrap:anywhere;max-width:70ch}
html .ww-wayfinding [aria-current]::before{content:'/';margin-right:12px}
html .ww-art-note{display:block;grid-column:1/-1;font:10px/1.5 system-ui;color:var(--ww-muted);padding:0 14px 12px}
html .subject-grid,html .library-subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:20px}
html .subject-card,html .library-subject-card{display:flex!important;flex-direction:column;min-width:0;border:0!important;border-bottom:1px solid var(--ww-line)!important;background:var(--ww-page,#fff)!important;padding:0!important;box-shadow:none!important;overflow:hidden}
html .subject-scene,html .library-subject-art{display:flex!important;align-items:center;justify-content:center;width:100%;height:170px!important;min-height:170px;background:#fff!important;margin:0!important;padding:12px!important}
html .subject-scene img,html .library-subject-art img{height:100%!important;width:100%!important;object-fit:contain!important;mix-blend-mode:normal!important}
html .subject-copy,html .library-subject-copy{display:flex;flex-direction:column;gap:6px;padding:16px 14px 8px!important;flex:1}
html .subject-copy strong,html .library-subject-copy strong{font:22px/1.2 Georgia,serif!important;color:var(--ww-text)}
html .subject-copy>span,html .library-subject-copy>span{font:13px/1.5 system-ui!important;color:var(--ww-muted)}
html .library-subject-count{padding:0 14px 8px!important;margin:0!important;font:12px/1.5 system-ui!important;color:var(--ww-muted)}
html .subject-icon{display:none!important}
html .subject-count{padding-top:8px}
html .scan-card .scan-badge{position:static;display:inline-block;margin:0 0 8px;padding:3px 0;border:0;border-radius:0;background:transparent;color:var(--ww-muted);font-weight:400}
html .ww-image-frame{position:relative;background:var(--ww-soft,#f1f2ef)}
html .ww-image-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font:12px/1.5 system-ui;color:var(--ww-muted);pointer-events:none}
html .ww-image-status[hidden]{display:none}
html .lit-art img{aspect-ratio:3/2;object-fit:contain}
html .ww-group-toggle{display:flex;align-items:center;gap:12px;min-height:44px;margin:8px 0 16px;border:1px solid var(--ww-line);background:var(--ww-surface,#fff);color:var(--ww-text);padding:8px 14px;cursor:pointer}
html .ww-group-summary{font:13px/1.6 system-ui;color:var(--ww-muted);margin:0 0 10px}
html [data-group].ww-collapsed>[data-topic-group]{display:none}
@media(min-width:1100px){html .library-subject-grid{grid-template-columns:repeat(5,minmax(0,1fr))}html .subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){html .ww-global-row{gap:8px 12px}html .ww-global-brand{font-size:20px!important}html .ww-global-row>nav{order:3;flex:1 1 100%;justify-content:flex-start!important;margin:0!important;border-top:1px solid var(--ww-line)!important;padding-top:4px!important}html .ww-global-row .ww-theme-control{margin-left:auto!important}html .ww-local-bar{gap:8px}html .subject-grid,html .library-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html .subject-copy strong,html .library-subject-copy strong{font-size:19px!important}html .subject-scene,html .library-subject-art{height:140px!important;min-height:140px}html .ww-wayfinding [aria-current]{max-width:100%}}
@media(max-width:360px){html .subject-grid,html .library-subject-grid{grid-template-columns:1fr}}
@media print{html .ww-global-row,html .ww-wayfinding,html .ww-group-toggle{display:none!important}html [data-group].ww-collapsed>[data-topic-group]{display:block!important}}
html .ww-art-note{font-size:11px;color:var(--ww-text);opacity:.8}
html .library-intro .search-form{max-width:none;width:100%}
html .ww-chapter-menu{border:0!important;padding:0!important;margin:0;position:relative;min-width:0}
html .ww-chapter-menu>summary{display:list-item;min-height:44px;padding:10px 16px;font:13px/1.6 system-ui;cursor:pointer;list-style-position:inside}
html .ww-chapter-menu[open]{flex:1 1 100%}
html .ww-chapter-menu .chapter-nav{display:flex!important;flex-wrap:wrap;justify-content:flex-start;gap:4px!important;border-top:1px solid var(--ww-line)!important;padding:8px 0!important;width:100%!important;max-width:100%;overflow:visible}
html .ww-local-bar .header-actions{display:flex;gap:12px;align-items:center}
html .ww-local-bar .header-actions :is(a,button){min-height:44px;font-size:13px}
html body:has(.ww-chapter-menu) main>.hero{padding-top:28px!important;min-height:0!important}
html .ww-local-bar:has(.ww-chapter-menu){margin-top:4px}
html .ww-wayfinding [hidden]{display:none!important}
@media(max-width:600px){html .ww-wayfinding{gap:6px 12px!important}html .ww-wayfinding [aria-current]{display:none}html .ww-local-bar:has(.ww-chapter-menu){gap:4px}}
/* Explicit theme colours override legacy tool/nav panels in both appearances. */
html .ww-wayfinding a{color:var(--ww-text)!important;opacity:1!important}
html .object-facts{background:var(--ww-surface,#fff)!important;color:var(--ww-text,#222)!important;border:1px solid var(--ww-line)!important}
html .object-facts :is(h2,h3,dt,dd,p,a){color:var(--ww-text,#222)!important}
html .object-facts :is(dl,dl>div){border-color:var(--ww-line)!important}
html .object-facts .eyebrow,html .object-facts dt{color:var(--ww-muted,#64706d)!important}
html .ww-learning-paths{border-top:1px solid var(--ww-line);margin-top:14px;padding:0}
html .ww-learning-paths>summary{cursor:pointer;min-height:44px;padding:12px 0;font:14px/1.5 system-ui;list-style-position:inside}
html .ww-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:10px 0 20px}
html .ww-path-grid h2{font:24px/1.2 Georgia,serif;margin:8px 0}
html .ww-path-grid p{font-size:13px;color:var(--ww-muted)}
html .ww-path-grid ol{padding-left:22px}html .ww-path-grid a{display:inline-flex;align-items:center;min-height:44px;color:var(--ww-text);font-size:14px}
@media(max-width:650px){html .ww-path-grid{grid-template-columns:1fr;gap:12px}}
/* Retained 3D experiments have fixed grid rows sized for their original headers.
   Let the common masthead and local controls occupy their natural height. */
html :is(.app,.studio):has(>header.ww-shell-host){height:auto!important;min-height:100dvh;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:auto;max-width:100%;min-width:0}
html :is(.app,.studio):has(>header.ww-shell-host)>*{min-width:0;max-width:100%}
html :is(.app,.studio):has(>header.ww-shell-host)>nav{height:auto!important;min-height:44px;flex-wrap:wrap!important;overflow:visible!important;gap:8px}
html :is(.app,.studio):has(>header.ww-shell-host)>nav select{min-width:0!important;max-width:100%;flex:1 1 180px}
html :is(.app,.studio):has(>header.ww-shell-host)>:is(.stage,.experiment){min-height:clamp(340px,52vh,620px)}
/* Museum fact cards must use the same surface/text pair in both themes. */
html .exhibit-layout .summary .facts>div{background:var(--ww-surface,#fff)!important;border-color:var(--ww-line)!important;color:var(--ww-text)!important}
html .exhibit-layout .summary .facts dd{color:var(--ww-text)!important}
html .exhibit-layout .summary .facts dt{color:var(--ww-muted)!important}


@font-face{font-family:'WolfWhale Brand';src:url('assets/home/WolfWhaleCoverBrand.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
html .ww-global-brand{display:inline-flex!important;align-items:center;gap:9px;font:28px/1.05 'WolfWhale Brand','Arial Narrow',sans-serif!important;letter-spacing:0!important;text-transform:uppercase;text-decoration:none;color:#000!important}
html .ww-global-brand .ww-brand-wordmark,html .library-footer .ww-brand-wordmark,html .footer-wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
html .ww-global-brand small,html .library-footer .ww-brand-wordmark small,html .footer-wordmark small{display:block;margin-top:3px;font:10px/1.2 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
html .library-footer .brand,html .footer-brand span,html header.ww-shell-host :is(.brand,.ll-brand,.lit-brand){font-family:'WolfWhale Brand','Arial Narrow',sans-serif!important;font-weight:400!important;letter-spacing:0!important;text-transform:uppercase}
html[data-theme] .ww-global-row .ww-global-brand,html[data-theme] .library-footer .brand,html[data-theme] .footer-brand{display:inline-flex!important;align-items:center;gap:9px;color:#000!important;background:#fff!important;padding:4px 6px}
html[data-theme] .ww-global-brand :is(.ww-brand-wordmark,small),html[data-theme] .footer-brand :is(span,small){color:#000!important}
html .ww-global-brand img,html .library-footer .brand img,html .footer-brand img{width:64px;height:64px;object-fit:contain;filter:brightness(0);flex:none}
html[data-theme] .ww-global-brand img,html[data-theme] .library-footer .brand img,html[data-theme] .footer-brand img{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
html .ww-theme-control{border:0;padding:0;gap:7px}
html .ww-theme-control>span{font:22px/1 system-ui;color:var(--ww-text)}
html[data-theme] .ww-theme-control .ww-theme-switch{position:relative;width:48px;height:28px;min-height:28px;padding:0;border:1px solid var(--ww-text);border-radius:20px;background:var(--ww-soft);cursor:pointer;flex:none}
.ww-theme-thumb{position:absolute;width:20px;height:20px;top:3px;left:3px;background:var(--ww-text);border-radius:50%;transition:transform .15s ease}
.ww-theme-switch[aria-checked=true] .ww-theme-thumb{transform:translateX(20px)}
@media(prefers-reduced-motion:reduce){.ww-theme-thumb{transition:none}}
html .resource-card{border:1px solid var(--ww-text)!important;background:var(--ww-surface);transform:none!important}
html .resource-main{padding:12px;grid-template-columns:68px minmax(0,1fr);gap:10px;min-height:96px}
html .resource-art{width:68px;height:72px;border-radius:0}
html .resource-copy{overflow-wrap:anywhere}
html .resource-copy :is(h3,h4,h5){font-family:var(--museum-serif);font-weight:400;font-size:18px;line-height:1.2;margin:0 0 4px}
html .resource-label{font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
html .resource-description{font-size:12px;line-height:1.35}
html .resource-versions{padding:0 8px;border-top:1px solid var(--ww-line)}
html .resource-versions a{font-size:10px;min-height:30px;padding:3px}
html[data-theme] #subjects .subject-card,html[data-theme] #catalogue .resource-card{border-color:var(--ww-text)!important}
html .subject-scene,html .library-subject-art{background:#fff!important}
html[data-theme] .subject-scene,html[data-theme] .library-subject-art{background:#fff!important}
html .subject-grid .subject-card,html .library-subject-grid .library-subject-card{border:1px solid var(--ww-text)!important;background:var(--ww-page,#fff)!important;box-shadow:none!important;border-radius:0!important}
html .subject-copy,html .library-subject-copy{padding:12px!important;gap:4px}
html .subject-copy strong,html .library-subject-copy strong{font:20px/1.2 Georgia,serif!important}
html .subject-copy>span,html .library-subject-copy>span{font:12px/1.4 system-ui!important}
html .library-subject-art{height:120px;background:#fff!important}
html .library-subject-art img{object-fit:contain!important;padding:4px!important}
.subject-view .catalogue{padding-top:12px;border-top:0}
.subject-view .catalogue-top h2{font-size:28px;margin:0 0 3px}
.subject-view .catalogue-top #count{font-size:13px}
.subject-view .subject-search{margin:7px 0 9px;gap:8px}
.subject-view .subject-search input[type=search],.subject-view .subject-search button{min-height:40px;padding-top:6px;padding-bottom:6px}
.subject-view .topic-disclosure{margin:0 0 8px}
.subject-view .topic-disclosure>summary{min-height:34px}
.subject-view .topic-section{margin:8px 0 12px}
.subject-view .topic-section+.topic-section{padding-top:8px}
.subject-view .topic-heading{margin:0 0 6px}
.subject-view .topic-heading h4{font-size:16px}
.subject-view .topic-heading>span{font-size:13px}
.subject-view .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.subject-view .resource-main{grid-template-columns:56px minmax(0,1fr);gap:9px;padding:8px;min-height:76px}
.subject-view .resource-art{width:56px;height:56px}
.subject-view .resource-copy :is(h3,h4,h5){font-size:16px;line-height:1.18;margin-bottom:3px}
.subject-view .resource-label{font-size:9px;margin-bottom:3px}
.subject-view .resource-description{font-size:12px;line-height:1.3}
.subject-view .resource-versions{padding:0 7px}
.subject-view .resource-versions a{min-height:30px;padding:2px;font-size:10px}
@media(max-width:1050px){.subject-view .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.subject-view .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.subject-view .cards{grid-template-columns:1fr}}
@media(min-width:760px){
 html .library-subject-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
 html .library-subject-card{min-width:0;min-height:0;padding:0!important}
 html .library-subject-art{height:92px!important;min-height:92px;padding:4px!important}
 html .library-subject-art img{padding:0!important}
 html .library-subject-copy{padding:8px 10px 4px!important;gap:2px}
 html .library-subject-copy strong{font-size:17px!important;line-height:1.15}
 html .library-subject-copy>span{font-size:11px!important;line-height:1.25}
 html .library-subject-count{padding:2px 10px 8px!important;font-size:11px!important}
}
.search-welcome{padding:0 0 8px!important;margin:0}
.search-welcome h1{font-size:32px!important;margin:0!important}
.search-filter-disclosure{max-width:800px;margin:8px 0 22px;border-bottom:1px solid var(--ww-line)}
.search-filter-disclosure>summary,.reference-links>summary{display:flex;align-items:center;min-height:40px;cursor:pointer;color:var(--ww-muted);font-size:13px}
.search-filter-disclosure[open] .search-filters{padding:8px 0 14px}
.reference-links{border:0;padding:8px 0 4px}
.reference-links[open]>*:not(summary){margin-right:18px}
.scan-advanced{margin-top:8px;border-top:1px solid var(--ww-line);padding-top:4px}
.scan-advanced>summary{display:flex;align-items:center;min-height:40px;cursor:pointer;color:var(--ww-muted);font-size:13px}
.scan-intro>.scan-collection-meta{font-size:13px;color:var(--ww-muted)}
.book-wheel{max-width:680px;margin:20px auto 30px;text-align:center}
.book-wheel-stage{--book-step:85px;height:300px;position:relative;width:100%;touch-action:pan-y;overflow:hidden}
.book-wheel-ring{position:absolute;inset:0}
html .book-wheel-spoke,html .book-wheel-spoke:hover{position:absolute;left:50%;top:50%;width:130px;height:195px;min-height:0;padding:0;border:0;background:transparent;transform:translate(-50%,-50%) translateX(calc(var(--offset)*var(--book-step))) translateY(calc(var(--depth)*-12px)) scale(var(--scale));transition:transform .35s cubic-bezier(.22,1,.36,1);transform-origin:center}
.book-wheel-spoke img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 4px #0002)}
.book-wheel-spoke[aria-pressed=true]{outline:2px solid var(--ww-text);outline-offset:4px}
.book-wheel-center{display:none}
.book-wheel-controls{display:flex;align-items:center;justify-content:center;gap:18px}
.book-wheel-label{width:300px;max-width:60vw}
.book-wheel-label h3{font-size:23px;margin:0 0 5px}
.book-wheel-label span{display:block;font-size:12px;color:var(--ww-muted)}
.book-wheel-controls button{width:44px;height:44px;flex:none}
.book-wheel-collection{display:inline-flex;min-height:40px;align-items:center;margin-top:8px;font-size:12px;color:var(--ww-muted)}
.book-authors{margin:0 auto 18px;max-width:760px}
.book-authors>h3{display:none}
.book-authors-disclosure>summary{display:flex;align-items:center;min-height:40px;cursor:pointer;font-size:13px}
.book-author-list{display:flex;flex-wrap:wrap;gap:7px}
html .book-author-card{min-height:34px;padding:5px 9px;border:1px solid var(--ww-line);background:var(--ww-surface);color:var(--ww-text);font-size:11px}
html .book-author-card[aria-pressed=true]{border-color:var(--ww-text);outline:1px solid var(--ww-text)}
@media(max-width:600px){.book-wheel-stage{--book-step:48px;height:220px}html .book-wheel-spoke,html .book-wheel-spoke:hover{width:90px;height:135px}.book-wheel-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){html .book-wheel-spoke{transition:none}}
.scan-advanced[open] .scan-filters{padding-bottom:8px}
.lit-scenes{margin:24px 0 12px;padding:18px 0;border-block:1px solid var(--ww-line,#ddd)}
.lit-scenes-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.lit-scenes-heading h2{font-size:24px;margin:0}
.lit-scenes-heading>p{font-size:11px;color:var(--ww-muted,#66716f);margin:0}
.lit-scenes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lit-scenes-grid figure{margin:0;min-width:0}
.lit-scenes-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#fff}
.lit-scenes-grid figcaption{font-size:12px;line-height:1.35;padding:7px 0;color:var(--ww-text,#252a2a)}
@media(max-width:650px){.lit-scenes-heading{display:block}.lit-scenes-heading>p{margin-top:5px}.lit-scenes-grid{grid-template-columns:1fr;gap:10px}.lit-scenes-grid img{max-height:240px}}
.literary .lit-exhibit .lit-label>.lit-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:82px;margin:22px 0 8px;padding:16px 24px;background:#145e54;color:#fff!important;font-size:22px;font-weight:700;line-height:1.2}
.literary .lit-exhibit .lit-quiet{margin-top:6px}
html .resource-card[data-record-id^="dinosaur-"] .resource-art{position:relative;isolation:isolate;width:120px!important;height:70px!important;flex:none}
html .resource-card[data-record-id^="dinosaur-"] .resource-main{grid-template-columns:130px minmax(0,1fr)!important}
html .resource-card[data-record-id^="dinosaur-"] .resource-art img{position:absolute;left:0;top:auto;bottom:3px;width:200px;height:auto;max-width:none;object-fit:contain;object-position:left bottom}

@font-face{font-family:'WolfWhale Brand';src:url('assets/home/WolfWhaleCoverBrand.ttf') format('truetype');font-weight:400;font-display:swap}
html .ww-global-brand{display:inline-flex!important;align-items:center;gap:9px;font:28px/1.05 'WolfWhale Brand','Arial Narrow',sans-serif!important;letter-spacing:0!important;text-transform:uppercase;text-decoration:none;color:#000!important}
html .ww-global-brand .ww-brand-wordmark,html .library-footer .ww-brand-wordmark,html .footer-wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
html .ww-global-brand small,html .library-footer .ww-brand-wordmark small,html .footer-wordmark small{display:block;margin-top:3px;font:10px/1.2 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
html[data-theme] .ww-global-row .ww-global-brand,html[data-theme] .library-footer .brand,html[data-theme] .footer-brand{display:inline-flex!important;align-items:center;gap:9px;color:#000!important;background:#fff!important;padding:4px 6px}
html[data-theme] .ww-global-brand :is(.ww-brand-wordmark,small),html[data-theme] .footer-brand :is(span,small){color:#000!important}
html .ww-global-brand img,html .library-footer .brand img,html .footer-brand img{width:64px;height:64px;object-fit:contain;filter:brightness(0);flex:none}
html[data-theme] .ww-global-brand img,html[data-theme] .library-footer .brand img,html[data-theme] .footer-brand img{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
html .ww-theme-control{border:0;padding:0;gap:7px}
html .ww-theme-control>span{font:22px/1 system-ui;color:var(--ww-text)}
html[data-theme] .ww-theme-control .ww-theme-switch{position:relative;width:48px;height:28px;min-height:28px;padding:0;border:1px solid var(--ww-text);border-radius:20px;background:var(--ww-soft);cursor:pointer;flex:none}
.ww-theme-thumb{position:absolute;width:20px;height:20px;top:3px;left:3px;background:var(--ww-text);border-radius:50%;transition:transform .15s ease}
.ww-theme-switch[aria-checked=true] .ww-theme-thumb{transform:translateX(20px)}
@media(prefers-reduced-motion:reduce){.ww-theme-thumb{transition:none}}
html .resource-card{border:1px solid var(--ww-text)!important;background:var(--ww-surface);transform:none!important}
html .resource-main{padding:12px;grid-template-columns:68px minmax(0,1fr);gap:10px;min-height:96px}
html .resource-art{width:68px;height:72px;border-radius:0}
html .resource-copy{overflow-wrap:anywhere}
html .resource-copy :is(h3,h4,h5){font-family:var(--museum-serif);font-weight:400;font-size:18px;line-height:1.2;margin:0 0 4px}
html .resource-label{font-size:9px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
html .resource-description{font-size:12px;line-height:1.35}
html .resource-versions{padding:0 8px;border-top:1px solid var(--ww-line)}
html .resource-versions a{font-size:10px;min-height:30px;padding:3px}
html[data-theme] #subjects .subject-card,html[data-theme] #catalogue .resource-card{border-color:var(--ww-text)!important}
html .subject-scene,html .library-subject-art{background:#fff!important}
html[data-theme] .subject-scene,html[data-theme] .library-subject-art{background:#fff!important}
html .subject-grid .subject-card,html .library-subject-grid .library-subject-card{border:1px solid var(--ww-text)!important;background:var(--ww-page,#fff)!important;box-shadow:none!important;border-radius:0!important}
html .subject-copy,html .library-subject-copy{padding:12px!important;gap:4px}
html .subject-copy strong,html .library-subject-copy strong{font:20px/1.2 Georgia,serif!important}
html .subject-copy>span,html .library-subject-copy>span{font:12px/1.4 system-ui!important}
html .library-subject-art{height:120px;background:#fff!important}
html .library-subject-art img{object-fit:contain!important;padding:4px!important}
.subject-view .catalogue{padding-top:12px;border-top:0}
.subject-view .catalogue-top h2{font-size:28px;margin:0 0 3px}
.subject-view .catalogue-top #count{font-size:13px}
.subject-view .subject-search{margin:7px 0 9px;gap:8px}
.subject-view .subject-search input[type=search],.subject-view .subject-search button{min-height:40px;padding-top:6px;padding-bottom:6px}
.subject-view .topic-disclosure{margin:0 0 8px}
.subject-view .topic-disclosure>summary{min-height:34px}
.subject-view .topic-section{margin:8px 0 12px}
.subject-view .topic-section+.topic-section{padding-top:8px}
.subject-view .topic-heading{margin:0 0 6px}
.subject-view .topic-heading h4{font-size:16px}
.subject-view .topic-heading>span{font-size:13px}
.subject-view .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.subject-view .resource-main{grid-template-columns:56px minmax(0,1fr);gap:9px;padding:8px;min-height:76px}
.subject-view .resource-art{width:56px;height:56px}
.subject-view .resource-copy :is(h3,h4,h5){font-size:16px;line-height:1.18;margin-bottom:3px}
.subject-view .resource-label{font-size:9px;margin-bottom:3px}
.subject-view .resource-description{font-size:12px;line-height:1.3}
.subject-view .resource-versions{padding:0 7px}
.subject-view .resource-versions a{min-height:30px;padding:2px;font-size:10px}
@media(max-width:1050px){.subject-view .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.subject-view .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.subject-view .cards{grid-template-columns:1fr}}
@media(min-width:760px){
 html .library-subject-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
 html .library-subject-card{min-width:0;min-height:0;padding:0!important}
 html .library-subject-art{height:92px!important;min-height:92px;padding:4px!important}
 html .library-subject-art img{padding:0!important}
 html .library-subject-copy{padding:8px 10px 4px!important;gap:2px}
 html .library-subject-copy strong{font-size:17px!important;line-height:1.15}
 html .library-subject-copy>span{font-size:11px!important;line-height:1.25}
 html .library-subject-count{padding:2px 10px 8px!important;font-size:11px!important}
}
.search-welcome{padding:0 0 8px!important;margin:0}
.search-welcome h1{font-size:32px!important;margin:0!important}
.search-filter-disclosure{max-width:800px;margin:8px 0 22px;border-bottom:1px solid var(--ww-line)}
.search-filter-disclosure>summary,.reference-links>summary{display:flex;align-items:center;min-height:40px;cursor:pointer;color:var(--ww-muted);font-size:13px}
.search-filter-disclosure[open] .search-filters{padding:8px 0 14px}
.reference-links{border:0;padding:8px 0 4px}
.reference-links[open]>*:not(summary){margin-right:18px}
.scan-advanced{margin-top:8px;border-top:1px solid var(--ww-line);padding-top:4px}
.scan-advanced>summary{display:flex;align-items:center;min-height:40px;cursor:pointer;color:var(--ww-muted);font-size:13px}
.scan-intro>.scan-collection-meta{font-size:13px;color:var(--ww-muted)}
.book-wheel{max-width:680px;margin:20px auto 30px;text-align:center}
.book-wheel-stage{--book-step:85px;height:300px;position:relative;width:100%;touch-action:pan-y;overflow:hidden}
.book-wheel-ring{position:absolute;inset:0}
html .book-wheel-spoke,html .book-wheel-spoke:hover{position:absolute;left:50%;top:50%;width:130px;height:195px;min-height:0;padding:0;border:0;background:transparent;transform:translate(-50%,-50%) translateX(calc(var(--offset)*var(--book-step))) translateY(calc(var(--depth)*-12px)) scale(var(--scale));transition:transform .35s cubic-bezier(.22,1,.36,1);transform-origin:center}
.book-wheel-spoke img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 4px #0002)}
.book-wheel-spoke[aria-pressed=true]{outline:2px solid var(--ww-text);outline-offset:4px}
.book-wheel-center{display:none}
.book-wheel-controls{display:flex;align-items:center;justify-content:center;gap:18px}
.book-wheel-label{width:300px;max-width:60vw}
.book-wheel-label h3{font-size:23px;margin:0 0 5px}
.book-wheel-label span{display:block;font-size:12px;color:var(--ww-muted)}
.book-wheel-controls button{width:44px;height:44px;flex:none}
.book-wheel-collection{display:inline-flex;min-height:40px;align-items:center;margin-top:8px;font-size:12px;color:var(--ww-muted)}
.book-authors{margin:0 auto 18px;max-width:760px}
.book-authors>h3{display:none}
.book-authors-disclosure>summary{display:flex;align-items:center;min-height:40px;cursor:pointer;font-size:13px}
.book-author-list{display:flex;flex-wrap:wrap;gap:7px}
html .book-author-card{min-height:34px;padding:5px 9px;border:1px solid var(--ww-line);background:var(--ww-surface);color:var(--ww-text);font-size:11px}
html .book-author-card[aria-pressed=true]{border-color:var(--ww-text);outline:1px solid var(--ww-text)}
@media(max-width:600px){.book-wheel-stage{--book-step:48px;height:220px}html .book-wheel-spoke,html .book-wheel-spoke:hover{width:90px;height:135px}.book-wheel-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){html .book-wheel-spoke{transition:none}}
.scan-advanced[open] .scan-filters{padding-bottom:8px}
.lit-scenes{margin:24px 0 12px;padding:18px 0;border-block:1px solid var(--ww-line,#ddd)}
.lit-scenes-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.lit-scenes-heading h2{font-size:24px;margin:0}
.lit-scenes-heading>p{font-size:11px;color:var(--ww-muted,#66716f);margin:0}
.lit-scenes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lit-scenes-grid figure{margin:0;min-width:0}
.lit-scenes-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#fff}
.lit-scenes-grid figcaption{font-size:12px;line-height:1.35;padding:7px 0;color:var(--ww-text,#252a2a)}
@media(max-width:650px){.lit-scenes-heading{display:block}.lit-scenes-heading>p{margin-top:5px}.lit-scenes-grid{grid-template-columns:1fr;gap:10px}.lit-scenes-grid img{max-height:240px}}
.literary .lit-exhibit .lit-label>.lit-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:82px;margin:22px 0 8px;padding:16px 24px;background:#145e54;color:#fff!important;font-size:22px;font-weight:700;line-height:1.2}
.literary .lit-exhibit .lit-quiet{margin-top:6px}
html .resource-card[data-record-id^="dinosaur-"] .resource-art{position:relative;isolation:isolate;width:120px!important;height:70px!important;flex:none}
html .resource-card[data-record-id^="dinosaur-"] .resource-main{grid-template-columns:130px minmax(0,1fr)!important}
html .resource-card[data-record-id^="dinosaur-"] .resource-art img{position:absolute;left:0;top:auto;bottom:3px;width:200px;height:auto;max-width:none;object-fit:contain;object-position:left bottom}

/* Section titles use one text colour; accents belong to controls and links. */
html :is(h1,h2,h3) em{color:inherit!important;text-decoration:none!important}