/* Family layouts share the approved design foundations in design.css. */
.entity-size-answer{max-width:42rem;line-height:1.6}
.size-guide{max-width:56rem}
.size-guide figure{margin:1rem 0}
.size-guide figcaption{font-size:.875rem;line-height:1.5}
.size-guide-comparison{margin:2rem 0}
.size-guide-figure-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.size-guide-figure-labels p{margin:0}
.size-guide-figure-labels span{display:block;font-size:.875rem}
.size-guide-table-wrap{max-width:100%;overflow-x:auto;margin:1.5rem 0}
.size-guide-table{width:100%;border-collapse:collapse;font-size:1rem}
.size-guide-table caption{text-align:left;font-weight:700;padding:.75rem 0}
.size-guide-table :is(th,td){text-align:left;vertical-align:top;padding:.75rem;border-bottom:1px solid var(--support)}
.size-guide-table thead th{background:var(--support)}
.size-guide-table-wrap:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.size-guide-links{margin:2rem 0}
.size-guide-links>a{display:block;margin:.75rem 0}
.size-guide-links .related-links>a{display:grid;gap:.5rem}
@media(max-width:600px){.size-guide-table{min-width:36rem}.size-guide .page-lead h1{overflow-wrap:normal}}
.intro,.page-lead{margin:2rem 0;max-width:100%}
.intro h1,.page-lead h1,.education-hero h1{font-size:3.5rem;line-height:3.75rem;font-variation-settings:"SOFT" 0,"WONK" 1,"opsz" 48}
h1 em,h2 em{font:inherit}
.home-hero{display:grid;grid-template-columns:minmax(0,1fr) clamp(14rem,28vw,23rem);gap:1rem clamp(1rem,2vw,1.5rem);margin:2rem 0 1rem}
.home-hero>.eyebrow{grid-column:1;grid-row:1;margin:0}
.home-hero>h1{grid-column:1;grid-row:2;align-self:center;min-width:0;margin:0;font-size:clamp(2.5rem,5vw,4rem);line-height:1.05;text-wrap:balance;font-variation-settings:"SOFT" 0,"WONK" 1,"opsz" 72}
.home-hero>h1>span{display:block;text-wrap:balance}
.home-brand-logo{grid-column:2;grid-row:2;align-self:center;width:100%;color:var(--ink)}
.home-brand-logo svg{display:block;width:100%;height:auto}
.home-brand-logo[data-jhb-pending=true] svg{visibility:hidden}
.home-hero-description{grid-column:1/-1;max-width:40rem;margin:0}
.home-hero>.search-box{grid-column:1/-1;width:min(100%,46rem)}
.home-hero .search-examples{margin-bottom:0}
.home-compare-action{margin:0 0 .75rem}
.home-compare-link,.primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:52px;background:var(--accent);color:var(--ink);border:1px solid var(--ink);border-radius:4px;padding:.75rem 1rem;font-weight:700;text-decoration:none}
.home-compare-link{min-height:48px;padding:.5rem 0;border:0;background:transparent;text-decoration:underline;gap:.5rem}
.primary-action{gap:.5rem;max-width:100%;text-align:center}
.primary-action>span[aria-hidden],.home-compare-link>span{flex:none}
.home-compare-link:hover,.primary-action:hover,.gravity-form button:hover,.education-download-option.is-primary:hover,.education-start:hover{background:var(--support)!important;text-decoration:underline}
.primary-action:disabled{background:var(--support)}
.intro>div,.search-box,.catalogue-items,.scale-scene,.scale-focus>*{min-width:0}
.search-box{position:relative;z-index:12;align-self:start}
.search-field{display:flex;align-items:stretch;gap:.5rem}
.search-field input{min-width:0;flex:1}
.search-field button{flex:none}
.search-examples{display:flex;flex-wrap:wrap;gap:0 1rem;margin:.25rem 0}
.search-examples a{display:inline-flex;align-items:center;min-height:48px;font-size:.875rem}
.home-hero .search-field button{background:var(--accent)}
.home-hero .search-field button:hover{background:var(--support)}
.search-suggestions{position:absolute;top:auto;left:0;right:0;z-index:25;background:var(--canvas);border:1px solid var(--ink);max-height:60vh;overflow:auto}
.search-suggestions [role=option]{min-height:48px;display:flex;justify-content:space-between;gap:1rem;padding:.75rem;background:var(--canvas);cursor:pointer;border-bottom:1px solid var(--support)}
.search-suggestions [aria-selected=true]{background:var(--accent)}
.search-error,.builder-error{color:var(--error)}
.mode-nav,.group-nav,.scale-jumps,.scale-step,.experiment-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0}
.mode-nav a,.group-nav a,.experiment-links a{min-height:48px;display:inline-flex;align-items:center}
.mode-nav a>span{margin-right:.5rem}
.mode-count{align-self:center;color:var(--secondary)}
.domain-grid,.domain-links,.category-grid,.atlas-grid,.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.domain-card,.domain-link,.category-card{padding:1rem;border-top:1px solid var(--support);text-decoration:none}
.domain-link{transition:background-color var(--interactive-card-transition),border-color var(--interactive-card-transition)}
.domain-link:is(:hover,:focus-visible){background:var(--interactive-card-tint);border-top-color:var(--interactive-card-divider);text-decoration:none}
.domain-link:is(:hover,:focus-visible) strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.domain-card strong,.domain-card span,.domain-link strong,.domain-link span{display:block}
.category-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1rem;margin:1.5rem 0}
.category-directory>a{display:block;min-width:0;min-height:4.5rem;padding:.85rem 1rem;border-top:1px solid var(--support);color:inherit;text-decoration:none;transition:background-color var(--interactive-card-transition),border-color var(--interactive-card-transition)}
.category-directory>a strong,.category-directory>a span{display:block}
.category-directory>a strong{font:700 1rem/1.3 var(--serif)}
.category-directory>a span{margin-top:.25rem;color:var(--secondary);font-size:.875rem}
.category-directory>a:is(:hover,:focus-visible){background:var(--interactive-card-tint);border-top-color:var(--interactive-card-divider);text-decoration:none}
.category-directory>a:is(:hover,:focus-visible)>strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.catalogue-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:2rem;border-top:1px solid var(--support);padding:2rem 0}
.catalogue-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.catalogue-items>a{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--support);align-items:start;text-decoration:none;min-width:0}
.catalogue-items>a{transition:background-color var(--interactive-card-transition),border-color var(--interactive-card-transition)}
.catalogue-items>a:is(:hover,:focus-visible){background:var(--interactive-card-tint);border-bottom-color:var(--interactive-card-divider);text-decoration:none}
.catalogue-items>a:is(:hover,:focus-visible) strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.catalogue-items>a.comparison-list-item{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:start}
.comparison-list-item strong,.comparison-list-item small{display:block}
.catalogue-items img{width:64px;height:64px;object-fit:contain;flex:none}
.catalogue-items strong,.catalogue-items small,.catalogue-items em{display:block;font-style:normal}
.catalogue-items>a>span{min-width:0}
.category-overview{margin:2rem 0}
.category-overview dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;margin:1.5rem 0}
.category-overview dl>div{min-width:0;border-top:1px solid var(--support);padding:.75rem 0}
.category-overview dl>div:last-child{grid-column:1/-1}
.category-overview dt{font-size:.875rem;color:var(--secondary);margin-bottom:.25rem}
.category-overview dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.category-overview ul{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding-left:1.25rem}
.browse-tools{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin:1rem 0}
.browse-tools label{min-width:min(100%,18rem)}
.section-heading,.result-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin:2rem 0 1rem}
.result-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.result-heading h2{overflow-wrap:anywhere}
.thing-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:2rem;align-items:center;margin:2rem 0}
.thing-hero img{width:100%;max-height:340px;object-fit:contain}
.thing-hero h1{font-size:3.5rem;line-height:1.1}
.thing-hero p,.entity-story{max-width:720px}
.thing-hero-value,.thing-answer,.quantity-value{font-variant-numeric:tabular-nums lining-nums;font-weight:700}
.thing-hero figure{margin:0}
.thing-hero-actions,.action-links,.education-next{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}
.thing-hero-actions a,.action-links a,.education-next>a{display:inline-flex;align-items:center;min-height:48px;max-width:100%}
.thing-hero figcaption{font-size:.875rem;color:var(--secondary);margin-top:.75rem}
.thing-section{margin:3rem 0;border-top:1px solid var(--support);padding-top:1.5rem}
.thing-section>p{max-width:48rem}
.provenance li{margin-bottom:1rem}.provenance li>span{display:block;font-size:.875rem}
.size-neighbours{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;margin:1.5rem 0}
.neighbour-card{display:grid;grid-template-columns:5rem minmax(0,1fr);align-content:start;align-items:start;gap:1rem;min-width:0;padding:1rem;border:1px solid var(--support);text-decoration:none;transition:background-color var(--interactive-card-transition),border-color var(--interactive-card-transition)}
.neighbour-art{display:grid;place-items:center;min-width:0;min-height:5rem}
.neighbour-art img{display:block;width:100%;height:6rem;object-fit:contain}
.neighbour-copy,.neighbour-copy>span,.neighbour-title,.neighbour-measurement>span{display:block;min-width:0}
.neighbour-relationship{font-size:.875rem;font-weight:600}
.neighbour-category{font-size:.75rem;color:var(--secondary);margin:.125rem 0 .5rem}
.neighbour-title{font-size:1.125rem;line-height:1.3}
.neighbour-measurement{margin:.5rem 0;font-variant-numeric:tabular-nums lining-nums}
.neighbour-measurement>span,.neighbour-definition{font-size:.875rem;line-height:1.5}
.neighbour-card:is(:hover,:focus-visible){background:var(--interactive-card-tint);border-color:var(--interactive-card-divider);text-decoration:none}
.neighbour-card:is(:hover,:focus-visible) .neighbour-title{text-decoration:underline}
.neighbour-card:active{background:var(--support)}
.facts-grid,.quantity-conversions,.measurement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.fact{display:grid;gap:.5rem;text-align:left;min-width:0}
.fact strong{font-size:1.5rem;font-variant-numeric:tabular-nums lining-nums}
.fact small,.muted,.small{color:var(--secondary);font-size:.875rem}
.quantity-conversions>div{padding:1rem;border-top:1px solid var(--support);overflow-wrap:anywhere}
.quantity-conversions strong{display:block}
.comparison-panel{margin:1rem 0}
body:not(.design-pilot) #comparison-result{display:block}
.panel-toolbar{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:1rem;align-items:end}
.property-mobile{display:grid;min-width:0}
.view-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.view-controls .truth{font-size:.875rem}
.comparison-modes{display:flex;flex-wrap:wrap;gap:.5rem}
.comparison-modes legend{font-size:.875rem}
.comparison-modes label{position:relative;display:block}
.comparison-modes label:first-of-type{width:6rem}
.comparison-modes label:nth-of-type(2){width:8.6rem}
.comparison-modes input{position:absolute;opacity:0;width:1px;height:1px}
.comparison-modes span{display:flex;align-items:center;min-height:48px;padding:.75rem;border:1px solid var(--ink);border-radius:4px}
.comparison-modes span:after{content:' ✓';margin-left:.5rem;visibility:hidden}
.comparison-modes input:checked+span{background:var(--accent);font-weight:700}
.comparison-modes input:checked+span:after{visibility:visible}
.comparison-modes input:disabled+span{background:var(--support)}
.comparison-modes input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.drawing-wrap{margin:1rem 0}
.drawing{display:block;width:100%;height:auto;max-height:420px;color:var(--ink);overflow:visible}
.drawing pattern{display:none}
.drawing text{fill:var(--ink);font-family:var(--sans)}
.svg-note{font-size:14px}.svg-value{font-size:20px;font-weight:700}.svg-eyebrow{font-size:14px}
.specimen-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1rem}
.comparison-panel:not(.comparison-compact):has(.pilot-value)>.specimen-labels{display:none}
.specimen{min-width:0}
.specimen dt{font-weight:700}.specimen dd{margin:.25rem 0 0}
.specimen strong,.specimen small{display:block}
.specimen small{font-size:.875rem}
.comparison-compact .panel-toolbar{margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--support)}
.comparison-compact .comparison-row{padding:.75rem 0}
.comparison-compact .pilot-caption{margin:.5rem 0}
.diagram-caption{font-size:.875rem;line-height:1.4}
.result-takeaway{background:var(--support);padding:1rem;margin:1rem 0}
.result-takeaway .answer{font-size:1.5rem;font-weight:700}
.assumption-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1rem 0}
.assumptions a{display:inline-flex;align-items:center;min-height:48px}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.reference-card-shell{min-width:0}
.reference-card,.reference-option{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.75rem;text-align:left;width:100%}
.reference-card img,.reference-option img{width:64px;height:64px;object-fit:contain}
.reference-card strong,.reference-card small,.reference-card em,.reference-option strong,.reference-option small,.reference-option-context{display:block}
.reference-card em{font-style:normal}.reference-context,.reference-option-context{font-size:.875rem;font-weight:400}
.reference-page-link{display:inline-flex;align-items:center;min-height:48px}
.reference-dialog-header{display:flex;justify-content:space-between;gap:1rem}
.reference-filters{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.reference-picker-results{display:grid;gap:.5rem}
.reference-option-value{grid-column:2;font-size:.875rem}
.scale-invitation,.promo-section.game-nudge{position:relative;display:grid;gap:1rem;border-top:1px solid var(--support);border-bottom:1px solid var(--support);padding:2rem 0;margin:3rem 0;color:inherit;text-decoration:none;cursor:pointer;transition:background-color var(--interactive-card-transition),border-color var(--interactive-card-transition)}
.scale-invitation{grid-template-columns:3fr 2fr}
.promo-section.game-nudge{grid-template-columns:minmax(0,1fr);align-items:start}
.home-game-promos{margin:3rem 0}
.home-game-promos>.promo-section{margin:0}
.home-game-promos>.promo-section+.promo-section{border-top:0}
.promo-section.promo-illustrated{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(1.5rem,4vw,3rem)}
.promo-section.home-games{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.promo-copy{min-width:0}
.promo-copy h2{text-wrap:balance}
.home-games>.promo-copy{grid-column:2;grid-row:1}
.home-games>.promo-illustration{grid-column:1;grid-row:1}
.promo-illustration{display:block;width:100%;height:auto;transition:transform var(--interactive-card-transition)}
.scale-invitation:focus-visible,.promo-section.game-nudge:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.scale-invitation:hover .invitation-link,.promo-section.game-nudge:hover .invitation-link{text-decoration-thickness:2px}
.scale-mini{display:flex;align-items:center;justify-content:center;min-width:0}
.scale-mini img{object-fit:contain;max-width:48%;max-height:240px;transition:transform var(--interactive-card-transition)}
.invitation-link{font-weight:700;text-decoration:underline}
.scale-scene-top{display:flex;gap:.5rem 1rem;justify-content:space-between;flex-wrap:wrap}
.scale-scene-top strong{font-variant-numeric:tabular-nums lining-nums}
.scale-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center;margin:1rem 0}
.scale-focus>img{width:100%;height:280px;object-fit:contain}
.scale-anchor-stack{display:grid}
/* Inactive copies still size the shared grid track, including when text wraps. */
.scale-anchor-copy{grid-area:1/1;align-self:center}
.scale-anchor-copy>p:last-child{margin-bottom:0}
.scale-focus-copy{display:grid;gap:1rem}
.scale-gap-note{margin:0;font-size:.875rem;color:var(--secondary)}
.scale-gap-note [data-scale-gap]{display:inline-block;width:4ch;font-variant-numeric:tabular-nums lining-nums}
:is(.scale-anchor-copy,.scale-gap-note,.log-neighbours button,.scale-neighbours-empty)[inert]{visibility:hidden;pointer-events:none}
.log-neighbours{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}
.log-neighbours button{flex:1 1 8rem;min-width:0}
.scale-experience .log-neighbours{display:grid;grid-template-columns:repeat(5,minmax(8.5rem,1fr));gap:.5rem;overflow-x:auto;padding:4px;margin:0 -4px;position:relative}
.scale-experience .log-neighbours button{grid-row:1;padding:.625rem .5rem}
.log-neighbours span{overflow-wrap:anywhere}
.log-neighbours span,.log-neighbours small{display:block}
.scale-neighbours-empty{grid-area:1/1/2/-1;align-self:center;max-width:calc(100vw - var(--gutter)*2);margin:0;color:var(--secondary)}
.scale-experience{min-width:0;margin:2rem 0}
.scale-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.scale-actions .eyebrow{margin:0}
.scale-actions .share-button{min-width:12rem;background:var(--accent);border-radius:0;transition:background-color var(--interactive-card-transition)}
.scale-actions .share-button:hover{background:var(--support)}
.scale-controls{margin:1rem 0}
.scale-controls>label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.scale-control-sticky{position:sticky;bottom:0;background:var(--canvas);border-top:1px solid var(--ink);z-index:5;padding:.5rem 0}
.scale-position-readout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.875rem}
.scale-position-readout strong{font-weight:700}
.scale-experience .scale-position-readout small{font:inherit;font-variant-numeric:tabular-nums lining-nums}
.scale-experience .scale-step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0}
.scale-experience .scale-step button,.scale-experience .scale-jumps button{min-width:0;border-radius:0;transition:background-color var(--interactive-card-transition),border-color var(--interactive-card-transition)}
.scale-experience .scale-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0 1.5rem}
.scale-jumps button{padding:.625rem .5rem;line-height:1.25}
.scale-jumps [aria-pressed=true]{background:var(--interactive-card-tint);border-color:var(--secondary);text-decoration:underline;text-underline-offset:.2em}
.scale-experience #scale-scene{border-top:1px solid var(--support);padding-top:1rem}
.scale-experience .scale-scene-top{display:grid;grid-template-columns:minmax(0,1fr) auto}
.scale-experience .scale-scene-top>span:nth-child(2){grid-column:1;grid-row:2}
.scale-experience .scale-scene-top>strong{grid-column:2;grid-row:1/3;align-self:center;min-width:8rem;text-align:right}
@media(min-width:1100px){.scale-experience .scale-jumps{grid-template-columns:repeat(9,minmax(0,1fr));font-size:.875rem}}
@media(max-width:479px){.scale-actions{display:grid;grid-template-columns:1fr}.scale-actions .share-button{width:100%}.scale-experience .scale-jumps{font-size:.875rem}.scale-experience .scale-jumps button{padding:.625rem .25rem}.scale-experience .scale-controls>label{display:grid;grid-template-columns:1fr 1fr;font-size:.75rem}.scale-experience .scale-controls>label>span:last-child{text-align:right}.scale-experience .scale-step button{padding:.625rem .5rem;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.scale-actions .share-button,.scale-experience :is(.scale-step,.scale-jumps) button{transition:none}}
input[type=range]{accent-color:var(--ink);height:48px;min-height:48px;padding:0;margin:0}
.log-ticks{position:relative;height:2rem;font-size:.875rem}
.scale-experience .log-ticks>span{white-space:nowrap}
.gravity-form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;margin:1rem 0}
.gravity-form button{grid-column:1/-1;background:var(--accent);min-height:52px}
.gravity-subject,.gravity-applied-context{padding:1rem;background:var(--support)}
.gravity-subject strong{display:inline;overflow-wrap:anywhere}
.gravity-summary{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem 0;border-block:1px solid var(--support);margin:1rem 0}
.gravity-summary strong{display:block;font:800 3rem/1.2 var(--sans);font-variant-numeric:tabular-nums lining-nums;overflow-wrap:anywhere;margin:.5rem 0}
.gravity-summary small{font-size:1.25rem}
.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.world-card{display:grid;justify-items:center;gap:.5rem;text-align:center;padding:1rem .5rem}
.world-card img{width:64px;height:64px;object-fit:contain}
.world-card[aria-pressed=true]{background:var(--accent)}
.world-card small{font-size:.875rem}
.spring-scales,.freefall-tracks{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.spring-world{display:grid;text-align:center;justify-items:center}
.spring-world svg{max-height:280px;width:100%}
.spring-world strong,.spring-world span,.spring-world small{display:block}
.gravity-experiment{margin:3rem 0}
.freefall-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.freefall-controls label{flex:1 1 10rem}
.timeline-label{margin:1rem 0}
.fall-track{min-width:0;border-top:1px solid var(--support)}
.fall-track header{display:flex;gap:.75rem;align-items:center;padding:1rem 0}
.fall-track header strong{display:block}
.fall-track>svg{display:block;width:100%;height:auto}
.fall-track p{display:grid;gap:.25rem;font-variant-numeric:tabular-nums lining-nums}
.fall-track output{display:block;font-weight:700}
.experiment-note,.gravity-note{font-size:.875rem;margin:1rem 0}
.article{max-width:720px;margin:2rem auto}
.article h2{margin-top:2rem}
.article h3{line-height:1.3}
.article li{margin-bottom:.5rem}
.article :is(details,nav){margin:1.5rem 0}
.article details>p{margin-top:1rem}
.measurement-statuses{margin:1.5rem 0}
.measurement-statuses>div{padding:1rem 0;border-top:1px solid var(--support)}
.measurement-statuses dt{font-weight:700}.measurement-statuses dd{margin:.5rem 0 0}
.article p,.story-prose p{line-height:1.65}
.article h2{margin-top:2rem}
.article a{overflow-wrap:anywhere}
.game-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0}
.game-directory>a{display:block;border-top:1px solid var(--support);padding:1rem 0;text-decoration:none;transition:background-color var(--interactive-card-transition),border-color var(--interactive-card-transition)}
.game-directory strong{display:block;text-decoration:none;margin:1rem 0}
.game-directory>a:is(:hover,:focus-visible){background:var(--interactive-card-tint);border-top-color:var(--interactive-card-divider);text-decoration:none}
.game-directory>a:is(:hover,:focus-visible) h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.game-symbol{width:32px;height:32px;fill:none;stroke:var(--ink)}
.game-symbol-daily{fill:var(--ink);stroke:none}
.game-number{font-variant-numeric:tabular-nums lining-nums}
.game-shell{position:relative;padding:1rem 0}
.game-embed-brand{display:none}
.game-setup{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.game-field{min-width:0}.game-family-field,.game-start,.game-error,.daily-local-note{grid-column:1/-1}
.game-segments,.daily-game-choice{display:flex;gap:.5rem;flex-wrap:wrap}
.game-segments label,.daily-game-choice label{position:relative;flex:1}
.game-segments input,.daily-game-choice input{position:absolute;opacity:0;width:1px;height:1px}
.game-segments span,.daily-game-choice span{display:grid;align-content:center;min-height:48px;padding:.75rem;border:1px solid var(--ink);border-radius:4px}
.game-segments input:checked+span,.daily-game-choice input:checked+span{background:var(--accent);font-weight:700}
.game-segments input:focus-visible+span,.daily-game-choice input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.game-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.game-family{display:flex;align-items:center;gap:.5rem;min-height:48px}
.game-family input{width:24px;height:24px;flex:none}
.game-family strong,.game-family small{display:block}
.game-family.unavailable{background:var(--support)}
.game-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.game-round-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}
.game-round-head span{display:block;text-transform:capitalize}
.game-round-head progress{width:25%;accent-color:var(--ink)}
.game-instruction{max-width:65ch}
.which-round h2,.scale-round h2{font:700 2rem/1.2 var(--sans)}
.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.answer-grid.choices-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.answer-choice{display:grid;gap:.75rem;align-content:start;text-align:left}
.answer-art{display:flex;align-items:center;justify-content:center;height:160px}
.answer-art img{width:100%;height:160px;object-fit:contain}
.answer-choice>strong{font-size:1.25rem}
.answer-choice>span{font-weight:400}
.answer-choice.is-correct{border:3px solid var(--ink);background:var(--accent)}
.answer-choice.is-selected:not(.is-correct){border:3px solid var(--error)}
.answer-reveal{display:grid;gap:.5rem;border-top:1px solid var(--ink);padding-top:.5rem}
.answer-reveal em{font-style:normal;font-weight:700}
.round-feedback{margin:1rem 0}.round-feedback:empty{display:none}
.feedback-copy{padding:1rem;background:var(--support)}
.round-learn{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}
.round-learn a{display:flex;align-items:center;min-height:48px}
.scale-it-stage{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.scale-object{min-width:0;text-align:center}
.scale-art-plane{height:250px;position:relative;overflow:hidden}
.scale-art-plane img{position:absolute;left:50%;transform:translateX(-50%);max-width:none;max-height:none}
.scale-drag{touch-action:none}
.scale-controls:has(#game-scale-slider){display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:.5rem;align-items:end}
.scale-controls:has(#game-scale-slider) label{display:grid}
.scale-controls:has(#game-scale-slider) output{font-weight:700}
.scale-score{display:flex;gap:1rem;align-items:baseline}
.scale-score strong{font:800 2.5rem/1.2 var(--sans)}
.game-results h2{font:800 3rem/1.1 var(--sans)}
#result-card{max-width:360px;width:100%;height:auto}
.result-actions,.result-replay,.social-share-links{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
.result-replay a,.social-share-links a{min-height:48px;display:flex;align-items:center}
.game-review li{margin:1rem 0}.game-review span,.game-review small{display:block}
.game-static-copy,.game-learning-link{max-width:720px;margin:3rem 0;border-top:1px solid var(--support);padding-top:1.5rem}
.challenge-banner{padding:1rem;background:var(--support);margin:1rem 0}
.challenge-banner span{display:block}
.image-missing:after{content:'Artwork unavailable';display:block;font-size:.875rem}
@media(max-width:767px){
 .game-page-lead{margin:1rem 0}.game-page-lead>p:last-child{margin-bottom:0}
 .game-shell{padding:.5rem 0}
 .game-shell .game-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:.5rem 0}
 .game-shell .game-presets button{min-width:0;padding:.5rem}
 .game-shell .game-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem}
 .game-shell .game-family{font-size:.875rem;line-height:1.25rem}
 .daily-setup>.game-field{grid-column:1/-1}.daily-game-choice{display:grid;grid-template-columns:1fr;width:100%}
 .game-shell .game-round-head{margin:0 0 .75rem;flex-wrap:nowrap;gap:.5rem}
 .game-shell .game-round-head p{margin:0}
 .game-shell .game-round-head progress{flex:none;width:4rem}
 .game-shell :is(.which-round,.scale-round) h2{font-size:1.5rem;line-height:1.75rem;margin-bottom:.5rem}
 .game-shell .answer-grid{grid-template-columns:1fr;gap:.75rem}
 .game-shell .answer-choice{grid-template-columns:clamp(4rem,20vw,6rem) minmax(0,1fr);gap:.25rem .75rem;padding:.75rem;align-items:center}
 .game-shell .answer-art{grid-column:1;grid-row:1/3;height:80px}
 .game-shell .answer-art img{height:80px}
 .game-shell .answer-choice>strong{grid-column:2;font-size:1.125rem;line-height:1.375rem}
 .game-shell .answer-choice>span:not(.answer-art){grid-column:2;font-size:.875rem;line-height:1.25rem}
 .game-shell .answer-choice .answer-reveal{grid-column:1/-1!important}
 .game-shell .answer-choice:is(.is-correct,.is-selected){padding:calc(.75rem - 2px)}
 .game-shell .feedback-copy{padding:.75rem}.game-shell .feedback-copy h3{margin:.25rem 0 .5rem}
 .game-shell .feedback-copy p:last-child{margin-bottom:0}
 .game-shell .game-next,.game-shell .scale-lock{width:100%;min-height:52px}
 .game-shell .round-feedback{display:flex;flex-direction:column;gap:.75rem}
 .game-shell .round-feedback:empty{display:none}
 .game-shell .round-feedback>.round-learn{margin:0;gap:.25rem}
 .game-shell .round-learn{display:grid}
 .game-shell .scale-art-plane{height:clamp(120px,24svh,180px)}
 .game-shell .scale-object h3{font-size:1.125rem;line-height:1.375rem;margin:.25rem 0}
 .game-shell .scale-object p{font-size:.875rem;line-height:1.25rem;margin-bottom:.5rem}
 .game-shell .scale-drag{padding:.5rem;font-size:.875rem}
 .game-shell .game-results h2{font-size:2.25rem;line-height:2.5rem}
}
.lesson-meta{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}
.lesson-overview{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}
.lesson-table{width:100%;border-collapse:collapse;font-size:.875rem}
.lesson-table td,.lesson-table th{padding:.75rem;text-align:left;border-bottom:1px solid var(--support);overflow-wrap:anywhere}
.dimensions-table{width:100%;border-collapse:collapse;font-size:1rem}
.dimensions-table td,.dimensions-table th{overflow-wrap:anywhere;white-space:normal;padding:.75rem;text-align:left;border-bottom:1px solid var(--support)}
.dimensions-table th:first-child{width:30%}
.dimensions-table button{text-align:left;line-height:1.5}
.property-field-label{display:none}
@media(max-width:600px){
 .dimensions-table,.dimensions-table tbody{display:block}
 .dimensions-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .dimensions-table tbody{display:grid;gap:1rem}
 .dimensions-table tr{display:grid;padding:1rem;border:1px solid var(--support)}
 .dimensions-table :is(td,th){display:block;width:auto!important;padding:.5rem 0;border:0}
 .dimensions-table th{padding-top:0}
 .dimensions-table button{width:100%}
 .property-field-label{display:block;font-size:.875rem;font-weight:600;color:var(--secondary);margin-bottom:.125rem}
}
.scale-lab-data-table{max-width:100%;margin-right:0!important}
.teacher-notes{margin:2rem 0}
.assumptions summary>span,.lesson-answers summary>span,.game-review summary>span{display:none}
.education-resource{max-width:960px;margin:auto}
.education-next{margin:2rem 0;border-top:1px solid var(--support);padding:1rem 0}
.education-download-options{gap:1rem}
.education-download-option.is-primary{background:var(--accent)!important}
.education-download-option a{min-height:52px!important;font-size:1rem!important}
.education-download-option h3{font-family:var(--sans)!important}
.education-download-option p,.education-download-option small{font-size:.875rem!important}
.education-download-option.is-primary a{color:var(--ink)!important;background:var(--canvas)!important}
.story-card{aspect-ratio:auto!important;overflow:visible!important;background:var(--canvas)!important;border:1px solid var(--line);border-radius:0;box-shadow:none;cursor:pointer;transition:transform var(--interactive-card-transition),border-color var(--interactive-card-transition),background-color var(--interactive-card-transition)}
.story-card>a{display:block;color:var(--ink)!important;height:auto!important;padding:.5rem;background:var(--canvas);text-decoration:none;transition:background-color var(--interactive-card-transition)}
.story-card>a:hover,.story-card>a:focus-visible{background:var(--interactive-card-tint);text-decoration:none}
.story-card>a:hover h2,.story-card>a:hover h3,.story-card>a:focus-visible h2,.story-card>a:focus-visible h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.story-card:is(:hover,:focus-within){transform:translateY(-2px);border-color:var(--interactive-card-divider);background:var(--interactive-card-tint)!important}
@media(prefers-reduced-motion:reduce){.story-card,.story-card>a{transition:none!important}}
.story-card img{position:static!important;aspect-ratio:16/9;width:100%;height:auto!important}
.story-card div{position:static!important;background:transparent!important;padding:1rem!important}
.story-card .eyebrow{color:var(--secondary)!important}
.story-card p{display:block!important}
.story-links>div:last-child>a{display:block;padding:1rem 0;border-top:1px solid var(--support);color:inherit;text-decoration:none;transition:background-color var(--interactive-card-transition),border-color var(--interactive-card-transition)}
.story-links>div:last-child>a strong,.story-links>div:last-child>a span,.story-links>div:last-child>a em{display:block}
.story-links>div:last-child>a:is(:hover,:focus-visible){background:var(--interactive-card-tint);border-top-color:var(--interactive-card-divider);text-decoration:none}
.story-links>div:last-child>a:is(:hover,:focus-visible)>strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.story-prose{font-size:1.125rem!important;line-height:1.556!important}
.story-header,.story-prose,.story-next{max-width:720px!important}
.story-header h1{font-size:3.5rem!important;line-height:3.75rem!important}
.story-figure iframe{min-height:0!important;aspect-ratio:auto!important;height:600px}
.story-figure{max-width:960px}
.story-sources a{display:inline-flex;min-height:48px;align-items:center}
.editorial-card{background:var(--canvas)}
.home-priority-links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:2rem 0}
.home-page.design-site #comparison-result{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem}
.home-page #comparison-result>.comparison-panel{grid-column:1}
.home-page #comparison-result>.result-takeaway{grid-column:2;grid-row:1;align-self:center}
.home-page #comparison-result>.assumptions{grid-column:1/-1}
.education-archive-number{color:var(--ink)!important}
.education-archive-list p{font-size:.875rem!important}
.editorial-comparisons button{min-height:48px!important}
.editorial-comparisons textarea{font-size:.875rem!important;white-space:pre-wrap!important}
.scale-lab-resource{--lab-dark:var(--ink)!important;--lab-gold:var(--accent)!important}
.scale-lab-explorer,.scale-lab-six-weeks,.magnitude-journey{background:var(--ink)!important;color:var(--canvas)!important;padding:1.5rem}
.scale-lab-explorer h2,.scale-lab-six-weeks h2,.magnitude-journey h2{color:var(--canvas)!important}
.scale-lab-controls p,.scale-lab-results small,.magnitude-journey-head p:not(.eyebrow),.magnitude-ticks,.magnitude-notation,.magnitude-notation span,.embed-learning-link a{color:var(--canvas)!important;font-size:.875rem!important}
.scale-lab-visual,.scale-lab-note,.decade-rule,.magnitude-example,.magnitude-meaning,.magnitude-empty-visual{background:var(--ink)!important;color:var(--canvas)!important;border-color:var(--canvas)!important}
.scale-lab-visual-label,.scale-lab-results dt{font-size:.875rem!important}
.scale-lab-controls output,.scale-lab-results dd{font-family:var(--sans)!important;font-variant-numeric:tabular-nums lining-nums}
.scale-lab-presets button,.scale-lab-reset{min-height:48px!important;color:var(--canvas)!important;border-color:var(--canvas)!important}
.scale-lab-presets button[aria-pressed=true]{color:var(--ink)!important;background:var(--accent)!important}
.scale-lab-cube-top{fill:var(--accent)!important}.scale-lab-cube-left{fill:var(--support)!important}.scale-lab-cube-right{fill:var(--canvas)!important}
.scale-lab-explorer :focus-visible,.magnitude-journey :focus-visible{outline-color:var(--accent)}
.scale-lab-explorer .eyebrow,.scale-lab-six-weeks .eyebrow,.magnitude-journey .eyebrow{color:var(--accent)!important}
.scale-lab-explorer input[type=range],.magnitude-journey input[type=range]{accent-color:var(--accent)}
.education-hero>p:not(.eyebrow){font-family:var(--sans)!important}
input[aria-invalid=true]{border:2px solid var(--error)}
.magnitude-empty-visual>span{color:var(--accent)!important;background:var(--ink)!important}
.magnitude-empty-prompt{color:var(--accent)!important}
.education-start{min-height:52px!important;background:var(--accent)!important;color:var(--ink)!important}
.magnitude-journey .scale-control-sticky{background:var(--ink);color:var(--canvas)}
.magnitude-journey .scale-focus,.magnitude-journey .scale-scene-top{color:var(--canvas)}
.magnitude-journey .log-neighbours button{background:var(--ink);color:var(--canvas);border-color:var(--canvas)}
@media(max-width:1023px){.domain-grid,.domain-links,.category-grid,.atlas-grid,.browse-grid,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-group{grid-template-columns:1fr}.game-directory{grid-template-columns:1fr}.gravity-form{grid-template-columns:1fr 1fr}.gravity-form>label:first-child{grid-column:1/-1}}
@media(max-width:767px){.intro h1,.page-lead h1,.education-hero h1,.thing-hero h1,.story-header h1{font-size:2.25rem!important;line-height:2.5rem!important}.thing-hero,.scale-invitation,.scale-focus,.lesson-overview,.assumption-grid,.reference-filters,.gravity-summary,.game-setup{grid-template-columns:1fr}.catalogue-items,.domain-grid,.domain-links,.category-grid,.atlas-grid,.browse-grid,.reference-grid,.facts-grid,.category-directory{grid-template-columns:1fr}.quantity-conversions{grid-template-columns:1fr 1fr}.browse-tools,.section-heading,.result-heading{flex-wrap:wrap}.browse-tools label{width:100%}.thing-hero img{max-height:260px}.scale-focus>img{height:240px}.world-grid{grid-template-columns:1fr 1fr;gap:.5rem}.spring-scales,.freefall-tracks{gap:.75rem}.freefall-controls button{flex:1 1 40%}.game-family-grid{grid-template-columns:1fr 1fr}.answer-grid.choices-3{grid-template-columns:1fr}.game-round-head{flex-wrap:wrap}.which-round h2,.scale-round h2{font-size:1.75rem}.lesson-table td,.lesson-table th{padding:.5rem}.panel-toolbar{display:grid;grid-template-columns:1fr}.property-mobile{width:100%}.view-controls{justify-content:space-between}.drawing{max-height:none}.gravity-form{gap:.75rem}.reference-option-value{overflow-wrap:anywhere}.story-figure{margin:1.5rem 0!important}}
@media(max-width:767px){.home-hero{grid-template-columns:minmax(0,1fr);gap:.75rem;margin-top:1rem}.home-brand-logo{display:none}.home-hero>h1{font-size:clamp(2rem,8.5vw,3rem)}.home-hero>.eyebrow{font-size:.8125rem}.home-hero .search-label{margin-bottom:.375rem}.home-hero .search-field input{padding:.75rem .625rem}.home-hero .search-field button{padding:.75rem}.home-compare-action{margin-bottom:.5rem}}
.scale-invitation:is(:hover,:focus-visible),.promo-section.game-nudge:is(:hover,:focus-visible){background:var(--interactive-card-tint);border-top-color:var(--interactive-card-divider);border-bottom-color:var(--interactive-card-divider)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.scale-invitation:hover .scale-mini img:first-child,.promo-section:hover .promo-illustration{transform:translateY(-4px)}.scale-invitation:hover .scale-mini img:last-child{transform:translateY(4px)}}
@media(max-width:767px){.promo-section.promo-illustrated{grid-template-columns:minmax(0,1fr);gap:1.5rem}.home-games>.promo-copy,.home-games>.promo-illustration{grid-column:auto;grid-row:auto}}
@media(max-width:359px){.intro h1,.page-lead h1,.education-hero h1,.thing-hero h1,.story-header h1{font-size:2rem!important;line-height:2.25rem!important}.game-family-grid{grid-template-columns:1fr}.gravity-summary strong{font-size:2.5rem}.world-card img{width:48px;height:48px}.neighbour-card{grid-template-columns:3.5rem minmax(0,1fr);gap:.75rem;padding:.75rem}.lesson-steps>li{column-gap:.5rem}}
@media(max-width:767px){.home-page.design-site #comparison-result{display:block}.home-page .intro{display:block}}
@media print{.site-header,.site-footer,.search-box,.share-button,.game-shell,.scale-controls,.reference-section,.cookie-consent{display:none!important}.container{max-width:none;padding:0}.article,.story-prose{max-width:none}details>div,details>section,details>p{display:block!important}.teacher-notes{break-before:page}.teacher-notes>div{display:block!important}.story-figure iframe{display:none}.education-resource{font-size:11pt}h1,h2,h3{break-after:avoid}.education-download{display:none!important}}
@media print{.lesson-answers,.lesson-answers ol{display:block!important}.education-resource a:after{content:' (' attr(href) ')';font-size:10px;font-weight:400}.game-directory,.game-nudge,.education-next{display:none!important}}
@media print{.lesson-answers::details-content{content-visibility:visible!important;display:block!important}}