/* Hitra ketna — re-wax cadence estimator ([hk_rewax_calc]).
   Self-contained (Aleo + Merriweather Sans are served globally by Breakdance). */

.hk-rc{
  --ink:#F3EEE6; --mut:#ABA399; --am:#d9962b; --amd:#f0ad44;
  --card:#232019; --card2:#2c281f; --ln:#3a342b; --onam:#16120c;
  max-width:100%; margin:0 auto; box-sizing:border-box;
  font-family:'Merriweather Sans',system-ui,sans-serif; color:var(--ink);
  background:#1c1811; border:1px solid #2a251d; border-radius:16px; padding:24px; margin-top: 30px;
}
.hk-rc *{ box-sizing:border-box; }

.hk-rc-eyebrow{
  font-family:'Aleo',Georgia,serif; font-weight:700; text-transform:uppercase;
  letter-spacing:.14em; font-size:11px; color:var(--am); margin:0 0 8px;
}
.hk-rc-title{ font-family:'Aleo',Georgia,serif; font-weight:800; font-size:20px !important; line-height:1.14; margin:0; }

.hk-rc-row{ display:flex; align-items:baseline; justify-content:space-between; margin:22px 0 8px; }
.hk-rc-row label{ font-size:13.5px; color:var(--mut); }
.hk-rc-wk{ font-family:'Aleo',Georgia,serif; font-weight:800; font-size:16px; }

.hk-rc-range{
  -webkit-appearance:none; appearance:none; width:100%; height:6px;
  border-radius:3px; background:var(--card2); outline:none; margin:0;
}
.hk-rc-range::-webkit-slider-thumb{
  -webkit-appearance:none; width:20px; height:20px; border-radius:50%;
  background:var(--am); border:3px solid #171310; cursor:pointer;
}
.hk-rc-range::-moz-range-thumb{
  width:20px; height:20px; border-radius:50%; background:var(--am);
  border:3px solid #171310; cursor:pointer;
}
.hk-rc-ends{ display:flex; justify-content:space-between; font-size:11px; color:var(--mut); margin-top:6px; }

.hk-rc-lbl{ display:block; font-size:13.5px; color:var(--mut); margin:20px 0 8px; }
.hk-rc-segs{ display:flex; gap:8px; }
.hk-rc-seg{
  flex:1; padding:10px 6px; border:1px solid var(--ln); border-radius:9px;
  background:var(--card2); color:var(--mut); font-size:12.5px; font-weight:600;
  font-family:inherit; cursor:pointer; line-height:1.2;
}
.hk-rc-seg.on{ border-color:var(--am); background:rgba(217,150,43,.14); color:var(--amd); }

.hk-rc-out{ background:var(--card); border:1px solid var(--ln); border-radius:14px; padding:18px; margin-top:22px; }
.hk-rc-out-lbl{ font-size:12.5px; color:var(--mut); }
.hk-rc-cadence{ font-family:'Aleo',Georgia,serif; font-weight:800; font-size:26px; color:var(--amd); line-height:1.15; margin-top:2px; }
.hk-rc-stats{ display:flex; gap:10px; margin-top:14px; }
.hk-rc-stat{ flex:1; background:var(--card2); border-radius:10px; padding:11px 12px; }
.hk-rc-stat span{ display:block; font-size:11px; color:var(--mut); }
.hk-rc-stat b{ font-family:'Aleo',Georgia,serif; font-weight:700; font-size:16px; display:block; margin-top:2px; }

.hk-rc-pack{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:rgba(217,150,43,.1); border:1px solid rgba(217,150,43,.35);
  border-radius:13px; padding:15px 16px; margin-top:12px;
}
.hk-rc-pack-lbl{ font-size:12.5px; color:var(--mut); }
.hk-rc-packline{ font-family:'Aleo',Georgia,serif; font-weight:700; font-size:14.5px; line-height:1.3; margin-top:2px; }
.hk-rc-cta{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:6px;
  background:var(--am); color:var(--onam) !important; border-radius:10px;
  padding:12px 16px; font-family:'Aleo',Georgia,serif; font-weight:700;
  font-size:14px; text-decoration:none; white-space:nowrap;
}
.hk-rc-cta:hover{ background:var(--amd); }

.hk-rc-note{ display:flex; gap:10px; align-items:flex-start; margin-top:16px; }
.hk-rc-note svg{ color:var(--amd); flex:0 0 auto; margin-top:1px; }
.hk-rc-note p{ font-size:12.5px; color:var(--mut); line-height:1.5; margin:0; }

/* collapsible on mobile: only the title bar shows until tapped */
.hk-rc-title{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.hk-rc-chev{ display:none; flex:0 0 auto; color:var(--amd); transition:transform .2s ease; }
@media (max-width:768px){
  .hk-rc-title{ cursor:pointer; }
  .hk-rc-chev{ display:block; }
  .hk-rc.is-open .hk-rc-chev{ transform:rotate(180deg); }
  .hk-rc-body{ display:none; }
  .hk-rc.is-open .hk-rc-body{ display:block; }
}