/* AwardMeter additions on top of the mockup stylesheet. Two groups:
   (1) small site-wide utilities, (2) the approved calculator-page styles,
   copied from the signed-off _body.frag style block. */

body{ margin:0; background:#dfe3e5; }

/* single-column hero for pages without a gauge card */
.hero.solo{ grid-template-columns:1fr; }

/* active nav marker */
.pw-nav a[aria-current="page"]{ color:var(--ink); border-bottom:2px solid var(--brass); }

/* tables inside section cards */
.htbl{ width:100%; }
.htbl a{ color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line); }
.htbl a:hover{ color:var(--brass); border-bottom-color:var(--brass); }
.sec{ overflow-x:auto; }
.prose a, .gsay a, .answer a, .x a{ color:var(--brass); }

/* ---- approved calculator styles (from _body.frag, verbatim) ---- */
.calc-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 8px}
.cfield{display:flex;flex-direction:column;gap:7px}
.cfield label{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink2);letter-spacing:.01em}
.cfield label .sub{font-weight:400;color:var(--muted)}
.cwrap{position:relative;display:flex;align-items:center}
.cwrap .pre{position:absolute;left:14px;color:var(--muted);font-family:'Geist Mono',Cascadia Mono,monospace;font-size:17px;pointer-events:none}
.cfield input{width:100%;box-sizing:border-box;font-family:'Geist Mono',Cascadia Mono,monospace;font-size:21px;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:11px;padding:13px 14px;outline:none;transition:border-color .15s,box-shadow .15s}
.cfield input.pad{padding-left:30px}
.cfield input:focus{border-color:var(--brass);box-shadow:0 0 0 3px rgba(143,115,48,.14)}
.calc-hint{font-family:var(--sans);font-size:12.5px;color:var(--muted);margin:6px 0 0}
.calc-eg{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;align-items:center}
.calc-eg .lbl{font-family:var(--sans);font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.13em}
.calc-eg button{font-family:var(--sans);font-size:12.5px;color:var(--ink2);background:var(--porcelain);border:1px solid var(--line2);border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .15s,border-color .15s}
.calc-eg button:hover{background:var(--room2);border-color:var(--line)}
#needle{transition:transform .55s cubic-bezier(.2,.75,.2,1);transform-box:view-box;transform-origin:200px 198px}
.reduce #needle{transition:none}
.gcard.empty .gbig,.gcard.empty #fCpp,.gcard.empty #fMed,.gcard.empty #fPct{color:var(--faint)}
.legend{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 6px}
.lz{border:1px solid var(--line2);border-radius:11px;padding:11px 12px;background:var(--paper)}
.lz .h{display:flex;align-items:center;gap:7px;font-family:var(--sans);font-weight:700;font-size:13.5px;color:var(--ink)}
.lz .h .d{width:9px;height:9px;border-radius:50%;flex:none}
.lz .r{font-family:'Geist Mono',Cascadia Mono,monospace;font-size:11.5px;color:var(--muted);margin-top:4px}
.lz .x{font-family:var(--sans);font-size:12px;color:var(--ink2);margin-top:6px;line-height:1.4}
@media(max-width:620px){.legend{grid-template-columns:1fr 1fr}.calc-form{grid-template-columns:1fr}}