/* OriGym brand defaults + clean slider */
.ogcd{ --ogcd-accent:#EB7C16; --ogcd-fg:#1f2937; --ogcd-muted:#6b7280; --ogcd-card:#ffffff; --ogcd-ring:#e5e7eb;
       --ogcd-title-font: urw-din-semi-condensed, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
       --ogcd-body-font: Open Sans, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.ogcd.theme-blue{ --ogcd-accent:#60a5fa;}
.ogcd.theme-dark{ --ogcd-accent:#f59e0b; --ogcd-card:#111827; --ogcd-fg:#f9fafb; --ogcd-muted:#d1d5db; --ogcd-ring:#374151;}

.ogcd{font-family:var(--ogcd-body-font); color:var(--ogcd-fg);} 
.ogcd-header{ text-align:center; margin-bottom:1rem;}
.ogcd-title{ font-family:var(--ogcd-title-font); font-size: clamp(1.65rem, 2vw, 2.2rem); font-weight:700; letter-spacing:.2px; display:inline-block; position:relative; }
.ogcd-title::after{ content:""; position:absolute; left:0; right:0; bottom:0.15em; height:.28em; background:var(--ogcd-accent); opacity:.6; z-index:-1; border-radius:.25rem;}
.ogcd-subtitle{ color:var(--ogcd-muted); max-width:60ch; margin:0.5rem auto 0; }

.ogcd-card{ margin:1.25rem auto; max-width:520px; border:2px solid var(--ogcd-accent); border-radius:1rem; background:var(--ogcd-card); box-shadow:0 6px 14px rgba(0,0,0,.08); }
.ogcd-card-inner{ padding:1.25rem 1.5rem; text-align:center;}
.ogcd-card-sub{ color:var(--ogcd-muted); font-weight:600; margin-bottom:.25rem;}
.ogcd-card-main{ font-size: clamp(1.75rem, 5vw, 3rem); font-weight:900; }

.ogcd-slider-wrap{ position:relative; max-width:720px; margin:1.25rem auto 0; padding:1rem 0 2.5rem;}
.ogcd-range{ width:100%; appearance:none; height:10px; border-radius:999px; background:linear-gradient(to right,var(--ogcd-accent),var(--ogcd-accent)) left/var(--ogcd-progress,0%) 100% no-repeat, var(--ogcd-ring); outline:none; }
.ogcd-range::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:28px; height:28px; border-radius:50%; background:#fff; border:4px solid var(--ogcd-accent); box-shadow:0 2px 10px rgba(0,0,0,.12); cursor:pointer; }
.ogcd-range::-moz-range-thumb{ width:26px; height:26px; border-radius:50%; background:#fff; border:4px solid var(--ogcd-accent); box-shadow:0 2px 10px rgba(0,0,0,.12); cursor:pointer; }
.ogcd-range:focus-visible{ outline:2px solid var(--ogcd-accent); outline-offset:6px; }

.ogcd-ticks{ position:absolute; left:0; right:0; top:calc(50% - -5px); height:10px; pointer-events:none;margin: 0 auto;width: 97%;}
.ogcd-tick{ position:absolute; top:0; width:2px; height:10px; background:#9ca3af; transform:translateX(-1px); opacity:.5;}
.ogcd-tick-labels{ position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-between; font-size:.875rem; color:var(--ogcd-muted); }
.ogcd-tick-label{ position:absolute; transform:translateX(-50%); white-space:nowrap; bottom:-.5rem; }

.screen-reader-text{ position:absolute!important; clip:rect(1px,1px,1px,1px); padding:0; border:0; height:1px; width:1px; overflow:hidden; }