/* =======================================================================
   Concept 3 v53 — polish + responsive workout
   ======================================================================= */
.c3v53-icon{width:18px;height:18px;display:block}

/* Today micro-polish only. */
body.concept3-v53:not(.c3-workout-mode):not(.c3-coach-mode) .c3v51-thumb>b{display:none}
body.concept3-v53:not(.c3-workout-mode):not(.c3-coach-mode) .c3v51-ex-copy small{font-size:8.5px}
body.concept3-v53:not(.c3-workout-mode):not(.c3-coach-mode) .c3v51-ex-copy em{font-size:8.5px;color:var(--muted)}
body.concept3-v53:not(.c3-workout-mode):not(.c3-coach-mode) .c3v51-performance-strip span{font-size:8.5px}
body.concept3-v53:not(.c3-workout-mode):not(.c3-coach-mode) .c3v51-performance-strip strong{font-size:13px}

/* Workout foundation */
body.concept3-v53.c3-workout-mode{background:var(--bg)!important;overflow-x:hidden!important}
body.concept3-v53.c3-workout-mode .page,
body.concept3-v53.c3-workout-mode #screen-workout{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.c3v53-workout{min-height:100vh;background:var(--bg);color:var(--text);padding-bottom:84px}
.c3v53-top{position:sticky;top:0;z-index:80;background:rgba(8,11,9,.985);border-bottom:1px solid var(--surface2)}
.c3v53-top-inner{width:min(1040px,100%);height:58px;margin:0 auto;padding:0 18px;display:grid;grid-template-columns:44px minmax(0,1fr) 54px;align-items:center;gap:10px}
.c3v53-top-inner>button{height:38px;border:0;background:transparent;color:var(--text);padding:0;font-size:10px}
.c3v53-top-inner>button:first-child{display:grid;place-items:center}
.c3v53-top-inner>div{text-align:center;min-width:0}
.c3v53-top-inner strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c3v53-top-inner span{display:block;margin-top:2px;color:var(--muted);font-size:8px}
.c3v53-top-progress{height:3px;background:var(--surface)}.c3v53-top-progress i{display:block;height:100%;background:var(--green)}

/* Desktop becomes a real workspace instead of a narrow mobile column. */
.c3v53-workspace{width:min(1040px,100%);margin:0 auto;padding:24px 18px 120px;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(500px,1.22fr);gap:38px;align-items:start}
.c3v53-left{min-width:0;position:sticky;top:86px}
.c3v53-right{min-width:0}

/* Exercise identity */
.c3v53-ex-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid var(--surface2)}
.c3v53-ex-head>div{min-width:0}
.c3v53-ex-head>div>span{display:block;color:var(--muted);font-size:8px;letter-spacing:.09em;text-transform:uppercase}
.c3v53-ex-head h1{margin:5px 0 4px;font-size:32px;line-height:1.03;letter-spacing:-.04em;font-weight:860;overflow-wrap:anywhere}
.c3v53-ex-head p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.4}
.c3v53-ex-head>a{height:34px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:var(--text);text-decoration:none;font-size:9px;flex:0 0 auto}
.c3v53-ex-head>a .c3v53-icon{width:14px;height:14px}
.c3v53-alternatives{margin-top:9px;display:grid;gap:2px}
.c3v53-alternatives span{color:var(--muted)!important;font-size:7px!important;letter-spacing:.06em!important}
.c3v53-alternatives strong{color:var(--muted);font-size:9px;font-weight:600;line-height:1.35}

/* Current set target deserves visual priority. */
.c3v53-focus{padding:16px 0;border-bottom:1px solid var(--surface2);display:grid;gap:9px}
.c3v53-focus>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.c3v53-focus>div span{font-size:8px;color:var(--muted)}
.c3v53-focus>div b{font-size:10px;color:var(--text)}
.c3v53-focus>strong{display:block;color:var(--green);font-size:18px;line-height:1.2;font-weight:850;letter-spacing:-.015em}

/* Table header */
.c3v53-table-head{display:flex;justify-content:space-between;gap:18px;align-items:end;padding:0 0 12px;border-bottom:1px solid var(--surface2)}
.c3v53-table-head>div{display:flex;align-items:baseline;gap:7px}.c3v53-table-head>div span{font-size:10px;color:var(--muted)}.c3v53-table-head>div strong{font-size:18px}
.c3v53-table-head p{max-width:310px;margin:0;color:var(--muted);font-size:8px;line-height:1.4;text-align:right}
.c3v53-table{margin-top:0}
.c3v53-table>.columns,.c3v53-set{display:grid;grid-template-columns:64px minmax(125px,1.25fr) minmax(82px,.8fr) minmax(82px,.8fr) 44px;gap:8px;align-items:center}
.c3v53-table>.columns{padding:10px 8px 8px;color:var(--muted);font-size:8px;text-align:center;border-bottom:1px solid var(--surface2)}
.c3v53-set{min-height:68px;padding:8px;border-bottom:1px solid var(--surface2);position:relative}
.c3v53-set.current{background:var(--greenSoft);box-shadow:inset 3px 0 var(--green)}
.c3v53-set.done{opacity:.72}
.c3v53-set .series{text-align:center}
.c3v53-set .series b{display:block;font-size:12px}
.c3v53-set .series small{display:block;margin-top:4px;color:var(--green);font-size:7px;letter-spacing:.08em;font-weight:850}
.c3v53-set .target{min-width:0;text-align:center}
.c3v53-set .target span{display:block;color:var(--muted);font-size:8px;line-height:1.25;overflow-wrap:anywhere}
.c3v53-set label{display:block}
.c3v53-set label>span{display:none}
.c3v53-set input{width:100%;height:40px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:5px!important;background:var(--surface)!important;color:var(--text)!important;text-align:center;font-size:13px!important;padding:0 6px!important;box-sizing:border-box}
.c3v53-set input::placeholder{color:var(--muted);font-size:10px}
.c3v53-set.current input{background:var(--surface)!important;border-color:var(--muted)!important}
.c3v53-check{width:35px;height:35px;border-radius:50%!important;border:1px solid var(--line)!important;background:transparent!important;color:var(--on-accent)!important;display:grid!important;place-items:center!important;padding:0!important}
.c3v53-set.done .c3v53-check{background:var(--green)!important;border-color:var(--green)!important}
.c3v53-check .c3v53-icon{width:16px;height:16px}

