/* Baseball uses the registered Showroom typography and palette. All rules are scoped to the new exhibit. */
.baseball5 .baseball-nav,.baseball5 .baseball-chapters{flex-wrap:wrap}
.baseball5 .baseball-lenses{grid-template-columns:repeat(3,minmax(0,1fr))}
.baseball5 .baseball-lenses .lens-link{grid-template-columns:1fr}
.baseball5 .baseball-games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.baseball5 .game{--game-color:var(--accent)}
.baseball5 .game h3{font-size:18px;line-height:1.5;font-weight:700;margin:0 0 12px;word-break:keep-all}
.baseball5 .game p{margin:12px 0}
.baseball5 .game .primary{font-weight:650}
.baseball5 .baseball-context{font-size:14px;color:var(--muted);font-weight:400}
.baseball5 .comparison-game{--game-color:var(--accent);display:block}
.baseball5 .comparison-game p.primary{font-weight:650}
.baseball5 .comparison-game .basis{font-size:12px;font-weight:400}
.baseball5 .comparison-deep>summary{font-weight:500}
.baseball5 .comparison-deep p{font-size:16px;font-weight:400}
.baseball5 .baseball-scores{font-size:13px;margin:0 0 18px;width:100%}
.baseball5 .baseball-scores>div{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}
.baseball5 .baseball-scores dt{font-weight:400;min-width:0}
.baseball5 .baseball-scores dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}
.baseball5 .baseball-scene-link{display:block;margin-top:16px}
.baseball5 .baseball-case-index{grid-template-columns:repeat(5,minmax(0,1fr))}
.baseball5 .baseball-case-index a{font-weight:650;line-height:1.7;word-break:keep-all}
.baseball5 .baseball-case{max-width:78ch;margin-bottom:56px;border-top:1px solid var(--line)}
.baseball5 .baseball-case .case-role{margin:24px 0}
.baseball5 .baseball-case .case-role p{font-weight:400;line-height:1.9}
.baseball5 .baseball-case .case-role p.primary{font-weight:650}
.baseball5 .baseball-evaluation{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}
.baseball5 .baseball-journey{margin:40px 0;max-width:100%}
.baseball5 .baseball-journey ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:16px;padding:0}
.baseball5 .baseball-journey li{border-top:2px solid var(--accent);padding:18px 0;font-weight:650}
.baseball5 .baseball-journey p{font-weight:400;line-height:1.9}
.baseball5 .baseball-score-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.baseball5 .baseball-score-scroll table{min-width:780px;width:100%;border-collapse:collapse;font-size:14px}
.baseball5 .baseball-score-scroll th,.baseball5 .baseball-score-scroll td{padding:16px;border:1px solid var(--line);text-align:left;vertical-align:top}
.baseball5 .baseball-score-scroll th{font-weight:650}
.baseball5 .baseball-score-scroll td{font-variant-numeric:tabular-nums}
.baseball5 .baseball-score-scroll .basis{display:block;font-size:12px;font-weight:400;margin-top:8px}
.baseball5 .baseball-values{max-width:78ch;margin:0 0 40px}
.baseball5 .baseball-values h3{font-size:18px;line-height:1.6}
.baseball5 .synthesis-reading .primary{font-weight:650}
.baseball5 .synthesis-reading p:not(.primary){font-weight:400}
.baseball5 :is(h1,h2,h3,h4){word-break:keep-all;text-wrap:balance}
.baseball5 :is(p,li){text-wrap:pretty}
.baseball5 :is(a,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1100px){.baseball5 .baseball-lenses{grid-template-columns:repeat(2,minmax(0,1fr))}.baseball5 .comparison-board{grid-template-columns:1fr}.baseball5 .baseball-games,.baseball5 .baseball-case-index{grid-template-columns:1fr}.baseball5 .game:last-child{grid-column:auto}}
@media(max-width:700px){.baseball5 .baseball-lenses{grid-template-columns:1fr}.baseball5 .baseball-journey ol{grid-template-columns:1fr}.baseball5 .baseball-journey li{padding:12px 0}.baseball5 .baseball-case-index{grid-template-columns:1fr}.baseball5 .baseball-case-index a{padding:20px}.baseball5 .baseball-case{margin-bottom:38px}.baseball5 .baseball-score-scroll th,.baseball5 .baseball-score-scroll td{padding:12px}}
/* Keep expanded evidence on the registered dark paper surface. */
.baseball5 .comparison-deep{background:var(--paper)}


