/* 03 / Inference hours — the duration of work, followed by its output. */
.refined-03 .refined-compute, .refined-04 .refined-compute { padding:2.4rem; color:#eceae4; background:#0c0c0b; min-width:0; }
.refined-03 .refined-git, .refined-04 .refined-git { padding:2.4rem; color:#e8e7df; background:#20201f; min-width:0; display:flex; flex-direction:column; justify-content:center; }
.refined-03 .r34-kicker, .refined-04 .r34-kicker { margin:0 0 1.35rem; color:#99998f; font:.65rem/1.5 var(--mono); letter-spacing:.065em; }
.refined-03 .refined-compute h2, .refined-04 .refined-compute h2 { margin:0; font:300 clamp(1.7rem,2.7vw,2.4rem)/1.12 var(--sans); letter-spacing:-.035em; }
.refined-03 .refined-compute h2 em, .refined-04 .refined-compute h2 em { font-family:var(--serif); font-weight:400; color:#e5d4ad; }
.r03-duration { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:1.2rem; margin-top:2rem; }
.r03-total > strong { display:block; color:#e5d4ad; font:300 clamp(4.5rem,7.4vw,6.65rem)/.9 var(--sans); letter-spacing:-.07em; }
.r03-total > strong > span { margin-left:.1rem; font:italic .48em/1 var(--serif); letter-spacing:-.04em; }
.r03-total > span, .r03-single > span { display:block; margin-top:.65rem; font:.68rem/1.5 var(--mono); color:#afaea6; }
.r03-single { padding-bottom:.05rem; }
.r03-single > strong { display:block; font:300 2.45rem/1 var(--sans); letter-spacing:-.055em; }
.r03-single > strong > span { color:#e5d4ad; font:italic .6em/1 var(--serif); margin-left:.1rem; }
.r03-single > small { display:block; margin-top:.3rem; font:.65rem/1.5 var(--mono); color:#909087; }
.r03-duration-track { height:3px; background:#45453f; margin:1.4rem 0 .65rem; }
.r03-duration-track > i { display:block; width:11.1628%; height:100%; background:#e5d4ad; }
.r03-track-note { margin:0; color:#87877e; font:.65rem/1.5 var(--mono); }
.r03-facts { margin:1.7rem 0 0; }
.r03-facts > div { display:flex; justify-content:space-between; align-items:center; gap:1.2rem; padding:1rem 0; border-top:1px solid #373731; }
.r03-facts > div:last-child { padding-bottom:0; }
.r03-facts dt { color:#c0bfb7; font:.7rem/1.5 var(--mono); }
.r03-facts dt > small { display:block; font:.65rem/1.5 var(--mono); color:#87877e; margin-top:.3rem; }
.r03-facts dd { margin:0; font:300 clamp(1.7rem,2.65vw,2.3rem)/1.1 var(--sans); letter-spacing:-.05em; white-space:nowrap; color:#e5d4ad; }
.r03-facts dd > span { font-size:.64em; letter-spacing:-.035em; }
.r03-facts dd > small { display:block; text-align:right; font:.65rem/1.5 var(--mono); color:#93938a; letter-spacing:0; margin-top:.1rem; }

/* 04 / Collected figures — a quiet pair of output totals and a pair of durations. */
.refined-04 .refined-compute h2 { font-size:clamp(1.9rem,3vw,2.65rem); }
.r04-main, .r04-time { display:grid; grid-template-columns:1fr 1fr; gap:1.8rem; }
.r04-main { margin-top:2.4rem; }
.r04-main > div > strong { display:block; color:#e5d4ad; font:300 clamp(2.7rem,4.3vw,4rem)/.95 var(--sans); letter-spacing:-.065em; white-space:nowrap; }
.r04-main > div > strong > span { font-size:.58em; letter-spacing:-.02em; }
.r04-main > div > span, .r04-time > div > span { display:block; margin-top:.75rem; font:.68rem/1.4 var(--mono); color:#c4c1b8; }
.r04-main > div > small, .r04-time > div > small { display:block; font:.65rem/1.6 var(--mono); color:#8f8f85; margin-top:.45rem; }
.r04-time { border-top:1px solid #3e3d36; margin-top:2rem; padding-top:1.35rem; }
.r04-time > div > strong { display:block; font:300 2.65rem/1 var(--sans); letter-spacing:-.06em; }
.r04-time > div > strong > span { font:italic .6em/1 var(--serif); color:#e5d4ad; margin-left:.1rem; }
.r04-answer { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; border-top:1px solid #3e3d36; margin-top:1.65rem; padding-top:1.25rem; }
.r04-answer > span { font:.67rem/1.5 var(--mono); color:#a9a89e; }
.r04-answer > strong { font:300 1.9rem/1 var(--sans); letter-spacing:-.04em; color:#e5d4ad; }
.r04-answer small { font:.65rem/1 var(--mono); color:#929287; letter-spacing:0; }

/* Compact Git field, held to its actual 35 cells. */
.r34-git-body { display:flex; flex-wrap:wrap; align-items:flex-start; gap:1.75rem; }
.r34-git-map { flex:0 0 192px; width:192px; }
.r34-git-totals { flex:1 1 72px; min-width:72px; padding-top:.05rem; }
.r34-git-totals > div + div { margin-top:1.25rem; }
.r34-git-totals strong { display:block; color:#e5d4ad; font:300 2.7rem/1 var(--sans); letter-spacing:-.055em; }
.r34-git-totals > div > span { display:block; color:#a4a499; font:.65rem/1.45 var(--mono); margin-top:.35rem; }
.r34-git-totals strong > span { font:italic .45em/1 var(--serif); letter-spacing:0; margin-left:.2rem; }
.refined-03 .h-legend, .refined-04 .h-legend { font-size:.65rem; color:#93958b; }
.refined-03 .h-readout, .refined-04 .h-readout { margin:1.4rem 0 .65rem; min-height:1.5em; color:#aaaa9f; font:.65rem/1.5 var(--mono); }
.refined-03 .h-source, .refined-04 .h-source { color:#b8b8ab; font-size:.65rem; }
.refined-04 .r34-git-totals > div + div { margin-top:1.1rem; padding-top:.9rem; border-top:1px solid #44443c; }
.refined-04 .r34-git-totals strong { font-size:2.5rem; }
@media (max-width:1100px) and (min-width:821px) {
 .refined-03 .refined-compute, .refined-04 .refined-compute { padding:2rem 1.65rem; }
 .refined-03 .refined-git, .refined-04 .refined-git { padding:2rem 1.25rem; }
 .r34-git-body { gap:1rem; }
 .r34-git-totals strong { font-size:2.3rem; }
 .r03-duration { gap:.8rem; }
 .r03-single > strong { font-size:2rem; }
 .r03-single > small { font-size:.65rem; }
 .r04-main, .r04-time { gap:1.1rem; }
}
@media (max-width:520px) {
 .refined-03 .refined-compute, .refined-04 .refined-compute, .refined-03 .refined-git, .refined-04 .refined-git { padding:2rem 1.5rem; }
 .refined-03 .refined-git, .refined-04 .refined-git { padding:2rem 1rem; }
 .r03-duration { gap:1rem; }
 .r03-total > strong { font-size:4.8rem; }
 .r03-single > strong { font-size:2rem; }
 .r03-single > small { font-size:.65rem; }
 .r03-facts > div { gap:.85rem; }
 .r03-facts dt > small { font-size:.65rem; max-width:12rem; }
 .r04-main, .r04-time { gap:1.1rem; }
 .r04-main > div > strong { font-size:2.65rem; }
 .r04-main > div > small, .r04-time > div > small { font-size:.65rem; }
 .r34-git-body { gap:1.25rem; }
 .r34-git-totals strong, .refined-04 .r34-git-totals strong { font-size:2.3rem; }
}
@media (max-width:360px) {
 .refined-03 .refined-compute, .refined-04 .refined-compute { padding:2rem 1rem; }
 .r04-main, .r04-time { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
 .r04-main > div > strong { font-size:1.85rem; }
 .r04-time > div > strong { font-size:1.9rem; }
 .r04-answer { flex-wrap:wrap; }
 .r34-git-totals { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
 .r34-git-totals > div + div, .refined-04 .r34-git-totals > div + div { margin-top:0; padding-top:0; border-top:0; }
}