#heating-roll-planner{--hr-ink:#193c37;--hr-teal:#1a786b;--hr-coral:#e5755f;color:var(--hr-ink);max-width:1080px;margin:auto;line-height:1.55}#heating-roll-planner *{box-sizing:border-box}#heating-roll-planner [hidden],#calculator-rating[hidden]{display:none!important}#heating-roll-planner button,#heating-roll-planner input{font:inherit}#heating-roll-planner button{padding:.6rem .9rem;border:1px solid #b6c9c2;background:#fff;border-radius:.7rem;color:var(--hr-ink);cursor:pointer;min-height:44px}#heating-roll-planner button:disabled{opacity:.45;cursor:default}#heating-roll-planner button[aria-pressed=true]{background:var(--hr-teal);color:white;border-color:var(--hr-teal)}#heating-roll-planner :focus-visible{outline:3px solid #e5aa38;outline-offset:3px}.hr-intro{font-size:1.1rem}.hr-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.hr-row{border:1px solid #dce5df;border-radius:1rem;padding:1rem;margin:1rem 0;min-width:0}.hr-row legend{font-weight:700;padding:0 .4rem}.hr-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem 1rem;margin-bottom:.7rem}.hr-field{display:grid;grid-template-rows:subgrid;grid-row:span 3;min-width:0}.hr-field label{font-weight:600;overflow-wrap:anywhere}.hr-field input{width:100%;min-width:0;padding:.65rem .7rem;border:1px solid #a9c0b7;border-radius:.6rem;min-height:44px;color:var(--hr-ink);background:#fff}.hr-field small{font-size:.83em;color:#526760;overflow-wrap:anywhere}.hr-single{margin:1.5rem 0}.hr-modes,.hr-actions,.hr-examples,.hr-nav{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.hr-examples{margin:1.4rem 0}.hr-answer{background:#f4f8f5;border:1px solid #d2e2d9;border-radius:1.25rem;padding:1.4rem}.hr-answer h2{font-size:clamp(1.55rem,4vw,2.2rem);margin:.35rem 0 1rem;line-height:1.2}.hr-kicker{font-size:.85em;color:#49675f}.hr-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.hr-stats div{background:#fff;border-radius:.8rem;padding:.8rem;min-width:0}.hr-stats strong,.hr-stats span{display:block;overflow-wrap:anywhere}.hr-stats strong{font-size:1.2em}.hr-stats span{font-size:.85em}.hr-answer svg{display:block;width:100%;height:auto;margin:.8rem 0;overflow:visible}.hr-answer svg text{font:13px sans-serif;fill:#193c37}.hr-answer svg [data-cut]{cursor:pointer;transition:opacity .15s}.hr-focus{min-height:2em}.hr-compare{display:grid;gap:.6rem}.hr-compare>div{background:#fff;border-radius:.7rem;padding:.75rem}.hr-compare p{margin:.3rem 0}.hr-warning{border-left:4px solid #c36445;background:#fff3ea;padding:1rem;border-radius:.5rem;margin:.7rem 0}.hr-bound{font-size:.9em}.hr-schedule{padding-left:1.5rem;overflow-wrap:anywhere}.hr-schedule li{margin:.6rem 0}#hr-copy-fallback{width:100%;min-height:12rem;font:inherit}.hr-note{padding:1rem 0;color:#526760}#heating-roll-planner details{margin:1rem 0}#heating-roll-planner summary{cursor:pointer;font-weight:600}@media(min-width:900px){.hr-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}.hr-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.hr-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-answer{padding:1rem}.hr-stats{grid-template-columns:1fr 1fr}}@media(max-width:380px){.hr-fields,.hr-stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hr-answer svg [data-cut]{transition:none}}

.hr-roll{margin:1rem 0}.hr-roll p{font-size:.95em;margin:.35rem 0}.hr-answer .hr-roll svg{height:48px;margin:.3rem 0}#hr-focus-select{display:block;width:100%;min-height:44px;font:inherit;padding:.55rem;border:1px solid #a9c0b7;border-radius:.6rem;background:#fff;color:#193c37;margin:.4rem 0}
