/* 내 정보 「스트라바 연결」 카드 (me-strava.js) — 스트라바 색은 버튼·링크에만(#FC5200, 브랜드 가이드) */
.sv-card[hidden]{display:none}
.sv-card{gap:14px}
.sv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sv-head h2{margin:0;font-size:21px;font-weight:900;letter-spacing:-.6px}
.sv-on{font-size:12.5px;font-weight:800;color:#2f7a4b;background:#e7f4ea;border-radius:99px;padding:4px 10px}
.sv-lead{margin:0;font-size:14.5px;line-height:1.7;color:#3d3a34}
.sv-lead b{color:#1f1c18}
.sv-connect{display:inline-block;justify-self:start;border-radius:6px;line-height:0}
.sv-connect img{display:block;width:237px;height:48px}
.sv-connect:focus-visible{outline:3px solid #eac559;outline-offset:3px}
.sv-soon{justify-self:start;height:48px;padding:0 20px;border:1px dashed #cfc4b1;border-radius:6px;background:#f6f1e8;color:#8a7f6e;font:inherit;font-size:15px;font-weight:800;cursor:default}
.sv-pwr{justify-self:end;line-height:0;opacity:.85}
.sv-pwr img{display:block;width:146px;height:auto}
.sv-who{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 4px;font-size:16px;color:#1f1c18;overflow-wrap:anywhere}
.sv-who small{font-size:12.5px;color:#8a7f6e}
.sv-note{margin:0;font-size:13px;color:#8a5a1a;background:#fbf1e3;border-radius:10px;padding:8px 12px}
.sv-year{padding:14px 16px;border-radius:14px;background:#fbf4ea;border:1px solid #f0e2cc;display:grid;gap:8px}
.sv-year h3,.sv-recent h3{margin:0;font-size:14px;font-weight:900;color:#1f1c18}
.sv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sv-stat{display:grid;gap:2px;min-width:0}
.sv-stat b{font-size:26px;line-height:1.1;font-weight:900;color:#1f1c18;font-variant-numeric:tabular-nums;letter-spacing:-.8px;overflow-wrap:anywhere}
.sv-stat i{font-style:normal;font-size:12.5px;font-weight:700;color:#8a7f6e;margin-left:2px}
.sv-stat small{font-size:12px;color:#8a7f6e}
.sv-time{margin:0;font-size:12.5px;color:#6f6456}
.sv-month{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:14px;color:#4a4439;font-variant-numeric:tabular-nums}
.sv-month span{font-size:12px;font-weight:800;color:#fff;background:#1f1c18;border-radius:6px;padding:2px 7px}
.sv-month b{font-size:17px;color:#1f1c18}
.sv-recent ul{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid #efe8dc}
.sv-recent li{display:grid;gap:3px;padding:9px 2px;border-bottom:1px solid #efe8dc}
.sv-r1{display:flex;align-items:center;gap:8px;min-width:0}
.sv-tp{flex:none;font-size:11.5px;font-weight:800;color:#b0671b;background:#fbf1e3;border-radius:6px;padding:2px 7px}
.sv-nm{min-width:0;font-size:14px;font-weight:700;color:#1f1c18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv-r2{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:12.5px;color:#8a7f6e;font-variant-numeric:tabular-nums}
.sv-view{margin-left:auto;font-weight:800;color:#FC5200;text-decoration:underline;white-space:nowrap}
.sv-view:focus-visible{outline:2px solid #FC5200;outline-offset:2px}
.sv-empty{margin:0;font-size:13.5px;color:#6f6456}
.sv-btns{display:flex;flex-wrap:wrap;gap:8px}
.sv-btns .mb-ghost:disabled{opacity:.5;cursor:default}
.sv-off{color:#9a3225;border-color:#e7c3bb}
@media (max-width:420px){
  .sv-stat b{font-size:22px}
  .sv-stats{gap:6px}
  .sv-view{margin-left:0}
  .sv-pwr img{width:130px}
}
.sv-rideiq{display:block;text-align:center;margin:14px 0 4px;padding:12px 16px;border-radius:10px;background:#FC5200;color:#fff;font-weight:700;font-size:14px}
.sv-rideiq:hover{background:#e04a00}
/* 스트라바 앱 심사 중: 연결 버튼 비활성 + 안내(2026-09-29) */
.sv-connect.sv-off{display:inline-block;opacity:.4;filter:grayscale(1);cursor:not-allowed;pointer-events:none}
.sv-review{margin:8px 0 0;font-size:13.5px;font-weight:700;color:#b0671b;line-height:1.5}
:root[data-theme="dark"] .sv-review{color:#f0a860}