/* Public pages only: reserve media geometry and keep navigation usable at 320px. */
.seo-breadcrumbs{padding:20px 5% 0;font-size:14px;color:#b7cbdc;overflow-wrap:anywhere}
.seo-breadcrumbs a{color:#79e5ec;text-decoration:underline;text-underline-offset:4px}
.seo-context{max-width:1100px;margin-inline:auto}.seo-context p{max-width:82ch;line-height:1.85}
.seo-beta{border-inline-start:3px solid #ffcc7a;padding:14px 20px;background:#19232f;color:#ffe0ab}
.seo-workflow ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;list-style-position:inside;padding:0}
.seo-workflow li{padding:16px;background:#102336;border:1px solid #31516b;border-radius:8px;min-width:0}
.seo-related nav{display:flex;flex-wrap:wrap;gap:12px}.seo-related a{padding:13px 18px;border:1px solid #31516b;border-radius:7px;color:#bceaf3;min-height:44px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #72e3f5;outline-offset:4px}
video{aspect-ratio:16/9;width:100%;height:auto}img{max-width:100%;height:auto}
.language-picker summary,.language-picker a,.text-button.replay{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:600px){.seo-workflow ol{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-workflow li{font-size:14px;padding:12px}.seo-related nav{display:grid;grid-template-columns:1fr;width:100%}.seo-related a{display:block}.product-hero h1{font-size:clamp(32px,8vw,45px);line-height:1.12;overflow-wrap:normal}}

.badge[data-status="BETA"]{color:#ffe0ab;background:#3b2b13;border-color:#e6ad46;font-weight:700;text-transform:none;white-space:nowrap}
.brand small{font-size:clamp(8px,1.6vw,11px);letter-spacing:1.1px;line-height:1.5;white-space:normal;max-width:260px}.cinema .intro-brand span{letter-spacing:clamp(.6px,.45vw,3px);font-size:clamp(8px,2.1vw,12px);white-space:nowrap}.brand>span{min-width:0}