/* Example cards in the app's current layout (sample athlete). Markup: includes/public/cards.php */
.xc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}
.xc{--ink:#0c1d31;--muted:#4f6278;--line:#dce4eb;--chip:#eef4fb;--blue:#1765e8;--teal:#0d9488;--violet:#7c3aed;--orange:#e8780c;--indigo:#4f46e5;--green:#16a34a;
  display:flex;flex-direction:column;padding:24px;border-radius:24px;background:#fff;color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.4;box-shadow:0 20px 50px rgba(0,0,0,.35);min-width:0}
.xc *{box-sizing:border-box}
.xc-k{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.xc-k svg{width:16px;height:16px}
.xc .is-blue{color:var(--blue)}.xc .is-teal{color:var(--teal)}.xc .is-violet{color:var(--violet)}.xc .is-orange{color:var(--orange)}.xc .is-indigo{color:var(--indigo)}.xc .is-green{color:var(--green)}
.xc .is-orange-t{color:var(--orange)}
.xc-big{margin-top:10px;font-size:46px;font-weight:800;letter-spacing:-.04em;line-height:1}
.xc-big small{margin-left:6px;font-size:15px;font-weight:600;letter-spacing:0;color:var(--muted)}
.xc-time{font-size:42px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.xc-delta{font-size:13px;font-weight:700;letter-spacing:0;padding:4px 9px;border-radius:999px;background:#e3f4ec;color:#15803d}
.xc-pill{align-self:flex-start;margin-top:12px;padding:5px 11px;border-radius:999px;background:var(--chip);font-size:13px;font-weight:700}
.xc-pill.is-teal{background:#e3f4f1}.xc-pill.is-violet{background:#f1ecff}.xc-pill.is-orange{background:#fff1e3}.xc-pill.is-green{background:#e3f4ec}
.xc-bars{display:flex;align-items:flex-end;gap:5px;height:96px;margin-top:20px}
.xc-bars i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:currentColor;transform:scaleY(0);transform-origin:bottom;transition:transform .7s cubic-bezier(.2,.8,.2,1) var(--d)}
.xc-bars i.is-now{opacity:.3}
.is-in .xc-bars i,.no-js .xc-bars i{transform:none}
.xc-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--muted)}
.xc-line{display:block;width:100%;height:96px;margin-top:20px;overflow:visible}
.xc-line.is-tall{height:110px}
.xc-zero{stroke:#cfd8e3;stroke-dasharray:4 5;fill:none}
.xc-draw{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.6s ease .2s}
.is-in .xc-draw,.no-js .xc-draw{stroke-dashoffset:0}
.xc-area{fill:currentColor;opacity:.12}
.xc-band{fill:#1765e8;opacity:.12}
.xc-dot{fill:#fff;stroke:currentColor;stroke-width:3}
.xc-sub{margin-top:auto;padding:16px;border-radius:16px;background:#f5f7f9}
.xc-k+.xc-big,.xc-pill+.xc-bars{}
.xc>.xc-sub{margin-top:20px}
.xc-sub-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.xc-sub-row b{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#334155;max-width:60%}
.xc-sub-row em{font-style:normal;font-weight:800;font-size:16px}
.xc-sub p{margin:8px 0 0;font-size:13px;color:var(--muted)}
.xc-meter{height:6px;border-radius:3px;background:#e6ebf1;overflow:hidden;margin-top:10px}
.xc-meter.is-thick{height:8px;margin-top:16px}
.xc-meter i{display:block;height:100%;width:var(--w);border-radius:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1) .3s}
.xc-meter.is-teal i{background:var(--teal)}.xc-meter.is-violet i{background:var(--violet)}.xc-meter.is-indigo i{background:var(--blue)}
.is-in .xc-meter i,.no-js .xc-meter i{transform:none}
.xc-note{margin:12px 0 0;font-size:13px;color:var(--muted)}
.xc-note b{color:var(--ink)}
.xc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.xc-tiles.is-two{grid-template-columns:1fr 1fr}
.xc-tiles>div{padding:12px;border-radius:14px;background:#f5f7f9}
.xc-tiles small{display:block;font-size:12px;color:var(--muted)}
.xc-tiles b{display:block;margin-top:2px;font-size:20px;font-weight:800;letter-spacing:-.02em}
.xc-tiles span{display:block;font-size:12px;color:var(--muted)}
.xc-tiles em{display:block;margin-top:6px;font-style:normal;font-size:11px;color:var(--muted)}
.xc-dual{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.xc-dual>div{padding:12px;border-radius:14px;background:#f5f7f9}
.xc-dual small{display:block;font-size:12px;color:var(--muted)}
.xc-dual b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em}
.xc-dual em{font-style:normal;font-size:12px;font-weight:700}
.xc-list{margin-top:10px}
.xc-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.xc-list>div:last-child{border-bottom:1px solid var(--line)}
.xc-list b{display:block;font-size:15px}.xc-list small{display:block;font-size:12px;color:var(--muted)}
.xc-list span:last-child{text-align:right}
.xc-list span:last-child b{font-size:20px}
.xc-week{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.xc-week>div{display:flex;gap:10px;align-items:stretch;padding:7px;border-radius:12px;border:1px solid var(--line)}
.xc-week>div.is-today{border:1.5px solid var(--blue)}
.xc-week small{width:52px;flex:none;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);padding-top:3px}
.xc-week span{flex:1;font-size:13px;font-weight:700;color:var(--ink);padding:5px 9px;border-radius:9px;border-left:3px solid}
.xc-week span em{display:block;font-style:normal;font-weight:500;font-size:11px;color:var(--muted)}
.xc-week span.is-orange{background:#fff1e3;border-color:var(--orange)}.xc-week span.is-teal{background:#e3f4f1;border-color:var(--teal)}.xc-week span.is-blue{background:#eef4fb;border-color:var(--blue)}
.xc-week span.is-rest{border:0;padding-left:0;color:var(--muted);font-weight:500}
.xc-caption{margin:24px 0 0;color:#9eadc0;font-size:15px}
@media (max-width:1100px){.xc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.xc-grid{grid-template-columns:1fr;gap:16px}.xc{padding:20px}.xc-big{font-size:40px}}
@media (prefers-reduced-motion:reduce){.xc-bars i,.xc-draw,.xc-meter i{transition:none;transform:none;stroke-dashoffset:0}}