/* F3 candidate: display only, current day totals and targets are unchanged. */
.fuel-ringf3{background:linear-gradient(145deg,#2b2b2b,#202020);color:#f7f3eb;border-radius:28px;padding:28px 20px 14px;box-shadow:0 18px 36px -20px #0008;margin:16px 0 20px;--f3-bronze:#d3b999;--f3-track:#ffffff1c}
.fuel-ringf3-meter{position:relative;width:172px;height:172px;border-radius:50%;margin:0 auto 26px;background:none;display:grid;place-items:center;isolation:isolate}
.fuel-ringf3-meter:before{content:'';position:absolute;inset:11px;border-radius:50%;background:#252525;z-index:-1}
.fuel-ringf3-core{display:grid;gap:7px;text-align:center;max-width:148px}.fuel-ringf3-core strong{font:600 40px/1 Georgia,serif;letter-spacing:.02em;overflow-wrap:anywhere;color:#f7f3eb}.fuel-ringf3-core strong[data-bound]{font-size:clamp(20px,6.4vw,26px);white-space:nowrap;letter-spacing:0}.fuel-ringf3-core>span{font:11px/1.3 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ded5c8}
.fuel-ringf3-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fuel-ringf3-macros .f3-macro{display:grid;gap:5px;background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:12px 10px;min-width:0}.fuel-ringf3-macros .f3-label{font:10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#ddd5c9}.fuel-ringf3-macros .f3-value{font:18px/1.4 Georgia,serif;color:#f7f3eb;overflow-wrap:anywhere}.fuel-ringf3-macros .f3-target{font:11px/1.4 Georgia,serif;color:#d6ccbe}.fuel-ringf3-macros .f3-bar{height:4px;background:#ffffff1c;border-radius:5px;margin-top:1px}.fuel-ringf3-macros .f3-bar i{display:block;height:100%;background:#d3b999;border-radius:5px}
.fuel-ringf3-detail{margin-top:8px}.fuel-ringf3-detail>summary{font:12px Arial,sans-serif;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#d3b999;background:transparent!important;border:0!important;box-shadow:none!important;padding:0}.fuel-ringf3-detail>summary:before,.fuel-ringf3-detail>summary:after{display:none}.fuel-ringf3-detail .note{color:#ded5c8;font:13px/1.5 Arial,sans-serif}.fuel-ringf3-detail button.link{color:#d3b999;min-height:44px}.fuel-ringf3-detail[open]>summary{margin-bottom:8px}
@media(max-width:340px){.fuel-ringf3{padding:24px 14px 10px}.fuel-ringf3-macros{gap:6px}.fuel-ringf3-macros .f3-macro{padding:10px 8px}.fuel-ringf3-macros .f3-value{font-size:16px}}

.f3-arc-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);z-index:-1;overflow:visible}.f3-arc-svg circle{fill:none;stroke-width:11}.f3-arc-svg .f3-track{stroke:var(--f3-track)}.f3-arc-svg .f3-arc{stroke:var(--f3-bronze);filter:drop-shadow(0 0 2px #d3b99940)}.fuel-ringf3-meter.is-over:after{content:'';position:absolute;inset:16px;border-radius:50%;border:1px solid #d3b99966;pointer-events:none}.fuel-ringf3-meter:before{inset:12px}
