/* WHOOP MODULE */
.wh-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--courier);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper);background:var(--ink);padding:6px 11px;border-radius:4px;white-space:nowrap}
.wh-badge svg{height:12px;width:auto;display:block;flex-shrink:0}   /* Whoop's wordmark, paper via currentColor */
.ct-sub{color:var(--muted);font-weight:400}   /* the card title's descriptive tail — stacks under the title on phones */
.wh-prime{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:16px;margin:6px 0 18px;align-items:end}
.wh-ring{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:var(--radius);transition:.12s}
.wh-ring:hover{background:var(--wash)}
.hsd .hs-monitor .wh-ring:hover,.hs-monitor .wh-ring:hover{background:#1C1C1C}
.hsd .hs-monitor .wh-tile:hover,.hs-monitor .wh-tile:hover{background:#1C1C1C;border-color:rgba(255,255,255,.45)}
.wh-ring svg{width:112px;height:112px}
.wh-ring.lead svg{width:150px;height:150px}   /* recovery — the morning anchor */
.wh-ring.lead .wh-l{font-size:16px}
.wh-ring svg text{font-family:var(--courier)}
.wh-l{font-family:var(--helv);font-weight:900;font-size:14px;letter-spacing:-.02em}
.wh-sub{font-family:var(--courier);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}
.wh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:16px}
.wh-tile{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;text-align:left;width:100%;cursor:pointer;transition:.12s}
.wh-tile:hover{border-color:var(--ink)}
.wh-k{font-family:var(--courier);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.wh-v{font-family:var(--courier);font-weight:500;font-size:26px;margin-top:4px}
.wh-v small{font-size:11px;color:var(--muted);font-weight:400}
.wh-s{font-family:var(--courier);font-size:10px;color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.04em}
/* verified-by-WHOOP blocks */
.wv-block{display:flex;flex-direction:column;gap:2px;align-items:flex-start;border:1px solid var(--line);border-left:3px solid var(--volt-ink);border-radius:var(--radius);padding:7px 10px;margin-top:6px;text-align:left;cursor:pointer;transition:.12s;background:var(--paper)}
.wv-block:hover{border-color:var(--ink);border-left-color:var(--volt-ink)}
.wv-b{font-family:var(--courier);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--volt-text)}
.wv-s{font-family:var(--courier);font-size:11px;color:var(--muted)}
.wv-line{font-family:var(--courier);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--volt-text);text-align:left;cursor:pointer;padding:2px 0;margin-top:2px}
.wv-line span{color:var(--muted)}
.pr-veri{font-family:var(--courier);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--volt-text);margin-top:8px}
.vd-tick{font-family:var(--courier);font-size:11px;font-weight:700;color:var(--volt-text);margin-left:6px}
.wv-zbar{display:flex;height:14px;border-radius:var(--radius);overflow:hidden;margin:6px 0 8px}
.wv-zbar i{display:block;height:100%}
.wv-zleg{display:flex;flex-wrap:wrap;gap:10px;font-family:var(--courier);font-size:10px;color:var(--muted)}
.wv-zleg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}
.wv-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:6px 0 14px}
.wv-fact{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.wv-fact span{font-family:var(--courier);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.wv-fact b{font-family:var(--courier);font-size:16px;font-weight:500}
/* metric detail sheet: today + 7-day mini-trend */
.wt-today{font-family:var(--courier);font-size:40px;font-weight:500;text-align:center;margin:8px 0 2px}
.wt-today small{font-size:13px;color:var(--muted)}
.wt-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 2px 6px;align-items:end}
.wt-col{display:flex;flex-direction:column;align-items:center;gap:5px}
.wt-bar{height:92px;width:100%;max-width:34px;background:var(--wash);border-radius:var(--radius);display:flex;align-items:flex-end;overflow:hidden}
.wt-bar i{display:block;width:100%;background:var(--s3)}
.wt-d{font-family:var(--courier);font-size:10px;color:var(--muted)}
.wt-v{font-family:var(--courier);font-size:10px}
@media(max-width:640px){.wh-prime{grid-template-columns:1fr 1.25fr 1fr;gap:6px}.wh-ring{padding:10px 2px}.wh-ring svg{width:82px;height:82px}.wh-ring.lead svg{width:108px;height:108px}.wh-sub{font-size:9px}.wh-grid{grid-template-columns:repeat(3,1fr);gap:8px}.wh-tile{padding:10px}.wh-v{font-size:20px}}
@media(max-width:900px){.metrics.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.metrics.three{grid-template-columns:1fr}}