/* Goopopedia composes the shared blueprint tokens. */
.lore-page main{overflow:clip}.lore-page [hidden]{display:none!important}.lore-page :is(a,button,input,summary):focus-visible{outline:2px solid var(--bp-focus-ring);outline-offset:4px}.lore-page .breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font:var(--bp-text-xs)/1.6 var(--bp-font-mono);margin-bottom:32px}.lore-hub-hero{padding:var(--bp-space-12) var(--bp-gutter);margin:0}.lore-hub-hero>.bp-frame{padding:40px}.lore-hub-hero__layout{display:grid;grid-template-columns:minmax(0,1.8fr) 1fr;gap:40px;align-items:center}.lore-hub-hero h1{font-size:clamp(46px,8.5vw,144px);margin:32px 0;overflow-wrap:anywhere;font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}.lore-hub-hero .bp-lead{max-width:680px}.lore-hub-mark{min-height:320px;display:grid;place-items:center}.lore-hub-mark .lost-peanut{width:190px;height:220px;position:relative;z-index:1}.lore-drop-banner{margin:0 var(--bp-gutter) 48px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px}.lore-drop-banner h2{font-size:var(--bp-text-xl);margin:10px 0;font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}.lore-index,.lore-read-next{padding:64px var(--bp-gutter)}.lore-index-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.lore-index-heading h2,.lore-read-next>h2{font:900 var(--bp-text-3xl)/1.05 var(--bp-font-display);margin:14px 0;font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}.lore-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:20px 0;margin-bottom:20px;background:var(--bp-bg-paper);position:sticky;top:var(--header-h,64px);z-index:var(--bp-z-sticky)}.lore-filter button{cursor:pointer;border-radius:var(--bp-radius-pill);min-height:44px;color:var(--bp-ink-charcoal)}.lore-filter button[aria-pressed=true]{background:var(--bp-ink-charcoal);color:var(--bp-bg-paper)}.lore-filter__count{margin-left:auto}.lore-index__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lore-card{min-width:0;padding:0;background:var(--bp-bg-elevated);border-radius:var(--bp-radius-sm);overflow:hidden;transition:transform var(--bp-dur-fast)}.lore-card>a{display:block;height:100%;text-decoration:none;color:inherit}.lore-card img{display:block;width:100%;height:auto;aspect-ratio:auto 1200/630;object-fit:contain}.lore-card__body{padding:26px}.lore-card h2{font:900 var(--bp-text-xl)/1.12 var(--bp-font-display);margin:18px 0;font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}.lore-card p{line-height:1.65;margin-bottom:24px;font-size:var(--bp-text-base)}.lore-card:hover{transform:translateY(-3px)}.lore-card--feature{grid-column:auto}.lore-card--feature>a{display:block}.lore-card--feature img{height:auto;align-self:center;object-fit:contain}.lore-card--compact h2{font-size:22px;font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}.lore-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lore-card .bp-pill-tag{font-size:12px}.lore-editorial{margin:48px var(--bp-gutter);padding:32px;max-width:1000px}.lore-editorial p{line-height:1.7}.lore-article-header{padding:64px var(--bp-gutter) 40px;max-width:none}.lore-article-header h1{max-width:1200px;font:900 clamp(36px,5.3vw,82px)/1.05 var(--bp-font-display);margin:28px 0;font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}.lore-lede,.lore-lead{max-width:900px;font:var(--bp-text-lg)/1.65 var(--bp-font-body)}.lore-byline{margin-top:28px}.lore-hero-cover{margin:0 var(--bp-gutter) 48px;padding:0;overflow:hidden}.lore-hero-cover img{width:100%;height:auto;aspect-ratio:auto 1200/630;object-fit:contain;display:block}.lore-hero-cover figcaption{padding:14px 22px;font:var(--bp-text-xs)/1.6 var(--bp-font-mono);color:var(--bp-ink-muted)}.lore-reading-layout{display:grid;grid-template-columns:240px minmax(0,800px);gap:64px;justify-content:center;padding:64px var(--bp-gutter);margin:0}.lore-prose{min-width:0;max-width:none;font:var(--bp-text-base)/1.85 var(--bp-font-body)}.lore-prose section{scroll-margin-top:110px;margin:0 0 40px}.lore-prose h2{font:900 clamp(26px,3vw,40px)/1.15 var(--bp-font-display);margin:32px 0 20px;font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}.lore-prose h3{font:700 var(--bp-text-xl)/1.25 var(--bp-font-display)}.lore-prose p{margin:0 0 22px}.lore-prose a:not(.bp-btn-primary){color:inherit;text-decoration:underline;text-underline-offset:4px}.lore-toc{position:sticky;top:100px;align-self:start;padding:20px 0;font:14px/1.55 var(--bp-font-body);max-height:calc(100vh - 120px);overflow:auto}.lore-toc nav{display:flex;flex-direction:column;gap:6px;margin:20px 0}.lore-toc nav a{padding:8px 12px;border-left:3px solid var(--bp-border-hairline);text-decoration:none}.lore-toc nav a[aria-current=true]{border-color:var(--bp-ink-charcoal);font-weight:700;background:var(--bp-bg-paper-shade)}.lore-progress{position:fixed;top:0;left:0;width:100%;height:4px;z-index:100;border:none;appearance:none;background:transparent}.lore-progress::-webkit-progress-bar{background:transparent}.lore-progress::-webkit-progress-value{background:var(--bp-accent)}.lore-progress::-moz-progress-bar{background:var(--bp-accent)}.lore-stat-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 40px;background:var(--bp-border-hairline);padding:1px}.lore-stat-bento>div{padding:22px;background:var(--bp-bg-elevated);display:flex;flex-direction:column;gap:12px}.lore-stat-bento strong{font:900 clamp(22px,2.5vw,34px)/1.1 var(--bp-font-display)}.lore-table-wrap{padding:22px;margin:32px 0;background:var(--bp-bg-elevated)}.lore-table-search{display:block;width:100%;padding:13px 16px;background:var(--bp-bg-inset);color:inherit;border:1px solid var(--bp-border-strong);font:inherit;margin:12px 0}.lore-table-count{font:12px/1.5 var(--bp-font-mono);display:block;margin-bottom:12px}.lore-table-wrap table{width:100%;border-collapse:collapse;min-width:480px;font-size:14px}.lore-table-wrap caption{text-align:left;font-weight:700;padding:12px 0}.lore-table-wrap :is(td,th){padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--bp-border-hairline)}.lore-table-wrap thead{background:var(--bp-bg-inset)}.lore-table-wrap tbody tr:hover{background:var(--bp-bg-inset)}.lore-stash-callout{display:block;margin:40px 0;padding:0;overflow:hidden}.lore-stash-lid{padding:22px 24px 16px;border-top:6px solid var(--bp-accent);background:var(--bp-bg-elevated);margin:0!important}.lore-stash-body{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:24px;align-items:center}.lore-stash-body img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.lore-stash-body h3{margin:0 0 12px}.lore-stash-body p{font-size:14px;margin-bottom:12px}.lore-versus-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;margin:32px 0;background:var(--bp-bg-elevated)}.lore-versus-grid p{margin:0}.lore-versus-grid .bp-eyebrow{margin-bottom:12px}.lore-inline-figure{padding:20px;margin:36px 0;overflow:hidden}.lore-inline-figure>svg,.lore-inline-figure>img{display:block;width:100%;height:auto;margin:14px 0}.lore-inline-figure>svg{aspect-ratio:1200/675}.lore-inline-figure>img{aspect-ratio:auto 1376/768;object-fit:contain}.lore-inline-figure figcaption{font:12px/1.6 var(--bp-font-mono);color:var(--bp-ink-muted)}.diagram-bg{fill:var(--bp-bg-charcoal)}.diagram-grid{fill:none;stroke:var(--bp-grid-line);stroke-width:2}.diagram-border{stroke:var(--bp-border-strong);stroke-width:2}.diagram-title{fill:var(--bp-ink-cream);font:700 28px var(--bp-font-mono)}.diagram-panel{fill:var(--bp-bg-elevated);stroke:var(--bp-slate-teal);stroke-width:3}.diagram-node{fill:var(--bp-peanut-tan);stroke:var(--bp-ink-outline);stroke-width:4}.diagram-number{fill:var(--bp-ink-charcoal);font:900 48px var(--bp-font-display)}.diagram-label{fill:var(--bp-ink-cream);font:700 22px var(--bp-font-mono)}.diagram-arrow{fill:none;stroke:var(--bp-burnt-orange);stroke-width:6}.diagram-caption{fill:var(--bp-ink-muted);font:20px var(--bp-font-mono)}.lore-faq{padding:22px;margin:14px 0;background:var(--bp-bg-elevated)}.lore-faq summary{font-weight:700;cursor:pointer;line-height:1.5;padding-right:20px}.lore-faq p{margin:20px 0 0}.lore-sources{padding-top:24px;border-top:1px solid var(--bp-border-hairline)}.lore-sources li{margin-bottom:12px}.lore-disclaimer{font-size:14px}.lore-read-next{border-top:1px solid var(--bp-border-hairline)}.lore-read-next>.lore-index__grid{margin:32px 0}.terms-layout{grid-template-columns:minmax(0,800px)}
@media(max-width:1100px){.lore-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lore-reading-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.lore-hub-mark{min-height:220px}.lore-hub-mark .lost-peanut{width:140px;height:160px}.lore-read-next .lore-index__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lore-card__body{padding:20px}}
@media(max-width:760px){.lore-hub-hero>.bp-frame{padding:24px}.lore-hub-hero__layout{grid-template-columns:1fr}.lore-hub-mark{display:none}.lore-drop-banner{align-items:start;flex-direction:column}.lore-reading-layout{display:block;padding-top:30px}.lore-toc{position:static;max-height:none;margin-bottom:32px;border-bottom:1px solid var(--bp-border-hairline)}.lore-toc nav{display:grid;grid-template-columns:1fr 1fr}.lore-index__grid,.lore-read-next .lore-index__grid{grid-template-columns:1fr}.lore-card--feature{grid-column:auto}.lore-card--feature>a{display:block}.lore-card--feature img{height:auto}.lore-filter{position:static}.lore-filter__count{width:100%;margin:10px 0 0}.lore-index-heading{align-items:start;flex-direction:column}.lore-index,.lore-read-next{padding-top:40px;padding-bottom:40px}.lore-article-header{padding-top:36px}.lore-stash-body{grid-template-columns:110px 1fr;padding:20px;gap:16px}.lore-versus-grid{grid-template-columns:1fr}.lore-stat-bento>div{padding:16px 10px}.lore-stat-bento strong{font-size:20px}.lore-hero-cover{margin-bottom:24px}.lore-table-wrap{padding:16px}.lore-toc nav a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.lore-card{transition:none}.lore-card:hover{transform:none}.lore-page{scroll-behavior:auto}}
.diagram-shades{fill:var(--bp-ink-outline)}.diagram-keyline{fill:none;stroke:var(--bp-ink-outline);stroke-width:7}.diagram-hat{fill:var(--bp-slate-teal);stroke:var(--bp-ink-outline);stroke-width:5}.diagram-suit{fill:var(--bp-scouter-red);stroke:var(--bp-ink-outline);stroke-width:5}.diagram-stamp{fill:var(--bp-ink-cream);font:900 48px var(--bp-font-display)}.diagram-line{fill:none;stroke:var(--bp-emerald-35x);stroke-width:8}.diagram-cut{fill:var(--bp-bg-inset);stroke:var(--bp-border-strong);stroke-width:4;stroke-dasharray:12 12}.lore-squad-sort{display:block;width:100%;padding:12px;margin:12px 0;background:var(--bp-bg-inset);color:inherit;border:1px solid var(--bp-border-strong);font:inherit}

