/* Phone rendering tier: retain color and scroll motion without stacked filter surfaces. */
@media (max-width:700px) and (pointer:coarse), (max-height:540px) and (pointer:coarse){
 .spatial-public .spatial-header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
 [data-prototype="3"] .object-glow{filter:none;opacity:.85}
 .object-stage picture,.object-shadow,.signal-orbit .orbit-trace,.annotation-lines #active-flow,.annotation-lines circle{filter:none}
 .object-shadow{opacity:.7}
}

/* Give the five questions a clearer reading level on compact screens. */
@media (max-width:700px), (max-height:540px){
 [data-motion=full] .dimension-nav button{font-size:14px;font-weight:600;flex:1;min-width:44px;padding-inline:8px}
 [data-motion=full] .w-card>span{font-size:13px;font-weight:600;line-height:1.35}
 .context-grid article>span{font-size:14px;font-weight:600}
}

/* Quiet lavender ovals; the full button remains a 44px touch target. */
@media (max-width:700px), (max-height:540px){
 [data-motion=full] .dimension-nav{gap:4px}
 [data-motion=full] .dimension-nav button{isolation:isolate;padding-inline:4px;border:0;border-image:none;color:#584375}
 [data-motion=full] .dimension-nav button::before,
 [data-motion=full] .dimension-nav button[aria-pressed=true]::before{content:'';position:absolute;inset:6px 0;width:auto;height:auto;border:1px solid #d9ccf9;border-radius:999px;background:#f4f0ff;z-index:-1}
 [data-motion=full] .dimension-nav button[aria-pressed=true]{color:#315ce8}
 [data-motion=full] .dimension-nav button[aria-pressed=true]::before{border-color:#8058b7;background:#f0eaff}
 [data-motion=full] .dimension-nav button:focus-visible{outline:2px solid #315ce8;outline-offset:2px;border-radius:999px}
 [data-motion=full] .w-card>span,
 .context-grid article>span{display:inline-block;width:fit-content;padding:2px 10px;border:1px solid #d9ccf9;border-radius:999px;background:#f4f0ff;color:#584375}
 [data-motion=full] .w-card.is-active>span{color:#584375}
}