/* Only the reversible mobile presentation layer uses these classes. */
@media (max-width:760px) {
  .rwmux-jump { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:44px; max-width:100%; margin:12px 0; padding:10px 16px; border:1px solid #205b47; border-radius:8px; color:#fff!important; background:#205b47; font:inherit; font-size:16px; font-weight:700; line-height:1.4; text-align:center; text-decoration:none!important; }
  .rwmux-jump-target { scroll-margin-block-start:16px; }
  .rwmux-jump:focus-visible,.rwmux-details>summary:focus-visible,.rwmux-jump-target:focus-visible { outline:3px solid #397cdb; outline-offset:4px; }
  .rwmux-compact-hero { padding-block:24px!important; }
  .rwmux-compact-hero h1 { margin-block:0 10px!important; font-size:clamp(28px,7.8vw,34px)!important; line-height:1.16!important; overflow-wrap:break-word; }
  .rwmux-compact-hero .hub-kicker { margin-block:0 8px!important; }
  .rwmux-compact-hero .rwmux-intro-note { margin:0 0 12px!important; font-size:15px!important; line-height:1.5!important; }
  .rwmux-details { box-sizing:border-box; width:100%; margin-block:12px; padding:0; border:1px solid #cbded5; border-radius:9px; background:#fff; color:#193b32; text-align:start; }
  .rwmux-details>summary { box-sizing:border-box; cursor:pointer; min-height:46px; padding:11px 13px; font-size:15px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
  .rwmux-details-content { padding:0 13px 13px; min-width:0; }
  .rwmux-details-content>p { font-size:15px!important; line-height:1.65!important; margin-block:10px!important; }
  .rwmux-details-content .hub-actions { margin-block:12px!important; }
  .rwmux-details-content :is(a,button) { overflow-wrap:anywhere; }
  .rwmux-keyboard-tools { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:10px!important; }
  .rwmux-keyboard-section { margin-block:0!important; padding-block:16px!important; }
  .rwmux-keyboard-comparison { margin-block:16px!important; }
  .rwmux-keyboard-tools>.rwmux-details { margin:0; }
  .rwmux-display-options .rwmux-details-content { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  .rwmux-display-options label { display:grid!important; gap:6px; min-width:0; }
  .rwmux-display-options select { box-sizing:border-box; min-width:0; width:100%; min-height:46px; font-size:16px!important; }
  .rwmux-purchase { max-width:none!important; margin:0 0 12px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
  .rwmux-moq { margin:4px 0 10px!important; font-size:14px!important; font-weight:700; line-height:1.55!important; }
  .rwmux-shortcuts { box-sizing:border-box; width:100%!important; max-width:none!important; margin:12px 0!important; padding:0!important; }
  .rwmux-shortcuts>p { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; margin:0!important; }
  .rwmux-shortcuts a { display:flex!important; align-items:center; justify-content:center; box-sizing:border-box; width:100%; min-height:44px; margin:0!important; padding:10px 12px!important; font-size:15px!important; line-height:1.45!important; text-align:center; }
  .rwmux-french-filters { grid-column:1/-1; }
  .rwmux-french-filters .frp-filter-grid { margin:0; }
  .rwmux-apply { box-sizing:border-box; width:calc(100% - 26px)!important; min-height:48px; margin:0 13px 13px!important; padding:10px 12px; border:1px solid #205b47; border-radius:8px; color:#fff; background:#205b47; font:inherit; font-size:16px; line-height:1.4; cursor:pointer; }
  .rwmux-inquiry-optional>summary { box-sizing:border-box; min-height:44px; padding-block:10px; line-height:1.5; }
}
@media (prefers-reduced-motion:reduce) {
  .rwmux-jump-target { scroll-behavior:auto!important; }
}