/* Horizontal studies: retain the full page, Ivory, counts and hover details. */
.refined-02 .refined-git.w-panel { padding:2.4rem clamp(1.5rem,3vw,3rem); row-gap:1.5rem; }
.w-panel .g-totals dd { order:-1; }
.w-panel .g-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.85rem .8rem; }
.w-panel .g-heading > span { grid-column:1 / -1; }
.w-panel .g-heading h3 { margin:0; font-size:clamp(1.25rem,4.8cqw,1.9rem); }
.w-panel .g-source { white-space:nowrap; }
.w-panel .g-source [data-mk] { font-size:2.5rem; }
.refined-02 .w-panel .h-source { gap:.65rem; }
.w-panel .h-source > span:last-child { border:0; padding:0; }
.w-panel .h-source strong { font:700 .95rem/1 var(--sans); letter-spacing:-.02em; }
.w-panel .g-map { height:100%; min-height:0; container-type:size; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.refined-02 .w-panel .g-map .h-grid { width:min(82%,360px,calc((100cqh - 2rem) * 2)); flex:none; grid-template-columns:repeat(14,minmax(0,1fr)); grid-template-rows:repeat(7,auto); gap:4px; }
.refined-02 .w-panel .h-readout { width:min(82%,360px,calc((100cqh - 2rem) * 2)); min-height:1.5em; margin:.7rem 0 0; }
.w-panel .g-totals dd { font-size:clamp(2.8rem,15cqw,5.6rem); }
/* Open field: the first reference, with a smaller field held between the totals. */
.refined-02 .refined-git.w-01 { grid-template-rows:auto auto minmax(0,1fr) auto; }
.w-01 > .g-source { justify-self:end; }
/* Mirror: map occupies the large central space, two figures echo the compute row. */
.refined-02 .refined-git.w-02 { grid-template-rows:auto minmax(0,1fr) auto; }
.w-02 .g-totals { display:grid; grid-template-columns:1fr 1fr; gap:0; padding:1.45rem 0; border-block:1px solid #d9d7cb; margin-bottom:calc(var(--rectangle-height,34rem) * .04); }
.w-02 .g-totals > div { justify-content:center; gap:.55rem; padding:.1rem .5rem; }
.w-02 .g-totals > div + div { border-left:1px solid #d9d7cb; }
.w-02 .g-totals dd { font-size:clamp(2.5rem,12cqw,4.5rem); }
/* Colophon: one centered composition, with restrained figures and no dividers. */
.refined-02 .refined-git.w-03 { grid-template-rows:auto minmax(0,1fr) auto; }
.w-03 .g-totals { justify-content:center; gap:2.4rem; padding:0 0 2.2rem; }
.w-03 .g-totals > div { flex-direction:column; align-items:center; gap:.55rem; }
.w-03 .g-totals dd { font-size:clamp(2.8rem,14cqw,5rem); }
.refined-02 .w-03 .g-map .h-grid, .refined-02 .w-03 .h-readout { width:min(94%,390px,calc((100cqh - 2rem) * 2)); }
/* Commit first: a single dominant figure, then the field and a compact baseline. */
.refined-02 .refined-git.w-04 { grid-template-rows:auto auto minmax(0,1fr) auto; row-gap:1.3rem; }
.w-04 .g-primary dd { font-size:clamp(4rem,24cqw,7.5rem); }
.w-04 .g-primary > div { gap:.9rem; }
.w-04 .g-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.w-04 .g-bottom .g-totals dd { font-size:clamp(2.4rem,10cqw,3.6rem); }
.w-04 .g-bottom .g-source { align-self:center; }
.refined-02 .w-04 .g-map .h-grid, .refined-02 .w-04 .h-readout { width:min(100%,360px,calc((100cqh - 2rem) * 2)); }
@media(max-width:1080px) {
 .refined-02 .refined-git.w-panel { padding:2rem 1.25rem; }
 .w-panel .g-source [data-mk] { font-size:2.1rem; }
 .w-panel .g-heading:has(.g-source) h3 { font-size:1.2rem; }
 .w-panel .h-source strong { font-size:.85rem; }
 .refined-02 .w-panel .h-source { gap:.4rem; }
 .refined-02 .w-panel .g-map .h-grid { gap:3px; }
 .w-02 .g-totals > div { gap:.3rem; padding-inline:.25rem; }
}
@media(max-width:820px) {
 .refined-02 .refined-git.w-panel { padding:2rem 1.5rem; }
 .w-panel .g-heading h3 { font-size:1.45rem; }
 .w-02 .g-totals { margin-bottom:0; }
 .w-03 .g-totals { padding-bottom:1rem; }
}