/* ============================================================
   MinerOS Hub · HASHPRICE · estilos
   ------------------------------------------------------------
   Terminal de datos, no pagina de articulo: densidad alta, cifras
   en monoespaciada, el dorado reservado para la cifra que decide
   en cada bloque y no para todas.
   ============================================================ */

/* ---------- procedencia ---------- */
.hp-src{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:14px;
  font:500 .78rem/1.5 var(--mono);color:var(--text-muted)}
.hp-src .d{display:inline-flex;align-items:center;gap:7px}
.hp-src .d i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.15)}
.hp-src.stale .d i{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
.hp-src.down .d i{background:#f87171;box-shadow:0 0 0 3px rgba(248,113,113,.15)}
.hp-src.load .d i{background:var(--text-muted);animation:hpPulse 1.1s ease-in-out infinite}
@keyframes hpPulse{0%,100%{opacity:.35}50%{opacity:1}}
.hp-src a{color:var(--text-2)}
.hp-rf{margin-left:auto;min-height:34px;padding:0 13px;border:1px solid var(--border);border-radius:999px;
  background:0;cursor:pointer;font:600 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-2);transition:border-color .16s,color .16s}
.hp-rf:hover{border-color:var(--border-gold);color:var(--text)}

/* esqueleto: la forma final sin cifras, que informa mejor que un guion */
.sk-t{display:block;width:60%;height:1.1em;border-radius:6px;
  background:linear-gradient(90deg,var(--border) 25%,#2f2f36 50%,var(--border) 75%);
  background-size:200% 100%;animation:hpSk 1.4s linear infinite}
@keyframes hpSk{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.sk-t,.hp-src.load .d i{animation:none}}

/* ---------- conmutadores ---------- */
.hp-sw{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}
.hp-seg{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px}
.hp-seg button{min-height:38px;padding:0 16px;border:0;border-radius:999px;background:0;cursor:pointer;
  font:600 .84rem/1 inherit;color:var(--text-2);transition:background .16s,color .16s}
.hp-seg button:hover{color:var(--text)}
.hp-seg button[aria-pressed=true]{background:var(--gold);color:#17130a}
.hp-fees{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 16px;
  border:1px solid var(--border);border-radius:999px;background:0;cursor:pointer;
  font:600 .84rem/1 inherit;color:var(--text-2);transition:.16s}
.hp-fees i{width:9px;height:9px;border-radius:50%;background:var(--border);transition:.16s}
.hp-fees:hover:not([disabled]){border-color:var(--border-gold);color:var(--text)}
.hp-fees.on{border-color:var(--gold);color:var(--gold)}
.hp-fees.on i{background:var(--gold);box-shadow:0 0 0 3px color-mix(in oklab,var(--gold) 25%,transparent)}
.hp-fees[disabled]{opacity:.45;cursor:not-allowed}

/* ---------- 01 · el pulso ---------- */
.hp-hero{display:grid;gap:1px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}
@media(max-width:820px){.hp-hero{grid-template-columns:1fr}}
.hp-hero-main{display:grid;gap:6px;align-content:center;padding:28px 26px;
  background:color-mix(in oklab,var(--gold) 7%,var(--card,#101012))}
.hp-hero-main em{font:600 10px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:var(--text-muted);font-style:normal}
.hp-hero-main b{font:700 clamp(2.2rem,6vw,3.4rem)/1 var(--mono);color:var(--gold);
  letter-spacing:-.03em;overflow-wrap:anywhere}
.hp-hero-main .u{font:600 .82rem/1.3 var(--mono);color:var(--text-2)}
.hp-hero-main .alt{margin-top:6px;font:600 .88rem/1.4 var(--mono);color:var(--text-muted);overflow-wrap:anywhere}
.hp-hero-side{display:grid;gap:14px;align-content:center;padding:24px 26px;background:var(--card,#101012)}
.hp-pc{display:grid;gap:6px;min-width:0}
.hp-pc em{font:600 10px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:var(--text-muted);font-style:normal}
.hp-pc b{font:700 2.1rem/1 var(--mono);color:var(--text);letter-spacing:-.02em}
.hp-pc b i{font-style:normal;font-size:.5em;color:var(--text-muted)}
.hp-pc .tag{justify-self:start;padding:4px 11px;border:1px solid var(--border-gold);border-radius:999px;
  font:600 10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.hp-pc-bar{height:6px;border-radius:999px;background:var(--border);overflow:hidden}
.hp-pc-bar i{display:block;height:100%;border-radius:999px;
  background:linear-gradient(90deg,#caa23f,var(--gold));transition:width .5s cubic-bezier(.2,.9,.3,1)}
.hp-pc small{font-size:.78rem;line-height:1.45;color:var(--text-muted);text-wrap:pretty}
.hp-chg{display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));
  background:var(--border);border:1px solid var(--border);border-radius:11px;overflow:hidden}
.hp-chg-i{display:grid;gap:3px;padding:10px 12px;background:var(--card,#101012);min-width:0}
.hp-chg-i em{font:600 9.5px/1.3 var(--mono);letter-spacing:.11em;color:var(--text-muted);font-style:normal}
.hp-chg-i b{font:700 .98rem/1 var(--mono);color:var(--text)}
.pos{color:#4ade80}.neg{color:#f87171}

/* ---------- 02 · historico ---------- */
.hp-ch{display:grid;gap:16px}
.hp-ch-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.hp-ch-h>div:first-child{min-width:0;flex:1 1 340px}
.hp-ch-h .sec-title{margin:8px 0 8px}
.hp-ch-h .sec-sub{max-width:68ch}
.hp-ch-r{display:flex;gap:5px;flex:0 0 auto}
.hp-ch-r button{min-height:36px;padding:0 13px;border:1px solid var(--border);border-radius:999px;
  background:0;cursor:pointer;font:600 .78rem/1 var(--mono);color:var(--text-2);transition:.16s}
.hp-ch-r button:hover{border-color:var(--border-gold);color:var(--text)}
.hp-ch-r button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);
  background:color-mix(in oklab,var(--gold) 12%,transparent)}
.hp-ch-plot{min-width:0;padding:18px;border:1px solid var(--border);border-radius:14px}
.hp-ch-plot svg{display:block;width:100%;height:auto;overflow:visible}
.hp-ch-lg{display:flex;flex-wrap:wrap;gap:9px 20px;font:500 .8rem/1.4 var(--mono);color:var(--text-muted)}
.hp-ch-lg span{display:inline-flex;align-items:center;gap:7px}
.hp-ch-lg i{width:16px;height:0;border-top:2px dashed currentColor;border-radius:2px}
.hp-ch-lg b{color:var(--text)}
.hp-ch-none{padding:44px 18px;text-align:center;font-size:.9rem;line-height:1.6;color:var(--text-muted);
  border:1px dashed var(--border);border-radius:14px;text-wrap:pretty;max-width:72ch;margin:0 auto}

/* ---------- 03 · que lo mueve ---------- */
.hp-dr{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(206px,1fr))}
.hp-dr-i{display:grid;gap:7px;align-content:start;padding:18px;border:1px solid var(--border);border-radius:13px;min-width:0}
.hp-dr-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hp-dr-i em{font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-muted);font-style:normal}
.hp-dr-i b{font:700 1.32rem/1 var(--mono);color:var(--text);letter-spacing:-.02em;overflow-wrap:anywhere}
.hp-dr-i p{margin:0;font-size:.82rem;line-height:1.5;color:var(--text-muted);text-wrap:pretty}
.hp-ar{font:600 9px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  padding:3px 8px;border-radius:999px;border:1px solid}
.hp-ar.up{color:#4ade80;border-color:#2f5d3f}
.hp-ar.dn{color:#f87171;border-color:#5d3232}
.hp-ar.fix{color:var(--text-muted);border-color:var(--border)}
.hp-rt{display:grid;gap:8px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;
  margin-top:12px;padding:15px 18px;border:1px solid var(--border);border-radius:13px}
@media(max-width:620px){.hp-rt{grid-template-columns:1fr 1fr}}
.hp-rt em{font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-muted);font-style:normal}
.hp-rt b{font:700 1.1rem/1 var(--mono)}
.hp-rt span{font:500 .82rem/1.3 var(--mono);color:var(--text-muted)}
.hp-rt-bar{grid-column:1/-1;height:5px;border-radius:999px;background:var(--border);overflow:hidden}
.hp-rt-bar i{display:block;height:100%;background:var(--gold)}

/* ---------- 04 · formula ---------- */
.hp-fm{display:grid;gap:11px}
.hp-fm-i{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;
  padding:17px 19px;border:1px solid var(--border);border-radius:13px}
.hp-fm-i .k{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  border-radius:8px;background:color-mix(in oklab,var(--gold) 14%,transparent);
  border:1px solid color-mix(in oklab,var(--gold) 30%,transparent);
  font:700 .85rem/1 var(--mono);color:var(--gold)}
.hp-fm-i>div{display:grid;gap:5px;min-width:0}
.hp-fm-i em{font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-muted);font-style:normal}
.hp-fm-i code{font:500 .84rem/1.5 var(--mono);color:var(--text-2);overflow-wrap:anywhere}
.hp-fm-i b{font:700 1.2rem/1 var(--mono);color:var(--gold);overflow-wrap:anywhere}

/* ---------- 05 · tu maquina ---------- */
.hp-mine{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
@media(max-width:880px){.hp-mine{grid-template-columns:1fr}}
.hp-form{display:grid;gap:14px;grid-template-columns:1fr 1fr;padding:20px;
  border:1px solid var(--border);border-radius:14px}
.hp-form>.hp-f:first-child{grid-column:1/-1}
@media(max-width:560px){.hp-form{grid-template-columns:1fr}}
.hp-f{display:grid;gap:7px;min-width:0}
.hp-f>label{font:600 10px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted)}
.hp-in{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 13px;
  border:1px solid var(--border);border-radius:11px;transition:border-color .18s}
.hp-in:focus-within{border-color:var(--border-gold)}
.hp-in .pre,.hp-in .post{font:700 .9rem/1 var(--mono);color:var(--text-muted);white-space:nowrap}
.hp-in input{flex:1;min-width:0;border:0;background:0;outline:0;
  font:700 1.2rem/1.1 var(--mono);color:var(--text);-moz-appearance:textfield}
.hp-in input::-webkit-outer-spin-button,.hp-in input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hp-f select{width:100%;min-width:0;padding:11px 36px 11px 13px;border:1px solid var(--border);
  border-radius:11px;background:0;outline:0;font:600 .95rem/1.2 inherit;color:var(--text);
  appearance:none;transition:border-color .18s;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 19px) calc(1.2em),calc(100% - 14px) calc(1.2em);
  background-size:5px 5px;background-repeat:no-repeat}
.hp-f select:focus{border-color:var(--border-gold)}
.hp-f select option{background:#141416;color:#eee}
html[data-theme=light] .hp-f select option{background:#fff;color:#111}

.hp-out{display:grid;gap:13px;align-content:start;min-width:0}
.hp-rows{display:grid;gap:0;border:1px solid var(--border);border-radius:13px;overflow:hidden}
.hp-r{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:13px 17px;
  border-bottom:1px solid var(--border)}
.hp-r:last-child{border-bottom:0}
.hp-r span{font-size:.89rem;color:var(--text-2)}
.hp-r b{font:700 1.1rem/1 var(--mono);color:var(--text);white-space:nowrap}
.hp-r.hi{background:color-mix(in oklab,var(--gold) 7%,transparent)}
.hp-r.hi b{font-size:1.3rem}
.hp-span{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.hp-span-i{display:grid;gap:4px;padding:13px 15px;background:var(--card,#101012);min-width:0}
.hp-span-i em{font:600 9.5px/1.3 var(--mono);letter-spacing:.11em;text-transform:uppercase;
  color:var(--text-muted);font-style:normal}
.hp-span-i b{font:700 1.14rem/1 var(--mono);color:var(--text);overflow-wrap:anywhere}
.hp-note{margin:0;font-size:.8rem;line-height:1.5;color:var(--text-muted);text-wrap:pretty}
.hp-warn{padding:15px 17px;border:1px solid #5d3232;border-radius:12px;background:rgba(248,113,113,.07)}
.hp-warn b{font-size:.92rem;font-weight:600;color:#f87171;line-height:1.55}
.hp-empty{margin:0;padding:20px 22px;border:1px dashed var(--border);border-radius:12px;
  font-size:.9rem;color:var(--text-muted);text-wrap:pretty}

/* ---------- 06 · techo de luz ---------- */
.hp-be{display:grid;gap:1px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  background:var(--border);border:1px solid var(--border);border-radius:15px;overflow:hidden}
@media(max-width:760px){.hp-be{grid-template-columns:1fr}}
.hp-be-main{display:grid;gap:5px;align-content:center;padding:26px 24px;
  background:color-mix(in oklab,var(--gold) 7%,var(--card,#101012))}
.hp-be-main em{font:600 10px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:var(--text-muted);font-style:normal}
.hp-be-main b{font:700 clamp(1.9rem,4.8vw,2.6rem)/1 var(--mono);color:var(--gold);letter-spacing:-.03em}
.hp-be-main .u{font:600 .8rem/1.3 var(--mono);color:var(--text-2)}
.hp-be-side{display:grid;gap:11px;align-content:center;padding:22px 24px;background:var(--card,#101012)}
.hp-be-bar{position:relative;height:8px;border-radius:999px;background:var(--border);overflow:visible}
.hp-be-bar i{display:block;height:100%;border-radius:999px;transition:width .4s}
.hp-be-bar i.ok{background:linear-gradient(90deg,#2f5d3f,#4ade80)}
.hp-be-bar i.bad{background:linear-gradient(90deg,#5d3232,#f87171)}
.hp-be-bar .mark{position:absolute;top:-4px;width:2px;height:16px;background:var(--gold);border-radius:2px}
.hp-be-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.hp-be-row span{font-size:.86rem;color:var(--text-2)}
.hp-be-row b{font:700 1.02rem/1 var(--mono);color:var(--text)}
.hp-ok,.hp-bad{margin:0;font-size:.85rem;line-height:1.55;text-wrap:pretty}
.hp-ok{color:#86efac}.hp-bad{color:#fca5a5}

/* ---------- 07 · simulador ---------- */
.hp-sim{display:grid;gap:18px;padding:24px;border:1px solid var(--border);border-radius:15px}
.hp-sim-top{display:grid;gap:4px}
.hp-sim-top em{font:600 10px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;
  color:var(--text-muted);font-style:normal}
.hp-sim-top b{font:700 2rem/1 var(--mono);color:var(--gold);letter-spacing:-.02em}
.hp-sim-top .u{font:600 .78rem/1.3 var(--mono);color:var(--text-muted)}
.hp-sim-track{position:relative;padding-bottom:46px}
.hp-sim-track input[type=range]{width:100%;height:8px;margin:0;border-radius:999px;
  background:linear-gradient(90deg,#5d3232,#6b5324 50%,#2f5d3f);
  -webkit-appearance:none;appearance:none;outline:0;cursor:pointer}
.hp-sim-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;
  border-radius:50%;background:var(--gold);border:3px solid #17130a;cursor:grab;
  box-shadow:0 3px 12px rgba(0,0,0,.5)}
.hp-sim-track input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;
  background:var(--gold);border:3px solid #17130a;cursor:grab}
.hp-sim-marks{position:absolute;left:0;right:0;top:16px;height:44px;pointer-events:none}
.hp-sim-marks span{position:absolute;transform:translateX(-50%);text-align:center;
  font:500 9.5px/1.45 var(--mono);color:var(--text-muted);white-space:nowrap}
.hp-sim-marks span i{display:block;width:1px;height:9px;margin:0 auto 4px;background:var(--border)}
.hp-sim-marks span.now{color:var(--gold)}
.hp-sim-marks span.now i{background:var(--gold);height:12px}
.hp-sim-marks span:first-child{transform:translateX(-10%)}
.hp-sim-marks span.hi{transform:translateX(-90%)}

/* ---------- 08 · subsidio y comisiones ---------- */
.hp-fe{display:grid;gap:14px}
.hp-fe-bar{display:flex;height:44px;border-radius:11px;overflow:hidden;border:1px solid var(--border)}
.hp-fe-bar .sub{background:linear-gradient(135deg,#caa23f,var(--gold))}
.hp-fe-bar .fee{background:repeating-linear-gradient(135deg,#3f6b8f,#3f6b8f 6px,#4a7ba7 6px,#4a7ba7 12px)}
.hp-fe-lg{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:.85rem;color:var(--text-2)}
.hp-fe-lg span{display:inline-flex;align-items:center;gap:7px}
.hp-fe-lg i{width:11px;height:11px;border-radius:3px}
.hp-fe-lg i.sub{background:var(--gold)}
.hp-fe-lg i.fee{background:#4a7ba7}
.hp-fe-lg b{font-family:var(--mono);color:var(--text)}

/* ---------- 09 · ranking ---------- */
.hp-rk{display:grid;gap:9px}
.hp-rk-i{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:14px 17px;border:1px solid var(--border);border-radius:13px}
@media(max-width:620px){.hp-rk-i{grid-template-columns:auto minmax(0,1fr)}
  .hp-rk-i .be{grid-column:1/-1}}
.hp-rk-i .k{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:7px;background:var(--border);font:700 .8rem/1 var(--mono);color:var(--text-2)}
.hp-rk-i:first-child .k{background:var(--gold);color:#17130a}
.hp-rk-i .nm{display:grid;gap:3px;min-width:0}
.hp-rk-i .nm b{font-size:.98rem;color:var(--text);overflow-wrap:anywhere}
.hp-rk-i .nm span{font:500 .76rem/1.3 var(--mono);color:var(--text-muted)}
.hp-rk-i .be{display:grid;gap:4px;min-width:130px}
.hp-rk-i .be em{font:600 9px/1.3 var(--mono);letter-spacing:.11em;text-transform:uppercase;
  color:var(--text-muted);font-style:normal}
.hp-rk-i .be b{font:700 1.05rem/1 var(--mono);color:var(--gold)}
.hp-rk-i .be .bar{height:4px;border-radius:999px;background:var(--border);overflow:hidden}
.hp-rk-i .be .bar i{display:block;height:100%;background:var(--gold)}
.hp-rk-all{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;justify-self:start;
  border:1px solid var(--border);border-radius:999px;text-decoration:none;font-size:.9rem;
  color:var(--text-2);transition:.16s}
.hp-rk-all:hover{border-color:var(--border-gold);color:var(--text)}

/* ---------- 10 · cascada ---------- */
.hp-cas{display:grid;gap:10px}
.hp-cas-i{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:16px 19px;border:1px solid var(--border);border-radius:13px;text-decoration:none;
  color:inherit;transition:border-color .18s,transform .12s}
.hp-cas-i:hover{border-color:var(--border-gold);transform:translateX(3px)}
.hp-cas-i .k{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:7px;background:color-mix(in oklab,var(--gold) 14%,transparent);
  border:1px solid color-mix(in oklab,var(--gold) 28%,transparent);
  font:700 .78rem/1 var(--mono);color:var(--gold)}
.hp-cas-i>div{display:grid;gap:3px;min-width:0}
.hp-cas-i b{font-size:.99rem;color:var(--text)}
.hp-cas-i span{font-size:.85rem;line-height:1.5;color:var(--text-2);text-wrap:pretty}
.hp-cas-i .go{font:600 1.1rem/1 var(--mono);color:var(--text-muted)}
.hp-cas-i.last{border-style:dashed;border-color:var(--border-gold)}
.hp-cas-i.last .k{background:var(--gold);color:#17130a;border-color:var(--gold)}

/* ---------- 11 · alertas ---------- */
.hp-al{display:grid;gap:16px;padding:24px;border:1px solid var(--border-gold);border-radius:15px;
  background:color-mix(in oklab,var(--gold) 5%,transparent)}
.hp-al ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.hp-al li{position:relative;padding-left:22px;font-size:.94rem;line-height:1.55;color:var(--text-2);text-wrap:pretty}
.hp-al li::before{content:"";position:absolute;left:4px;top:.58em;width:6px;height:6px;
  border-radius:50%;background:var(--gold)}
.hp-al-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hp-al-tag{padding:6px 13px;border:1px solid var(--border-gold);border-radius:999px;
  font:600 10px/1.5 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--gold)}

/* ---------- movil ---------- */
@media(max-width:767px){
  .hp-sw{gap:8px}
  .hp-seg{flex:1}
  .hp-seg button{flex:1;min-height:44px;padding:0 10px}
  .hp-fees{width:100%;justify-content:center;min-height:44px}
  .hp-rf{margin-left:0;width:100%;min-height:44px}
  .hp-hero-main{padding:22px 18px}
  .hp-hero-side{padding:20px 18px}
  .hp-ch-plot{padding:12px 8px}
  .hp-ch-r{width:100%}
  .hp-ch-r button{flex:1;min-height:42px}
  .hp-in input{font-size:1.08rem}
  .hp-r.hi b{font-size:1.16rem}
  .hp-sim{padding:18px 16px}
  .hp-sim-marks span{font-size:9px}
  .hp-rk-all{width:100%;justify-content:center}
}