/* Shared desktop layout refinements, using the browser's normal page scroll. */
/* Explicit leading prevents Japanese fallback-font metrics enlarging the row. */
html[data-web-ui] .connection-badge{line-height:18px}
html[data-web-ui] :is(.firmware-diagnostics .text-button,.keyboard-note h3){line-height:1.5}
html[data-web-ui] .firmware-card .firmware-update-button{width:var(--firmware-action-width,171px);min-width:0;max-width:100%;justify-content:center}
@media(min-width:701px){html[data-web-ui] .firmware-card .firmware-component{grid-template-columns:minmax(130px,.8fr) minmax(0,2fr) var(--firmware-action-width,171px)}}
@media(max-width:380px){html[data-web-ui] .firmware-card .firmware-update-button{width:100%}}
html[data-web-ui]{overflow-anchor:none}
@media(min-width:701px){
 html[data-web-ui] .sensitivity-card .axis-heading{min-height:76px}
}
html[data-web-ui] .carbon-toolbar>.section-heading>.macro-heading-actions{
 align-self:flex-end;position:relative;
 top:calc(var(--toolbar-panel-gap) - var(--toolbar-action-gap));
}
html[data-web-ui] .macro-heading-actions .button{padding-block:8px}
html[data-web-saving-settings] .profile-picker [data-action=profiles]:disabled{opacity:1}
/* Keep complete translated SPDT headings readable on small phone screens.
   The buttons still share the timing-field column on their own heading row. */
@container performance (max-width:360px){
 html[data-web-ui] .debounce-card>.card-heading{row-gap:8px}
 html[data-web-ui] .debounce-card>.card-heading>h2{grid-column:1/-1}
 html[data-web-ui] .spdt-button-controls{grid-column:2}
}
@media(min-width:701px) and (max-width:920px){
 html[data-web-ui] .carbon-brand{justify-content:flex-start}
 html[data-web-ui] .carbon-brand>img{width:auto;height:28px}
}