.tap-depth-journey,.tap-depth-builder{padding:16px;margin-block:16px;border:1px solid #c5c9ae;border-radius:18px;background:#fff9ed;color:#243e35}
.tap-depth-journey h4{margin-block:0 12px}.tap-depth-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tap-depth-fields label,.tap-depth-builder label,.tap-depth-width{display:block;font-weight:700;line-height:1.5}
.tap-depth-journey select,.tap-depth-builder select,.tap-depth-width select{display:block;width:100%;min-height:48px;max-width:100%;padding:8px;font:inherit;color:inherit;background:#fffdfa;border:1px solid #718b78;border-radius:10px}
.tap-depth-journey button,.tap-depth-builder button{min-width:48px;min-height:48px;font:inherit;color:inherit;background:#fffdfa;border:1px solid #718b78;border-radius:10px;padding:10px 12px;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.tap-depth-actions{display:flex;flex-wrap:wrap;gap:8px;margin-block:12px}.tap-depth-turn{font-size:1.15rem;font-weight:700}.tap-depth-collection{color:#3f6556}
.tap-depth-journey p,.tap-depth-builder p{line-height:1.6}.tap-depth-journey summary,.tap-depth-builder summary{padding-block:12px;min-height:48px;box-sizing:border-box;font-weight:700;cursor:pointer}
.tap-depth-playlist ol{padding-inline-start:28px}.tap-depth-playlist li{margin-block:12px}.tap-depth-playlist li>button{width:100%;text-align:start}.tap-depth-playlist li>div{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:6px}.tap-depth-playlist [aria-current=step]{outline:3px solid #22644f;outline-offset:1px}
.tap-depth-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(48px,1fr));gap:8px;width:min(100%,360px);margin:16px auto}.tap-depth-grid>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.tap-depth-grid>button{position:relative;aspect-ratio:1;padding:4px;z-index:1;background:#fffdfaeb;border:2px solid #6d927b;border-radius:50%;font-size:1.15rem}
.tap-depth-journey button:disabled,.tap-depth-builder button:disabled{opacity:.5;cursor:default}.tap-depth-journey :focus-visible,.tap-depth-builder :focus-visible,.tap-depth-width select:focus-visible{outline:3px solid #1a5a48;outline-offset:3px}
.tap-depth-width{margin-block-end:14px}.tap-depth-width>span{display:block;font-size:.9rem;margin-block:4px}
@media(max-width:650px){.tap-depth-fields{grid-template-columns:1fr}.tap-depth-journey,.tap-depth-builder{padding:12px}.tap-depth-grid{gap:6px}.tap-depth-actions>button{flex:1 1 140px}.tap-depth-journey select,.tap-depth-builder select,.tap-depth-width select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tap-depth-journey *,.tap-depth-builder *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}