/* resilience.css — shared styling for The Fall-Resilient Blueprint pages.
   ADDITIVE. Teal accent distinguishes it from the Fitness Age (blue) tools. */
:root{--bg:#06090c;--card:#101619;--card2:#141c20;--line:rgba(255,255,255,.12);--text:#f2f7f6;
--muted:#93a3a1;--red:#c41e3a;--acc:#17b3ab;--acc2:#0f8f86;--warn:#ff6b4d;--good:#5fd0a0;--amber:#e7c07a;--prov:#e0a44a;--radius:20px}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(23,179,171,.16),transparent 34%),linear-gradient(180deg,#070b0d,#040607);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{padding:16px 14px 84px}
a{color:inherit}
.wrap{width:min(760px,100%);margin:0 auto}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.brand{font:900 14px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.16em;color:var(--acc);text-transform:uppercase}
.help,.back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--text);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-weight:800;font-size:13px}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(23,179,171,.4);background:rgba(23,179,171,.09);color:var(--acc);border-radius:999px;padding:7px 12px;font:800 12px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.badge.prov{border-color:rgba(224,164,74,.45);background:rgba(224,164,74,.12);color:var(--prov)}
.hero{border:1px solid rgba(23,179,171,.3);background:linear-gradient(150deg,rgba(23,179,171,.14),rgba(255,255,255,.03));border-radius:24px;padding:20px;position:relative;overflow:hidden}
.kicker{font:800 13px/1 "Barlow Condensed",Arial,sans-serif;color:var(--acc);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
h1{font:900 clamp(26px,6.4vw,44px)/.98 "Barlow Condensed",Arial,sans-serif;letter-spacing:-.01em;text-transform:uppercase;margin:0}
h1 .r{color:var(--acc)}
.lead{color:#c1ccca;line-height:1.55;font-size:15px;margin:12px 0 0}
.card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:16px;margin-top:14px}
.card h2{font:900 22px/1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;margin:0 0 8px}
.card h3{font:800 17px/1.1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;margin:0 0 6px}
.card p{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 10px}
.step{font:800 12px/1 "Barlow Condensed",Arial,sans-serif;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:18px 2px 2px}
.notice{border:1px solid rgba(231,192,122,.5);border-left:5px solid var(--amber);background:rgba(231,192,122,.08);border-radius:12px;padding:12px 14px;color:#f0dcae;font-size:13px;line-height:1.5;margin-top:14px}
.notice.warn{border-color:rgba(255,107,77,.5);border-left-color:var(--warn);background:rgba(255,107,77,.08);color:#ffd0c5}
.notice.prov{border-color:rgba(224,164,74,.5);border-left-color:var(--prov);background:rgba(224,164,74,.08);color:#f2d9ac}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--acc);color:#04211f;border:none;border-radius:12px;padding:14px 18px;font-weight:900;font-size:15px;cursor:pointer;text-decoration:none;font-family:inherit}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn.wide{width:100%;margin-top:8px}
.btn.big{font-size:20px;padding:18px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.opt{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.opt button{flex:1;min-width:90px;background:#121a1e;border:1px solid #26343a;color:var(--text);border-radius:10px;padding:12px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit}
.opt button.sel{background:rgba(23,179,171,.2);border-color:var(--acc);color:#bff0ea}
.q{border:1px solid var(--line);background:var(--card2);border-radius:14px;padding:13px;margin-top:12px}
.q b{font-size:14.5px}
.q .detail{color:var(--muted);font-size:12.5px;margin:6px 0 10px;line-height:1.45}
input[type=number],input[type=text],input[type=email],select{width:100%;background:#0c1114;border:1px solid #26343a;color:var(--text);border-radius:10px;padding:12px;font-size:16px;font-family:inherit}
label.fld{display:block;font-size:12.5px;color:var(--muted);font-weight:700;margin:10px 0 4px;text-transform:uppercase;letter-spacing:.05em}
.big{font:900 clamp(46px,15vw,88px)/1 "Barlow Condensed",Arial,sans-serif;color:var(--acc);text-align:center;margin:6px 0}
.sub{color:var(--muted);text-align:center;font-size:13px}
.cue{font:900 clamp(40px,13vw,80px)/1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase;text-align:center;color:var(--acc);letter-spacing:.02em;padding:22px 0}
.cue.hold{color:var(--amber)}
.timer{font:900 clamp(40px,14vw,84px)/1 "Barlow Condensed",Arial,sans-serif;text-align:center;color:var(--text);margin:10px 0}
.pill{display:inline-block;font:800 10px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:999px;margin-left:6px;vertical-align:middle}
.pill.core{background:rgba(23,179,171,.16);color:var(--acc);border:1px solid rgba(23,179,171,.4)}
.pill.prov{background:rgba(224,164,74,.14);color:var(--prov);border:1px solid rgba(224,164,74,.45)}
.foot{color:#7c8a88;font-size:12px;line-height:1.5;margin-top:20px;text-align:center}
.foot a{color:var(--acc)}
.metric{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:var(--card2);border-radius:12px;padding:12px 14px;margin-top:8px;border-left:4px solid var(--c,var(--acc))}
.metric b{font:800 16px/1.1 "Barlow Condensed",Arial,sans-serif;text-transform:uppercase}
.metric .v{font:900 22px/1 "Barlow Condensed",Arial,sans-serif;color:var(--acc)}
.metric small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.hidden{display:none}