/* Keep each live control beside the visual it changes. */
.live-control-panel{min-width:0;align-self:start}
.live-sliders{padding:16px 18px 10px;margin-top:12px;border:1px solid #ffffff90;border-radius:24px;background:linear-gradient(125deg,#e4eff080,#e7dded70)}
.live-sliders .slider-label{margin:0 0 12px;font-size:17px;line-height:1.4}
.live-sliders .slider-label:last-child{margin-bottom:0}
.live-sliders .slider-touch-row{margin-top:4px}
.lens-world{touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.exercise-footer-actions{display:grid;gap:16px;max-width:620px;margin-top:30px}
footer .exercise-footer-actions a{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px 18px;align-items:center;padding:22px 24px;border:1px solid #ffffff85;border-radius:24px;background:linear-gradient(125deg,#d9e6f034,#dfcde92b);font:500 22px/1.4 Outfit,sans-serif;letter-spacing:0;color:#fff7ed}
.exercise-footer-actions a>span{display:grid;place-items:center;width:46px;height:46px;background:linear-gradient(140deg,#f6e5c5,#cadced);border-radius:16px;color:#344a64;font-size:29px}
.exercise-footer-actions small{grid-column:1/-1;font:400 17px/1.5 Manrope,sans-serif;color:#e0e9f0}
@media(max-width:700px){
 body{font-size:18px}
 p,.micro,.fine,.collection-footnote,.track-info>p,.card-copy p,.section-heading p,.account p,.play-privacy p,.expression-controls .micro,.perception-guide p,.dc .dc-soft,.dc .dc-member-note,.history-content p,.reminders .micro,.listening .micro{font-size:18px!important;line-height:1.65}
 small,.eyebrow,.gesture-badge,.art-words small,.art-caption,.category-label,.track-category,.audio-duration,.audio-layout-note,.audio-layout-heading,.audio-pending,.scene-credit,.card-copy .meta,.collection-meta>span,.hero-note span,.account-actions span,.listen-actions span,.seek-row,.status,.sort,.dc label,.dc-page-top>span:last-child,.dc-map-row small,.dc-plans span,.history-row small,.ritual-card small,.card-bottom,.tools small,.breath-count,.breath-hint{font-size:16px!important;line-height:1.5;letter-spacing:.025em}
 summary,.optional-note summary,.slider-label,label,.text-link,.chips button,.choice-grid button,.meditation-picks button,.filters button,.play-privacy button,.privacy-actions button,.history-row button,.account-link,.sort select,.button,.dc summary,.dc-alternative a,.dc-chips button,.dc-week-controls strong,.audio-card-button small,.audio-card-button strong,.audio-card-copy strong,.audio-card-copy small,footer button{font-size:17px!important;line-height:1.45}
 input:not([type=range]),select,textarea{font-size:18px!important;max-width:100%;min-width:0}
 .within-navigation a{font-size:16px!important;line-height:1.35;letter-spacing:.03em;padding:12px 14px;min-height:46px;white-space:normal}
 .within-navigation{flex-wrap:wrap;gap:10px}
 .filters button{padding:13px 6px}.filters{gap:12px 8px}
 .experience-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .experience-menu button span{font-size:18px!important;line-height:1.35}
 .optional-note summary{padding:17px 18px;min-height:52px;background:#ffffff45;border:1px solid #ffffff85;border-radius:18px;margin:18px 0}
 .studio-grid:has(.live-control-panel){gap:22px;align-items:start}
 .live-control-panel .weather-world{height:clamp(200px,31svh,270px)}
 .live-control-panel .lens-world{height:clamp(300px,42svh,350px)}
 .live-control-panel .weather-sun{top:24px;width:74px;height:74px;left:calc(50% - 37px)}
 .live-control-panel .weather-world .art-words{padding:18px;gap:5px}
 .live-control-panel .lens-original,.live-control-panel .lens-reveal{left:12px;right:12px;padding:13px 14px;gap:6px}
 .live-control-panel .lens-original{top:12px}.live-control-panel .lens-reveal{bottom:12px}
 .live-control-panel .lens-world strong{font-size:24px;line-height:1.22}
 .live-control-panel .lens-world small{font-size:15px!important;line-height:1.4;letter-spacing:.035em}
 .live-sliders{padding:13px 14px;margin-top:10px}
 .live-sliders .slider-label{margin:0 0 10px;font-size:17px!important}
 .live-sliders .slider-touch-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;min-height:46px}
 .live-sliders .slider-touch-row button{width:44px;height:44px;font-size:25px}
 .live-sliders .slider-touch-row input{height:44px}
 .expression-controls .practice-play{font-size:22px!important}
 footer .exercise-footer-actions a{font-size:22px!important;padding:20px;gap:10px 12px}
 .sort{white-space:normal}.audio-card-copy{min-width:0}
 .breath-hint{max-width:230px}.art-caption{letter-spacing:.02em}
}

/* Preserve the intended headline hierarchy over small-text accessibility rules. */
@media(max-width:700px){
 .breath-space .breathing-art .seed{top:-34px}
 .breath-space .breathing-art .halo{top:6px;bottom:99px}
 .breath-space .breath-copy{top:-34px;bottom:34px}
}
