.dp-play{max-width:1000px;margin:2rem auto;padding:0 1rem;color:#172033}.dp-play h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.04em}.dp-play h1 span{color:#0f766e}.dp-play nav{display:flex;gap:1rem;flex-wrap:wrap;margin:1.25rem 0}.dp-play p,.dp-play li{line-height:1.6;max-width:80ch}.dp-play button{border:1px solid #c6d2d9;background:#fff;color:inherit;padding:.7rem .9rem;border-radius:6px;cursor:pointer;min-height:44px}.dp-play button:disabled{opacity:.5;cursor:default}.dp-play button:focus-visible,.dp-play summary:focus-visible,.dp-play input:focus-visible{outline:3px solid #0f766e;outline-offset:3px}.dp-play details{padding:1rem 0;border-bottom:1px solid #d9e0ea}.dp-play summary{cursor:pointer}.dp-play ul,.dp-play ol{padding-left:1.3rem}.dp-play li{margin:.6rem 0}.dp-progress{padding:.8rem 0;border-block:1px solid #d9e0ea}.dp-progress p{margin:.5rem 0 0;overflow-wrap:anywhere}.dp-choices{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.dp-choices button{flex:1 1 180px;text-align:left}.dp-play form label{display:block;margin:.7rem 0}.dp-play form div{display:flex;gap:.6rem}.dp-play input{min-width:0;flex:1;border:1px solid #c6d2d9;border-radius:6px;padding:.6rem}.dp-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.dp-actions button:first-child{background:#0f766e;color:#fff;border-color:#0f766e}.dp-play pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.dp-play textarea{width:100%}.dp-play [hidden]{display:none!important}.dp-play #dp-result{border-top:3px solid #0f766e;padding-top:1rem;margin-top:1rem}#dp-next{display:inline-block;margin:.8rem}#dp-note{min-height:1.6em;color:#0f766e}@media(max-width:700px){.dp-play{padding:0 .9rem;margin:1.25rem auto}.dp-choices{flex-direction:column}.dp-choices button{flex:auto}.dp-play form div{flex-wrap:wrap}.dp-play form input{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.dp-play *{scroll-behavior:auto}}

.dp-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dp-switch{position:sticky;top:0;z-index:3;background:#fff;padding:.6rem 0;border-bottom:1px solid #d9e0ea}.dp-switch div{display:flex;gap:.6rem}.dp-switch button{flex:1}.dp-switch button[aria-pressed="true"]{background:#0f766e;color:#fff;border-color:#0f766e}.dp-switch p{margin:.4rem 0 0;font-size:.85rem}.dp-deadend{border-left:3px solid #b45309;padding:.5rem .8rem;background:#fff8ed}@media(max-width:700px){.dp-columns{grid-template-columns:1fr}}
.dp-notebook{margin-top:1.5rem}.dp-notebook p,.dp-notebook li{max-width:65ch;overflow-wrap:anywhere}.dp-notebook summary{min-height:44px;padding:.6rem 0}.dp-kept-tour{padding:1rem 0;border-top:1px solid #d9e0ea}.dp-kept-tour h4{margin:0 0 .6rem;font-size:1.1rem;overflow-wrap:anywhere}.dp-kept-tour p{margin:.6rem 0}.dp-notebook-actions{display:flex;flex-wrap:wrap;gap:.6rem}.dp-notebook-actions button{flex:1;min-width:110px}#dp-notebook-note{min-height:1.6em;color:#0f766e}#dp-choice-title,.dp-kept-tour h4{scroll-margin-top:144px}#dp-notebook-storage,#dp-notebook-recovery{padding:.75rem;background:#fff6da;color:#6e4b00}