.baseball5 .baseball-journey,.baseball5 .baseball-journey li{background:var(--paper)}


.baseball5 .contact a,.baseball5 .contact a:visited{color:var(--navy)}


/* Native depth reading uses the existing exhibit's body and heading roles. */
.baseball5 .comparison-game:has(> .comparison-deep[open]){grid-column:1/-1}
.baseball5 .deep-topic{min-width:0;margin:28px 0}
.baseball5 .deep-topic h4{margin:0 0 14px;color:var(--ink);font-size:18px;line-height:1.6;font-weight:650;overflow-wrap:anywhere}
.baseball5 .deep-topic p,.baseball5 .baseball-depth-synthesis p{font-size:16px;line-height:1.9;font-weight:400;overflow-wrap:anywhere}
.baseball5 .deep-topic+.deep-topic{padding-top:24px;border-top:1px solid var(--line)}
.baseball5 .case-depth{margin:16px 0 24px}

/* Approved Baseball5 exhibition refinement. Shared registered code stays intact. */
.baseball5 [data-game-index="0"],.baseball5 [data-baseball-game="0"]{--game-color:var(--blue)}
.baseball5 [data-game-index="1"],.baseball5 [data-baseball-game="1"]{--game-color:var(--olive)}
.baseball5 [data-game-index="2"],.baseball5 [data-baseball-game="2"]{--game-color:var(--accent)}
.baseball5 [data-game-index="3"],.baseball5 [data-baseball-game="3"]{--game-color:var(--violet)}
.baseball5 [data-game-index="4"],.baseball5 [data-baseball-game="4"]{--game-color:var(--copper)}
.baseball5 .baseball-lenses .lens-link{grid-template-columns:minmax(0,1fr) auto}
.baseball5 .baseball-lenses .lens-link>span,.baseball5 .baseball-lenses .lens-link>h2{grid-column:1}
.baseball5 .baseball-lenses .lens-link>p{grid-column:1/-1}
.baseball5 .baseball-lenses .lens-link>.baseball-glyph{grid-column:2;grid-row:1/3;align-self:center}
.baseball5 .lens-view-head .section-head{margin:0}
.baseball5 .baseball-axis{list-style:none;display:grid;grid-template-columns:repeat(var(--axis-count),minmax(0,1fr));gap:14px;padding:0;margin:0 0 30px}
.baseball5 .baseball-axis li{min-width:0;border-top:2px solid var(--accent);padding:20px 18px;display:flex;gap:14px;align-items:baseline;background:var(--paper);color:var(--ink);font-size:16px;font-weight:650;line-height:1.55}
.baseball5 .baseball-axis-number{font-size:12px;color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}
.baseball5 .comparison-game{display:grid;grid-template-rows:auto auto auto auto auto;align-items:start;row-gap:16px}
.baseball5 .comparison-game>header{grid-row:1}
.baseball5 .comparison-game>p.primary{grid-row:2;margin:0}
.baseball5 .comparison-game>.baseball-scores{grid-row:3;margin:0}
.baseball5 .comparison-game>.comparison-deep{grid-row:4;margin:0;align-self:stretch;min-width:0;box-sizing:border-box}
.baseball5 .comparison-game>.baseball-scene-link{grid-row:5;margin:0;align-self:start}
.baseball5 .comparison-game>.comparison-deep>summary{box-sizing:border-box;min-height:64px;display:flex;align-items:center;gap:8px}
.baseball5 .comparison-game>.comparison-deep>summary:before{content:'▸';flex:none}
.baseball5 .comparison-game>.comparison-deep[open]>summary:before{content:'▾'}
.baseball5 .comparison-game>.comparison-deep>summary::marker{content:''}
.baseball5 .comparison-game:has(>.comparison-deep[open]){display:block}
.baseball5 .comparison-game:has(>.comparison-deep[open])>header,.baseball5 .comparison-game:has(>.comparison-deep[open])>p.primary{max-width:78ch}
.baseball5 .comparison-game:has(>.comparison-deep[open])>p.primary{margin:16px 0}
.baseball5 .comparison-game:has(>.comparison-deep[open])>.baseball-scores{max-width:32rem;margin-bottom:18px}
.baseball5 .comparison-game:has(>.comparison-deep[open])>.baseball-scene-link{margin-top:16px}
.baseball5 .baseball-games .game{border-top-color:var(--game-color)}
.baseball5 .baseball-games .game h3{color:var(--game-color);margin:0;border-left:3px solid var(--game-color);padding-left:12px}
.baseball5 .baseball-case-index a{border-top:2px solid var(--game-color);display:flex;align-items:flex-start}
.baseball5 .baseball-case{border-top:2px solid var(--game-color)}
.baseball5 .baseball-case>h3{font-weight:700;color:var(--game-color)}
.baseball5 .baseball-synthesis-games .narrative-story{border-top:1px solid var(--line);border-left:3px solid var(--game-color);display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;padding:20px 18px}
.baseball5 .baseball-synthesis-games .narrative-story h2{min-width:0;margin:0}
.baseball5 .baseball-synthesis-games .narrative-story p{margin:0}
@media(min-width:1101px){
 .baseball5 .baseball-comparison .comparison-board{grid-template-rows:repeat(5,auto);row-gap:16px}
 .baseball5 .baseball-comparison .comparison-game{grid-row:span 5;grid-template-rows:subgrid}
 .baseball5 .baseball-games{grid-template-rows:repeat(4,auto);row-gap:16px}
 .baseball5 .baseball-games .game{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-items:start}
 .baseball5 .baseball-games .game>p{margin:0}
}
@media(max-width:1100px){
 .baseball5 .comparison-game{padding-bottom:28px}
 .baseball5 .baseball-synthesis-games .narrative-story{grid-template-columns:1fr;gap:12px}
}
@media(max-width:700px){
 .baseball5 .baseball-axis{grid-template-columns:1fr;gap:0}
 .baseball5 .baseball-axis li{padding:12px 0;background:transparent}
 .baseball5 .baseball-synthesis-games .narrative-story{grid-template-columns:1fr;gap:12px}
 .baseball5 .comparison-game>.comparison-deep>summary{min-height:44px}
}