/* Rest separated as its own utility group. */
.c3v53-rest{margin-top:18px;min-height:72px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center}
.c3v53-rest-ring{--rest:0;width:42px;height:42px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--rest)*1%),var(--surface2) 0);display:grid;place-items:center;position:relative;color:var(--green)}
.c3v53-rest-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface)}
.c3v53-rest-ring .c3v53-icon{position:relative;z-index:1;width:15px;height:15px}
.c3v53-rest>div:nth-child(2)>span{display:block;font-size:8px;color:var(--muted)}
.c3v53-rest strong{display:block;margin-top:1px;font-size:22px;line-height:1}
.c3v53-rest small{display:block;margin-top:3px;font-size:7px;color:var(--muted)}
.c3v53-rest>button{height:32px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);padding:0 8px;font-size:8px}
.c3v53-rest.quiet{opacity:.78}
.c3v53-rest-tools{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:5px;margin-top:5px}
.c3v53-rest-tools button{height:29px;border:1px solid var(--surface2);border-radius:4px;background:transparent;color:var(--muted);font-size:8px}
.c3v53-next{display:flex;justify-content:space-between;gap:12px;margin-top:15px;padding:11px 0;border-top:1px solid var(--surface2);border-bottom:1px solid var(--surface2)}
.c3v53-next span{font-size:8px;color:var(--muted)}.c3v53-next strong{font-size:9px;text-align:right}
.c3v53-note{margin-top:10px;border-bottom:1px solid var(--surface2)}
.c3v53-note summary{display:flex;align-items:center;gap:6px;padding:9px 0;color:var(--muted);font-size:9px;cursor:pointer}
.c3v53-note summary .c3v53-icon{width:14px;height:14px}
.c3v53-note textarea{width:100%;min-height:78px;margin-bottom:10px;border:1px solid var(--surface2)!important;background:var(--surface)!important;color:var(--text)!important;border-radius:5px!important;padding:9px!important}

/* Fixed action footer spans the viewport, but the CTA width stays product-like. */
.c3v53-bottom{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:120!important;height:76px!important;padding:9px max(10px,calc((100vw - 560px)/2)) calc(9px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:7px!important;background:rgba(8,11,9,.985)!important;border-top:1px solid var(--surface2)!important}
.c3v53-bottom button{min-height:52px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:var(--surface)!important;color:var(--text)!important;padding:0!important}
.c3v53-bottom button.lime{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-color:var(--green)!important;background:var(--green)!important;color:var(--on-accent)!important;font-size:12px!important;font-weight:900!important}
.c3v53-bottom button.lime .c3v53-icon{width:16px;height:16px}
.c3v53-bottom button:disabled{opacity:.28!important}

/* v52 footer can never compete with v53. */
body.concept3-v53.c3-workout-mode .c3v52-bottom,
body.concept3-v53.c3-workout-mode .c3v51-workout>footer{display:none!important}

/* Tablet and mobile return to one clear column. */
@media(max-width:820px){
  .c3v53-top-inner{width:min(610px,100%);padding-left:12px;padding-right:12px}
  .c3v53-workspace{width:min(610px,100%);display:flex;flex-direction:column;gap:0;padding:19px 12px 112px}
  .c3v53-left{position:static;width:100%}
  .c3v53-right{width:100%;margin-top:14px}
  .c3v53-table-head{padding-top:4px}
  .c3v53-ex-head h1{font-size:27px}
  .c3v53-focus>strong{font-size:16px}
}

@media(max-width:560px){
  .c3v53-table-head p{display:none}
  .c3v53-table>.columns,.c3v53-set{grid-template-columns:38px minmax(72px,1.12fr) minmax(58px,.8fr) minmax(58px,.8fr) 36px;gap:5px;padding-left:3px;padding-right:3px}
  .c3v53-set{min-height:63px}
  .c3v53-set input{height:37px!important;font-size:12px!important}
  .c3v53-set .target span{font-size:7px}
  .c3v53-set .series b{font-size:11px}
  .c3v53-set .series small{font-size:6px}
  .c3v53-check{width:31px;height:31px}
  .c3v53-bottom{padding-left:9px!important;padding-right:9px!important}
}

@media(max-width:390px){
  .c3v53-ex-head h1{font-size:24px}
  .c3v53-table>.columns,.c3v53-set{grid-template-columns:34px minmax(62px,1fr) minmax(52px,.78fr) minmax(52px,.78fr) 32px;gap:4px}
  .c3v53-set input::placeholder{font-size:9px}
  .c3v53-focus{padding-top:13px;padding-bottom:13px}
}