/* Choose a scene first, then read its full title and explanation. */
#scenes .story-copy>.story-choice-card{margin-top:0;margin-bottom:60px}
#scenes .story-copy>h3{min-height:0;margin-top:0}
#scenes .story-copy>.story-desc{min-height:0;margin-top:16px}
#scenes .story-choices button{align-items:flex-start;min-width:0;min-height:80px;padding:12px 11px;font-size:17px;line-height:1.65}
#scenes .story-choices button:not(.active){color:#65758c}
#scenes .story-choices button>.choice-symbol{margin-top:1px}
#scenes .story-choices button>span:nth-child(2){flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px){
 .theme-a #scenes .story-copy>.story-choice-card{margin-top:0;margin-bottom:40px}
 .theme-a #scenes .story-choices{grid-template-columns:minmax(0,1fr)}
 .theme-a #scenes .story-choices button{min-height:60px;padding:11px 12px;font-size:16px;gap:10px}
 .theme-a #scenes .story-copy>h3{margin-top:0}
 .theme-a #scenes .story-copy>.story-desc{margin-top:12px}
}
/* Backend guidance belongs inside its background, rather than inheriting the phone rail offset. */
#scenes .feature-art.is-backend>.flow-side{padding:26px 18px 28px}
#scenes .feature-art.is-backend .flow-detail{min-width:0;margin:0}
@media(min-width:1050px){
 #scenes .feature-art.is-backend>.flow-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:start;gap:28px}
 #scenes .feature-art.is-backend .flow-steps{margin:0;padding-left:0;align-self:center}
 #scenes .feature-art.is-backend .flow-detail{width:auto}
}
@media(max-width:1049px){
 #scenes .feature-art.is-backend>.flow-side{display:block;padding:22px 14px 28px}
 #scenes .feature-art.is-backend .flow-steps{margin-bottom:20px}
 #scenes .feature-art.is-backend .flow-detail{width:100%}
}
@media(max-width:767px){#scenes .feature-art.is-backend::before{bottom:0}}
/* File actions use a blue pressed state, without the global darkening filter. */
.theme-a #scenes .flow-native button[data-demo-action]:is([data-native-tap],.flow-tap-target,:active){filter:none;background:#e7f1ff;border-color:#4389e9;color:#1768bf;box-shadow:0 0 0 3px #2c7dea1a}
.theme-a #scenes .flow-native button[data-demo-action] .flow-tap-ripple{border-color:#3788ed;background:#2c7dea1f;box-shadow:0 0 0 4px #2f80e912}
