/* Utility links have a complete touch row; the drawing stays at the edge. */
.footer-links{gap:12px}.footer-links :is(a,button){min-height:44px;display:inline-flex;align-items:center;padding:6px 0}.footer-link-dot{pointer-events:none!important}.brand-downloads,.brand-website{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:14px 18px 0 0;padding:10px 0;font-size:14px;font-weight:700}.brand-downloads:hover,.brand-website:hover{text-decoration:underline;text-underline-offset:4px}.link-arrow svg{width:22px;height:22px}.dialog-info h2{font-size:28px;line-height:1.3;margin-bottom:18px;overflow-wrap:anywhere}.dialog-info p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.platform-disabled .platform-name{color:#69604e}.catalog-warning{position:fixed;left:16px;right:16px;top:76px;z-index:20;border:1px solid #c42329;padding:12px;background:#f6f1e8;font-size:14px}
.cube-label:not(.has-alternate-name) .platform-name{display:block;max-width:min(210px,calc(48vw - 20px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:850px),(max-height:550px){body{--footer-band-height:calc(80px + env(safe-area-inset-bottom))}.site-footer{grid-template-rows:44px 22px;padding:3px 14px calc(8px + env(safe-area-inset-bottom));gap:0}.footer-links{grid-row:1;justify-self:start;font-size:12px;gap:10px;min-width:0}.footer-links :is(a,button){min-height:44px;padding:0}.footer-copy{grid-row:2}.footer-build{width:128px;height:62px;transform:scale(.857142857);transform-origin:bottom right;bottom:env(safe-area-inset-bottom)}.footer-repair-hint{bottom:calc(86px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.footer-links{font-size:11px;gap:9px}}
/* Platform presentations add actions beneath the shared about content. */
#brand-dialog .brand-description{white-space:pre-line;margin:0}
.brand-actions{display:flex;flex-direction:column;gap:10px;margin-top:26px}
#brand-dialog .brand-action{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:50px;margin:0;padding:13px 18px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:700;line-height:1.45;text-align:left;text-decoration:none;transition:background .16s ease,border-color .16s ease;scroll-margin-top:80px}
.brand-action>span:first-child{min-width:0;overflow-wrap:anywhere}
.brand-action-icon{flex-shrink:0;width:20px;height:20px}.brand-action-icon svg{width:100%;height:100%}
#brand-dialog .brand-website{background:var(--ink);border-color:var(--ink);color:var(--paper)}
#brand-dialog .brand-website:hover{background:#403b32;border-color:#403b32}
#brand-dialog .brand-website:disabled{background:#d8cebe;border-color:var(--line);color:#69604e;cursor:default}
#brand-dialog .brand-downloads:hover{background:#fff6;border-color:#8c7b60}
#brand-dialog .brand-action-hint{font-size:12px;line-height:1.6;margin:0 0 8px;color:var(--muted)}
#brand-dialog .brand-action-hint:last-child{margin-bottom:0}
#brand-dialog .brand-availability{padding:18px;background:#ddd2c173;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:14px;line-height:1.6}
@media(prefers-reduced-motion:reduce){#brand-dialog .brand-action,#brand-dialog .dialog-close{transition:none}}
/* The complete platform stays in one viewport, including enlarged catalogs. */
.catalog-expanded .cube-label:not(.has-alternate-name) .platform-name{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.catalog-expanded .has-alternate-name .platform-name{min-width:0;width:100%;max-width:100%}
.catalog-expanded .is-dual-name>span{white-space:normal;overflow-wrap:anywhere}
html:has(body.catalog-expanded){height:100%;overflow:hidden}
body.catalog-expanded{height:100dvh;min-height:0;display:grid;grid-template-rows:76px minmax(0,1fr) 80px;overflow:hidden}
.catalog-expanded main{width:100%;height:100%;min-height:0}
.catalog-expanded .hero{height:100%;min-height:0;max-height:none;overflow:hidden;padding:0}
.catalog-expanded .site-footer,.catalog-expanded .site-header{height:100%;min-height:0}
.catalog-expanded .cube-label{font-size:var(--scene-label-font,12px);line-height:1.15;padding:var(--scene-label-padding,2px);white-space:normal;text-align:center}
.catalog-expanded .cube-label .repair-status{width:max-content;max-width:100%;white-space:normal;overflow-wrap:anywhere;top:calc(100% + var(--scene-badge-gap,2px))!important;font-size:var(--scene-badge-font,9px);line-height:1.35;padding:var(--scene-badge-pad-y,2px) var(--scene-badge-pad-x,4px)}
@media(max-width:850px),(max-height:550px){body.catalog-expanded{grid-template-rows:calc(46px + env(safe-area-inset-top)) minmax(0,1fr) calc(80px + env(safe-area-inset-bottom))}}
.catalog-expanded.scene-ready .hero{overflow:visible}