/* Point 20 — cross-browser/device resilience. */
.compatibility-banner{position:sticky;top:0;z-index:10050;display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 16px;background:#fff7d6;color:#594400;border-bottom:1px solid #dbc66d;font:700 12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}.compatibility-banner[hidden]{display:none}.compatibility-banner[data-tone="offline"]{background:#ffeceb;color:#7c2930;border-color:#e8afb2}.compatibility-banner a{font-weight:900;text-decoration:underline}
html,body{min-width:0;max-width:100%;overflow-x:hidden}img,svg,canvas{max-width:100%}.app-shell,.main,.sprout-main-column,.sprout-side-column,.recent-card,.card{min-width:0}h1,h2,h3,p,strong,small,span,dd,dt,.brief-row-name,.project-chip{overflow-wrap:anywhere}.recent-brief-row{content-visibility:auto;contain-intrinsic-size:68px}.recent-brief-row>*{min-width:0}
.sidebar{height:100vh;height:100dvh;padding-bottom:max(18px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px))}.main{padding-bottom:max(76px,calc(34px + env(safe-area-inset-bottom,0px)))}.support-feedback-widget{bottom:max(18px,calc(12px + env(safe-area-inset-bottom,0px)));right:max(18px,calc(12px + env(safe-area-inset-right,0px)))}
@media(max-width:1050px){.topbar h1{font-size:clamp(32px,5vw,48px)}.app-utility-search{max-width:min(520px,48vw)}}
@media(max-width:760px){input,textarea,select{font-size:16px!important}.compatibility-banner{align-items:flex-start;text-align:left;font-size:11px}.main,.dashboard-shell .main{padding-left:max(14px,env(safe-area-inset-left,0px))!important;padding-right:max(14px,env(safe-area-inset-right,0px))!important}.ux-modal-layer{padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px));padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}}
@media(pointer:coarse){button,.btn,.nav-item,.utility-icon,.profile-chip,[role="button"],.text-link{min-height:44px}.icon-btn{min-width:44px;min-height:44px}.row-delete{min-width:44px;min-height:44px}input[type="checkbox"],input[type="radio"]{min-width:20px;min-height:20px}}
@supports(-webkit-touch-callout:none){body{-webkit-tap-highlight-color:transparent}.sidebar,.ux-modal{-webkit-overflow-scrolling:touch}input,textarea,select{font-size:16px}}
@media print{.compatibility-banner{display:none!important}}

.compat-page{max-width:1080px;margin:0 auto;padding:40px 22px 70px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17213b}.compat-page header{display:grid;gap:8px;margin-bottom:24px}.compat-page h1{font-size:clamp(34px,6vw,64px);margin:0;letter-spacing:-.05em}.compat-page p{line-height:1.6;color:#5b6880}.compat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compat-card{border:1px solid #dce4ef;border-radius:16px;background:#fff;padding:18px;box-shadow:0 10px 28px rgba(25,45,80,.06)}.compat-card h2{font-size:18px;margin:0 0 12px}.compat-list{display:grid;gap:7px}.compat-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #edf1f6;padding-top:8px;font-size:13px}.compat-row:first-child{border-top:0;padding-top:0}.compat-row b.ok{color:#13794f}.compat-row b.warn{color:#a34c31}.compat-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.compat-actions button,.compat-actions a{appearance:none;border:1px solid #17213b;background:#3157ff;color:#fff;border-radius:10px;padding:10px 13px;font-weight:800;text-decoration:none;cursor:pointer}.compat-actions .secondary{background:#fff;color:#17213b}.compat-note{margin-top:18px;border:1px solid #e4d083;background:#fff8da;border-radius:12px;padding:13px;font-size:12px;line-height:1.55}.compat-matrix{margin-top:16px;display:grid;gap:7px}.compat-matrix li{line-height:1.5;color:#59667f}@media(max-width:720px){.compat-grid{grid-template-columns:1fr}.compat-page{padding-top:24px}}