/* Responsive reading and checkout controls, without hiding overflowing content. */
html{scroll-padding-top:20px}
:where(p,li,h1,h2,h3,h4,label,.muted,.notice,.info-item,.request-card,.list-card){overflow-wrap:anywhere;word-break:normal}
:where(.card,.plan,.hero-card,.info-item,.request-card,.layout>*,.form-grid>*){min-width:0}
video{max-width:100%;height:auto}
textarea{max-width:100%;resize:vertical}
:where(button,.btn,a,input,select,textarea):focus-visible{outline:3px solid #f8d97d;outline-offset:3px}
.sales-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none}
.sales-steps li{padding:16px;border:1px solid #426073;border-radius:12px;line-height:1.6}
.sales-steps strong{display:block}
.sales-return{display:inline-block;margin:12px 0;padding:12px 18px;border:1px solid #8edcff;border-radius:12px}
@media(max-width:680px){
 :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
 :where(button,.btn,summary){min-height:44px;white-space:normal;line-height:1.4}
 :where(.button-row,.actions,.nav-actions,.hero-buttons){flex-wrap:wrap;gap:10px}
 :where(.brand,.brand-text){min-width:0}
 :where(dialog){box-sizing:border-box;max-width:calc(100vw - 24px);max-height:85dvh;overflow-y:auto}
 .sales-steps{grid-template-columns:1fr}
 #plan-month{order:-1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}