.hb-play{max-width:960px;margin:0 auto;padding:24px;overflow-wrap:anywhere}.hb-play nav,.hb-actions{display:flex;flex-wrap:wrap;gap:12px}.hb-play button,.hb-play a{min-height:44px}.hb-play button{border:1px solid #888;border-radius:6px;padding:10px 14px}.hb-play button[aria-pressed=true]{background:#235d4b;color:white}.hb-play button:disabled{opacity:.55}.hb-play [hidden]{display:none!important}#hb-route{display:flex;align-items:center;flex-wrap:wrap;gap:10px}#hb-route>*{padding:12px;border:1px solid #bbb;border-radius:6px}#hb-route>*+*:before{content:'→ ';font-weight:bold}#hb-desk{padding:12px;background:#f4f8f6;border-block:1px solid #aaa;color:#173f30}#hb-result-text{white-space:pre-wrap;overflow-wrap:anywhere}#hb-files li{margin-block:12px}#hb-preview{font-weight:600}#hb-result-title,#hb-route-title{scroll-margin-top:100px}@media(max-width:600px){.hb-play{padding:16px}#hb-desk{position:sticky;top:0;z-index:5}#hb-route{display:grid;grid-template-columns:1fr}#hb-route>*+*:before{content:'↓ '}.hb-actions{display:grid;grid-template-columns:1fr}#hb-result button,#hb-result a{display:block;margin-block:10px}}

#hb-context{display:block}#hb-views{display:none;gap:8px;margin-top:8px}#hb-plan-title{scroll-margin-top:180px}#hb-work{overflow-anchor:none}@media(max-width:600px){#hb-views{display:flex}#hb-views button{flex:1;padding:8px}#hb-work[data-view=route] #hb-plan-panel,#hb-work[data-view=plan] #hb-route-panel{display:none}#hb-plan-route{font-size:14px}.hb-actions{grid-template-columns:1fr 1fr;gap:8px}.hb-actions #hb-ban,.hb-actions #hb-reveal{grid-column:1/-1}}

.hb-compare{margin-top:1rem;padding:.8rem 0;border-bottom:1px solid #aaa}.hb-rules p,.hb-compare p,.hb-compare li,#hb-files>li>span,#hb-files li li,#hb-preview,#hb-note,#pg-share-feedback{max-width:65ch;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}.hb-compare summary,#hb-files summary{min-height:44px;font-size:1rem;line-height:1.6;display:list-item;align-content:center}.hb-compare ul{padding-left:1.3rem}.hb-compare li{margin:1rem 0;padding:.6rem 0;border-bottom:1px solid #ccc}.hb-compare li p{margin:.4rem 0}.hb-compare button{font:inherit;font-size:1rem;max-width:100%;text-align:left}.hb-compare button:focus-visible,.hb-compare summary:focus-visible,#hb-files summary:focus-visible{outline:3px solid #235d4b;outline-offset:3px}#hb-files>li>span{display:block}