/* Isolated alternatives: the current Magnitude page remains unchanged. */
.refined-02 .refined-git.g-panel { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto; gap:0; padding:2.4rem clamp(1.3rem,3vw,3rem); color:#161813; text-align:left; container-type:inline-size; }
.g-panel .g-heading { display:block; }
.g-panel .g-heading > span { display:block; font:.65rem/1.5 var(--mono); letter-spacing:.1em; color:#77776c; }
.g-panel .g-heading h3 { margin:.85rem 0 0; font:italic clamp(1.5rem,4.9cqw,2rem)/1.2 var(--serif); letter-spacing:-.025em; }
.g-panel .g-totals { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin:0; }
.g-panel .g-totals > div { display:flex; align-items:baseline; gap:.55rem; }
.g-panel .g-totals dd { font:300 clamp(2.8rem,13cqw,5rem)/1 var(--sans); letter-spacing:-.075em; }
.g-panel .g-totals dt { font:italic clamp(.95rem,3.4cqw,1.25rem)/1.2 var(--serif); color:#727267; }
.g-panel .g-map { min-width:0; width:100%; align-self:center; }
.refined-02 .g-panel .g-map .h-grid { width:100%; max-width:none; grid-template-columns:repeat(14,minmax(0,1fr)); grid-template-rows:repeat(7,auto); gap:4px; }
.refined-02 .g-panel .h-day { border-radius:2px; min-width:0; }
.refined-02 .g-panel .h-readout { width:100%; max-width:none; min-height:1.5em; font:.6rem/1.5 var(--mono); color:#77776c; margin:.7rem 0 0; text-align:left; }
.g-panel .g-source { align-self:end; font:.65rem/1.5 var(--mono); }
.refined-02 .g-panel .h-source { display:inline-flex; align-items:center; gap:.65rem; color:#31332b; text-decoration:none; }
.g-panel .h-source > span:last-child { border-bottom:1px solid #c6c5b8; padding-bottom:2px; }
.g-panel .g-source [data-mk] { display:flex; font-size:1.5rem; }
/* 01: broad field, quiet margins, two equal typographic anchors. */
.refined-02 .refined-git.g-01 { grid-template-rows:auto auto minmax(0,1fr) auto; row-gap:1.6rem; }
.g-01 .g-totals { padding-top:.3rem; }
.g-01 .g-source { justify-self:end; }
/* 02: a vertical field balances an oversized count and a smaller duration. */
.refined-02 .refined-git.g-02 { grid-template-rows:auto minmax(0,1fr) auto; row-gap:1.5rem; }
.g-02 .g-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr); gap:1.6rem; min-height:0; }
.g-02 .g-totals { flex-direction:column; justify-content:center; gap:2.1rem; }
.g-02 .g-totals > div { display:block; }
.g-02 .g-totals dd { font-size:clamp(3.6rem,19cqw,6.5rem); }
.g-02 .g-totals dt { margin-top:.3rem; }
.g-02 .g-totals > div:last-child dd { font-size:clamp(2.4rem,12cqw,4rem); }
.g-02 .g-map { height:100%; container-type:size; display:flex; flex-direction:column; align-items:flex-end; }
.refined-02 .g-02 .g-map .h-grid { grid-template-columns:repeat(7,minmax(0,1fr)); grid-template-rows:repeat(14,auto); width:min(100%,calc((100cqh - 2rem) / 2)); }
.refined-02 .g-02 .h-readout { width:min(100%,calc((100cqh - 2rem) / 2)); }
/* 03: a dark inset gives the activity field the presence of a small instrument. */
.refined-02 .refined-git.g-03 { grid-template-rows:auto minmax(0,1fr) auto auto; row-gap:1.35rem; }
.g-03 .g-map { background:#151913; padding:clamp(.8rem,4cqw,1.5rem); box-sizing:border-box; }
.refined-02 .g-03 .h-readout { color:#b1b8a8; margin-bottom:-.2rem; }
.g-03 .g-totals { justify-content:space-around; }
.g-03 .g-totals dd { font-size:clamp(2.5rem,11cqw,4rem); }
.g-03 .g-source { justify-self:center; }
@media(max-width:1080px) {
 .refined-02 .refined-git.g-panel { padding:2rem 1.25rem; }
 .refined-02 .g-panel .g-map .h-grid { gap:3px; }
 .g-panel .g-totals > div { gap:.35rem; }
 .g-panel .g-totals dd { font-size:clamp(2.6rem,12cqw,4rem); }
 .g-02 .g-totals dd { font-size:clamp(3.6rem,19cqw,6.5rem); }
}
@media(max-width:820px) {
 .refined-02 .refined-git.g-panel { padding:2rem 1.5rem; }
 .g-panel .g-map { max-width:440px; justify-self:center; }
 .g-panel .g-heading h3 { font-size:1.7rem; }
 .g-02 .g-body { max-width:440px; width:100%; justify-self:center; }
}

/* Fit broad fields to the shared rectangle height, preserving square cells. */
.g-01 .g-map, .g-03 .g-map { height:100%; min-height:0; container-type:size; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.refined-02 .g-01 .g-map .h-grid, .refined-02 .g-03 .g-map .h-grid { width:min(100%,calc((100cqh - 2rem) * 2)); flex:none; }
.refined-02 .g-01 .h-readout, .refined-02 .g-03 .h-readout { width:min(100%,calc((100cqh - 2rem) * 2)); }