/* Paper-style densities and categorical shares in three independent slots. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#inside .hp-toolbar{display:flex;gap:18px;flex-wrap:nowrap}.hp-toolbar>div{display:flex;align-items:center;gap:16px}.hp-toolbar .tag{font-size:9px;white-space:nowrap}.hp-shuffle{display:flex;align-items:center;gap:14px;border:1px solid #cdddcf;border-radius:7px;background:#f1f7ef;padding:8px 14px;color:var(--green-dark);font-size:11px;min-height:42px;white-space:nowrap}.hp-shuffle>span:last-child>span{margin-left:12px;font-size:17px}.hp-shuffle:hover{background:#e6f0e3;border-color:#a8c0a8}.hp-shuffle:disabled{opacity:.75}.lever{position:relative;display:block;width:12px;height:23px}.lever:before{content:"";position:absolute;left:4px;bottom:2px;width:7px;height:7px;border-radius:2px;background:#afc6ad}.lever:after{content:"";position:absolute;left:6px;top:3px;width:2px;height:16px;background:var(--green);transform-origin:bottom;transition:transform .18s}.lever i{position:absolute;left:3px;top:0;width:8px;height:8px;border-radius:50%;background:var(--green);z-index:1;transition:transform .18s}.pulling .lever:after{transform:rotate(40deg)}.pulling .lever i{transform:translate(9px,4px)}
.hp-slots{padding-top:21px;padding-bottom:25px}.hp-slots .panel-title{padding-bottom:13px}.hp-reel{overflow:hidden}.hp-parameter{display:block;margin:0 20px}.hp-parameter select{width:100%;min-height:38px;border:1px solid #dce6d7;border-radius:5px;background:#fbfcf9;font-size:12px;color:#2f523e;padding:7px 11px;cursor:pointer}.hp-slots .panel-chart{aspect-ratio:1.17;margin-top:12px}.hp-slot-note{display:flex;justify-content:space-between;gap:9px;margin:13px 16px 0;font-size:9px;color:#7c897b;border-top:1px solid #e7ede2;padding-top:10px}.hp-slots .chart .hp-density-line{stroke-width:2.5}.hp-slots .chart svg{cursor:crosshair}.tile-score{display:flex;align-items:baseline;gap:11px;margin:4px 0 7px;font-size:25px;color:#f4fff3;letter-spacing:-.6px}.tile-score span{font-size:9px;letter-spacing:0;color:#c7dbc8}.tile-meta{display:grid;grid-template-columns:1fr auto;gap:2px 25px;margin:0 0 7px;font-size:10px}.tile-meta span{color:#c7dbc8}.tile-meta b{font:10px/1.7 var(--mono);text-align:right;font-weight:400}
@media(max-width:1100px){.hp-parameter{margin-inline:12px}.hp-slots .panel-chart{aspect-ratio:1.05}.hp-slot-note{font-size:8px;margin-inline:9px}}
@media(max-width:760px){.hp-slots{gap:28px}.hp-slots .panel-chart{aspect-ratio:1.2}.hp-parameter{margin-inline:20px}.hp-slot-note{font-size:10px;margin-inline:18px}.hp-parameter select{font-size:14px;min-height:43px}.hp-toolbar>div{align-items:flex-start;flex-direction:column;gap:5px}.hp-toolbar .figure-context{font-size:11px;max-width:none}.hp-toolbar .tag{font-size:8px}#inside .hp-toolbar{padding-block:15px}.hp-shuffle{padding:8px 11px;font-size:10px;gap:8px}.hp-shuffle>span:last-child>span{margin-left:6px}.tile-score{font-size:23px}.tile-score span{font-size:9px}.tile-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lever:after,.lever i{transition:none}}
@media(max-width:760px){#inside .hp-toolbar .tag{align-self:flex-start}}
.hp-inspection-dot{fill:#2b7457;stroke:#fff;stroke-width:1.5;opacity:0;pointer-events:none}.hp-inspecting .hp-inspection-dot{opacity:1}.hp-density-control:focus-visible{outline:2px solid #779981;outline-offset:-2px;border-radius:4px}.hp-category{cursor:pointer;outline:none}.hp-category-target{stroke:transparent;stroke-width:1}.hp-category:hover .hp-category-target,.hp-category.hp-inspecting .hp-category-target{fill:#2b745708}.hp-category:focus-visible .hp-category-target{stroke:#779981;fill:#2b745708}.hp-category .hp-bar{pointer-events:none}.hp-category .hp-prior-bar{opacity:.70}.hp-atom{margin:0 16px}.hp-atom[hidden]{display:none}.hp-zero-mass{display:block;width:100%;padding:10px 12px;border:1px solid #e1e8db;border-radius:5px;background:#f9fbf6;color:#52654e;text-align:left;font-size:10px;cursor:pointer}.hp-zero-mass:hover,.hp-zero-mass.hp-inspecting{border-color:#acc2ab;background:#f4f8ee}.hp-zero-mass:focus-visible{outline:2px solid #779981;outline-offset:2px}.hp-atom-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-weight:600;margin-bottom:7px}.hp-atom-heading>span{font-size:9px;font-weight:400;color:#76836f}.hp-atom-row{display:grid;grid-template-columns:44px 1fr 32px;align-items:center;gap:7px;margin-top:5px;font-size:9px}.hp-atom-track{display:block;height:6px;background:#e9eee5;border-radius:2px;overflow:hidden}.hp-atom-bar{display:block;height:100%;border-radius:2px}.hp-atom-bar.hp-prior-bar{background:#9ba69e}.hp-atom-bar.hp-selected-bar{background:#2b7457}.hp-atom-row b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.hp-slot-note span:last-child{text-align:right}.hp-slot-note span{max-width:59%;line-height:1.5}.hp-slots [data-kind="prep"] .hp-slot-note{align-items:flex-start}.hp-slots [data-kind="prep"] .hp-slot-note span:first-child{max-width:61%}.hp-slots [data-distribution="categorical"] svg{cursor:default}
@media(max-width:760px){.hp-atom{margin-inline:18px}.hp-zero-mass{font-size:11px;padding:12px}.hp-atom-row{font-size:10px;grid-template-columns:48px 1fr 34px}.hp-atom-heading>span{font-size:10px}}