/* Keep the archive name intact on narrow screens. */
@media(max-width:760px){.lore-hub-hero h1{font-size:clamp(28px,8vw,60px);font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}.lore-hub-hero h1 .bp-accent-text{white-space:nowrap;overflow-wrap:normal;font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}}

/* Explicit dark island: override the legacy paper callout background. */
.lore-stash-callout.bp-on-charcoal{background:var(--bp-dark-elevated);color:var(--bp-ink-cream)}
.lore-stash-callout .lore-stash-lid{max-width:none;width:100%;color:var(--bp-dark-ink-muted);background:var(--bp-dark-inset)}
.lore-stash-callout .lore-stash-body h3{color:var(--bp-ink-cream)}
.lore-stash-callout .lore-stash-body p{color:var(--bp-dark-ink-muted)}
.lore-stash-callout :is(a,button):focus-visible{outline:3px solid var(--bp-loot-gold);outline-offset:5px}
.lore-stash-callout .bp-btn-primary{min-height:48px;min-width:44px;white-space:normal;text-align:left;line-height:1.4}
@media(max-width:480px){.lore-stash-body{grid-template-columns:1fr;gap:20px}.lore-stash-body .stash-image{max-width:180px}.lore-stash-body .bp-btn-primary{display:flex;width:100%;justify-content:center;text-align:center}}

