/* V28 maintains premium children's artwork and adds step-specific technical routes. */
.v28-controls{margin:18px 0 16px;background:linear-gradient(155deg,#fbfffd,#eaf7f5);border:1px solid #cfe7e5;padding:18px;border-radius:24px;box-shadow:0 12px 30px #163a4d12}
.v28-controlhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v28-controlhead h2{margin:4px 0 8px;color:#153e50}.v28-controlhead p{margin:4px 0;color:#4d7081;font-size:14px}.v28-indicator{background:#fff;border:1px solid #cde6e1;border-radius:30px;padding:8px 12px;white-space:nowrap;font-weight:800;color:#215e55;font-size:12px}
.v28-choices{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.v28-times{display:flex;gap:8px;margin:10px 0 17px}.v28-controls h3{font-size:15px;color:#23576a;margin:12px 0 6px}.v28-choice{border:1px solid #cce1dc;background:#fff;border-radius:30px;color:#265c5c;padding:10px 14px;font-weight:800;font-size:12px}.v28-choice.active{background:#173e56;color:white;border-color:#173e56}
.v28-routine{padding:13px 14px;background:white;border:1px solid #d4e4e5;border-radius:18px}.v28-routine>b{color:#1c4a5f;font-size:15px}.v28-routine p{font-size:12px;color:#627c84;margin:6px 0 8px}.v28-routine button{display:flex;width:100%;align-items:center;gap:12px;text-align:left;border:0;background:#f5fbfc;border-radius:12px;padding:9px 10px;margin-top:7px;color:#153d53}.v28-routine button span{border-radius:50%;background:#d8f3ea;width:29px;height:29px;display:grid;place-items:center;font-weight:900;color:#117a65}.v28-routine button strong{flex:1;font-size:12px}.v28-routine button small{font-weight:800;color:#2c6c69}
.v28-stepvisual{background:#f4fbf6}.v28-photo{margin:0;width:100%;overflow:hidden}.v28-photo img{display:block;width:100%;height:auto!important;aspect-ratio:8/5;object-fit:cover;max-height:none!important}.v28-photo figcaption{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:#133e57;color:white;text-align:left}.v28-photo figcaption span{font-size:10px;font-weight:800;letter-spacing:.09em;color:#cce8ed}.v28-photo figcaption strong{font-size:16px;color:white}.v28-map{padding:11px 12px 10px;background:#f0fbf7}.v28-maphead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 4px 8px;color:#204e52}.v28-maphead b{font-size:13px}.v28-maphead small{font-size:10px;color:#517a7d}.v28-map svg{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:660/294!important;border-radius:12px}.v28-map p{margin:10px 3px 0;text-align:center;font-size:13px;color:#245060;font-weight:700}
.v18-reading .v16-heroart:has(.v28-stepvisual){max-height:none!important;overflow:visible;border-radius:0}.v18-reading .v16-heroart:has(.v28-stepvisual) .v16-zoommark{bottom:auto;top:8px}.v18-reading .v16-heroart .v28-photo img{height:auto!important;max-height:none!important;aspect-ratio:8/5;object-fit:cover}.v18-reading .v16-heroart .v28-map svg{height:auto!important;max-height:none!important;aspect-ratio:660/294!important;background:none!important}
@media(max-width:640px){.v28-controlhead{flex-direction:column}.v28-choices{display:grid;grid-template-columns:1fr 1fr}.v28-choices .v28-choice{padding:10px 6px}.v28-map{padding:8px}.v28-maphead{flex-direction:column;gap:2px}.v28-photo figcaption strong{font-size:14px}}