/* Compact reference meter. Source/method detail lives in the page footnotes. */
.ft-wrap .margin-reference { margin:18px 0; padding:16px 0 0; border-top:1px solid #81958280; color:#f5f3ed; }
.ft-wrap .margin-reference h2 { font:600 16px/1.45 var(--body); letter-spacing:0; margin:0 0 14px; color:#f5f3ed; }
.ft-wrap .margin-reference [hidden] { display:none !important; }
.ft-wrap .margin-reference p { margin:0; font-size:12px; line-height:1.5; color:#d4dfd5; }
.ft-wrap .mr-summary { display:flex; justify-content:space-between; align-items:baseline; gap:6px 16px; flex-wrap:wrap; font-size:12px; line-height:1.4; color:#d4dfd5; }
.ft-wrap #mrStatus { color:#e7b494; }
.ft-wrap .mr-track { position:relative; height:8px; margin:40px 0 40px; border-radius:4px; background:#d4dfd526; }
.ft-wrap .mr-band { position:absolute; height:100%; left:var(--mr-start); width:var(--mr-width); background:#819582; border-radius:2px; }
.ft-wrap .mr-band::before, .ft-wrap .mr-band::after { content:''; position:absolute; top:-4px; bottom:-4px; width:1px; background:#d4dfd5; }
.ft-wrap .mr-band::before { left:0; }
.ft-wrap .mr-band::after { right:0; }
.ft-wrap .mr-bound { position:absolute; top:-25px; font-size:12px; line-height:16px; white-space:nowrap; color:#d4dfd5; }
.ft-wrap .mr-lower { left:var(--mr-start); transform:translateX(-100%); padding-right:3px; }
.ft-wrap .mr-upper { left:calc(var(--mr-start) + var(--mr-width)); padding-left:3px; }
.ft-wrap .mr-near-left .mr-lower { transform:none; top:-39px; padding:0; }
.ft-wrap .mr-near-right .mr-upper { transform:translateX(-100%); top:-39px; padding:0; }
.ft-wrap .mr-marker { position:absolute; left:var(--mr-marker); top:50%; width:15px; height:15px; border-radius:50%; background:#e7b494; border:2px solid #26352e; transform:translate(-50%,-50%); box-shadow:0 0 0 1px #e7b494; }
.ft-wrap .mr-you { position:absolute; top:19px; left:clamp(55px,var(--mr-marker),calc(100% - 55px)); transform:translateX(-50%); color:#e7b494; font:600 14px/1.4 var(--body); white-space:nowrap; }
.ft-wrap #mrScope { font-size:11px; }
@media(max-width:400px) {
 .ft-wrap .margin-reference h2 { font-size:15px; }
 .ft-wrap .mr-summary { column-gap:8px; }
}