.figure-title{display:block;font:700 17px/1.4 var(--bp-font-body);color:var(--bp-ink-cream);margin-bottom:12px}

/* Article opening: copy and uncropped artwork share the first screen. */
.lore-article-hero{padding-top:40px;padding-bottom:48px}
.lore-article-hero__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.lore-article-hero__intro{min-width:0}
.lore-article-hero h1{font-size:clamp(32px,3.4vw,56px);margin:24px 0;overflow-wrap:break-word;font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}
.lore-article-hero .lore-lede{font-size:clamp(16px,1.3vw,20px);margin:0;max-width:60ch}
.lore-article-hero .lore-byline{color:var(--bp-ink-cream);font-weight:600;line-height:1.7;margin-bottom:0}
.lore-article-hero .lore-hero-cover{min-width:0;width:100%;margin:0;align-self:center;background:var(--bp-bg-elevated)}
.lore-article-hero .lore-hero-cover img{width:100%;height:auto;object-fit:contain}
.lore-article-hero .lore-hero-cover figcaption{padding:14px 18px}
@media(max-width:900px){
 .lore-article-hero{padding-top:32px;padding-bottom:32px}
 .lore-article-hero__layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .lore-article-hero h1{font-size:clamp(32px,6vw,52px);font-family:var(--bp-font-display);font-weight:var(--bp-weight-extrabold);letter-spacing:var(--bp-tracking-display);line-height:var(--bp-leading-tight);text-transform:uppercase}
 .lore-article-hero .lore-lede{font-size:18px}
}