.baseball5 .baseball-axis.axis-2{--axis-count:2}
.baseball5 .baseball-axis.axis-3{--axis-count:3}
/* Baseline metadata shares its own row even when game titles wrap. */
@media(min-width:1101px){
 .baseball5 .baseball-comparison .comparison-board{grid-template-rows:repeat(6,auto)}
 .baseball5 .baseball-comparison .comparison-game{grid-row:span 6}
 .baseball5 .baseball-comparison .comparison-game>header{grid-row:1/span 2;display:grid;grid-template-rows:subgrid}
 .baseball5 .baseball-comparison .comparison-game>header>h3{grid-row:1;margin:0}
 .baseball5 .baseball-comparison .comparison-game>header>.basis{grid-row:2;margin:0}
 .baseball5 .baseball-comparison .comparison-game>p.primary{grid-row:3}
 .baseball5 .baseball-comparison .comparison-game>.baseball-scores{grid-row:4}
 .baseball5 .baseball-comparison .comparison-game>.comparison-deep{grid-row:5}
 .baseball5 .baseball-comparison .comparison-game>.baseball-scene-link{grid-row:6}
 .baseball5 .baseball-comparison .comparison-game:has(>.comparison-deep[open])>header{display:block}
 .baseball5 .baseball-comparison .comparison-game:has(>.comparison-deep[open])>header>.basis{margin-top:14px}
}
/* The six entrance questions share title and question rows at comparison widths. */
@media(min-width:701px){
 .baseball5 .baseball-lenses{grid-template-rows:repeat(3,auto)}
 .baseball5 .baseball-lenses .lens-link{grid-row:span 3;grid-template-rows:subgrid;align-items:start}
 .baseball5 .baseball-lenses .lens-link>span{grid-row:1}
 .baseball5 .baseball-lenses .lens-link>h2{grid-row:2;min-width:0}
 .baseball5 .baseball-lenses .lens-link>p{grid-row:3}
}
/* Let complete game names fit their own panel at the registered type size. */
.baseball5 .comparison-game>header{border-left:0;padding-left:0;min-width:0}
.baseball5 .comparison-game>header>h3{min-width:0}
@media(min-width:1101px){
 .baseball5 .baseball-games{grid-template-columns:repeat(3,minmax(0,1fr))}
 .baseball5 .baseball-games .game:last-child{grid-column:auto}
}
@media(max-width:1200px){
 .baseball5 .baseball-comparison .comparison-board{grid-template-columns:1fr}
}
