/* Materials phone page (Figma M2 materials 173:2): hero over a photo, try-it chips with a likely
   pick, and a photo grid of every condition. Desktop (C5b) is unchanged. */
.mm{display:none}
@media (max-width:700px){
  /* the older phone layout (600px accordion) gives way to M2 */
  .pmat,.pmat-mobile-cta{display:none!important}
  .mm{display:block;background:#fff;color:#1f2933}
  .mm-hero{position:relative;overflow:hidden;min-height:490px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px 28px;background:#0f2030;color:#fff}
  .mm-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .mm-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,32,48,.35) 0%,rgba(15,32,48,0) 25%,rgba(15,32,48,.55) 55%,#0f2030 92%)}
  .mm-copy{position:relative;z-index:2}
  .mm-eyebrow{margin:0;font:500 11px/normal var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--v3-rust-lite)}
  .mm-copy .mh{display:block;margin:12px 0 0;font-size:32px;line-height:1.1;letter-spacing:-.7px;font-weight:700;color:#fff}
  .mm-copy .mh span{color:var(--v3-rust-lite)}
  .mm-sub{margin:14px 0 0;font-size:16px;line-height:1.45;color:#dfe7ee}
  .mm-try{padding:26px 20px 28px;background:#fff}
  .mm-k{margin:0;font:500 11px/normal var(--mono);letter-spacing:1.8px;text-transform:uppercase;color:var(--v3-rust)}
  .mm-try h2{margin:12px 0 0;font-size:24px;line-height:1.15;font-weight:700;color:#1f2933}
  .mm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
  .mm-chip{padding:9px 15px;border:1px solid #d3dce5;border-radius:999px;background:#fff;font:500 14px var(--f);color:#1f2933;cursor:pointer}
  .mm-chip[aria-pressed=true]{border-color:#0f2030;background:#0f2030;color:#fff}
  .mm-chip[aria-pressed=true]::before{content:"\2713\00a0"}
  .mm-pick{margin-top:20px;padding:20px;border-radius:16px;background:#0f2030;color:#fff}
  .mm-pick[hidden]{display:none}
  .mm-pick-k{display:flex;justify-content:space-between;margin:0;font:500 10px/normal var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--v3-rust-lite)}
  .mm-pick-k b{font-weight:500;color:var(--v3-blue-lite)}
  .mm-pick-name{margin:10px 0 0;font:500 32px/1.1 var(--mono);letter-spacing:1px;color:#fff}
  .mm-pick-sub{margin:10px 0 0;font-size:15px;line-height:1.45;color:#c4d0dc}
  .mm-pick-ex{display:block;margin-top:14px;padding:12px 14px;border-radius:10px;background:#16293b;font-size:14px;font-weight:600;color:var(--v3-rust-lite);text-decoration:none}
  .mm-pick-ex[hidden]{display:none}
  .mm-pick-note{margin:14px 0 0;font-size:12px;color:var(--v3-mute-dark)}
  .mm-all{padding:26px 20px 28px;background:#0f2030}
  .mm-all .mm-k{color:var(--v3-rust-lite)}
  .mm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
  .mm-tile{position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:14px;background:#0b1822;color:#fff}
  .mm-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .mm-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,32,48,0) 45%,rgba(15,32,48,.92) 90%)}
  .mm-tile-t,.mm-tile-m{position:absolute;left:12px;right:12px;z-index:2}
  .mm-tile-t{bottom:30px;font-size:15px;font-weight:700;line-height:1.2}
  .mm-tile-m{bottom:12px;font:500 9.5px/normal var(--mono);letter-spacing:.6px;color:var(--v3-rust-lite)}
  .mm-more{margin:18px 0 0;font:500 12px/1.5 var(--mono);color:var(--v3-rust-lite)}
}