.regime-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px;background:#edf3f7;border-radius:16px}.regime-form label{display:grid;gap:12px;align-content:start;min-width:0;font-weight:600}.regime-form select{font:inherit;font-weight:400;min-width:0;width:100%;padding:12px;border:1px solid #bfd0db;border-radius:12px;min-height:48px;background:#fff;color:#294b5e;box-sizing:border-box}.regime-form select:disabled{opacity:.6}.regime-form .button{justify-self:start;grid-column:1/-1}.regime-material-note{grid-column:1/-1;margin:0!important}.regime-material-note:empty{display:none}.regime-results{scroll-margin-top:112px}.regime-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.regime-card{padding:24px;border:1px solid #dce7ee;border-radius:16px;background:white}.regime-card h3{margin-top:0}.regime-card dl{margin:0}.regime-card dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,auto);gap:16px;padding:12px 0;border-bottom:1px solid #edf3f7}.regime-card dt{font-size:16px;line-height:24px}.regime-card dd{font-weight:600;margin:0;text-align:right;max-width:160px;overflow-wrap:anywhere}.pak-regimes details{margin-top:32px}.pak-regimes summary{cursor:pointer;padding:16px 0}.regime-status{min-height:24px}
@media(max-width:850px){.regime-form{grid-template-columns:1fr;padding:16px;gap:16px}.regime-form .button{width:100%;justify-self:stretch}.regime-card{padding:16px}.regime-card dd{max-width:100px}}
.regime-hardness{grid-column:1/-1;padding-top:8px}.regime-hardness label{display:flex;justify-content:space-between;align-items:center;gap:16px}.regime-hardness-value{font-size:16px;text-align:right}.regime-hardness input[type=range]{display:block;width:100%;height:48px;margin:12px 0 0;padding:0;accent-color:#315e73;cursor:pointer;touch-action:pan-y}.regime-hardness input:disabled{opacity:.4;cursor:default}.regime-hardness-ends{display:flex;justify-content:space-between;font-size:16px}.regime-hardness p{font-size:14px;margin-bottom:0}.regime-hardness input:focus-visible{outline:2px solid #315e73;outline-offset:3px}@media(max-width:480px){.regime-hardness label{align-items:start;flex-direction:column;gap:8px}.regime-hardness-value{text-align:left}}

/* Native range semantics with a consistent visual track on Safari and Chromium. */
.regime-hardness{padding:24px;background:#fff;border:1px solid #d4e1e9;border-radius:16px;box-shadow:0 8px 24px rgba(38,73,91,.04)}.regime-hardness-value{padding:8px 12px;border-radius:8px;background:#e7f0f5;color:#315e73;font-size:14px;line-height:20px;font-weight:600}.regime-hardness-rail{position:relative;margin-top:16px;height:48px}.regime-hardness-track{position:absolute;left:16px;right:16px;top:20px;height:8px;background:#dbe5eb;border-radius:9999px;overflow:hidden;pointer-events:none}.regime-hardness-track>span{display:block;height:100%;background:#426e84;transform:scaleX(var(--hardness-fill,1));transform-origin:left;transition:transform .35s cubic-bezier(.32,.72,0,1)}.regime-hardness input[type=range]{position:relative;z-index:1;appearance:none;-webkit-appearance:none;background:transparent;border:0;box-shadow:none;margin:0;height:48px;outline-offset:4px}.regime-hardness input[type=range]::-webkit-slider-runnable-track{height:8px;background:transparent;border:0}.regime-hardness input[type=range]::-moz-range-track{height:8px;background:transparent;border:0}.regime-hardness input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;margin-top:-12px;border-radius:50%;border:4px solid #fff;background:#315e73;box-shadow:0 0 0 1px #a8bfcc,0 4px 12px #284e6330;transition:box-shadow .3s cubic-bezier(.32,.72,0,1)}.regime-hardness input[type=range]::-moz-range-thumb{box-sizing:border-box;width:32px;height:32px;border-radius:50%;border:4px solid #fff;background:#315e73;box-shadow:0 0 0 1px #a8bfcc,0 4px 12px #284e6330}.regime-hardness input:enabled:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px #315e7314,0 4px 12px #284e6330}.regime-hardness-ends button{min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#527183;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s cubic-bezier(.32,.72,0,1)}.regime-hardness-ends button[aria-pressed=true]{background:#e7f0f5;color:#234b61;border-color:#cbdde7}.regime-hardness-ends button:enabled:hover{background:#edf3f7}.regime-hardness-ends button:focus-visible{outline:2px solid #315e73;outline-offset:2px}.regime-hardness-ends button:disabled{cursor:default;color:#7c8e98}.regime-hardness[data-enabled=false] .regime-hardness-track>span{background:#c5d2da}.regime-hardness[data-enabled=false] .regime-hardness-value{background:#f0f3f5;color:#586d79}.regime-hardness p{color:#5a7180;line-height:20px}@media(max-width:480px){.regime-hardness{padding:16px}.regime-hardness-value{max-width:100%}}@media(prefers-reduced-motion:reduce){.regime-hardness *{transition:none!important}}
.regime-hardness input[type=range]{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.regime-hardness-track{display:block!important}.regime-hardness-track>span{display:block!important}
.regime-form label{grid-template-columns:minmax(0,1fr)}.regime-form select{max-width:100%;text-overflow:ellipsis}.regime-card{min-width:0;overflow-wrap:anywhere}
.regime-form>label{overflow:hidden;padding:4px;margin:-4px}

/* Keep the native option list, replacing only the platform-specific arrow box. */
.pak-regimes .regime-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px;outline:none!important;box-shadow:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23527183' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px}
.pak-regimes.pak-keyboard-focus .regime-form select:focus{outline:2px solid #5189aa!important;outline-offset:3px}
