/* Shared, lightweight device choices. Loaded after both brand palettes. */
.platforms.device-picker { padding:24px; }
.platforms.device-picker .platforms-title { color:inherit; font-size:clamp(24px,3vw,36px); font-weight:750; line-height:1.2; margin:0 0 10px; }
.device-picker .device-picker-intro { color:inherit; opacity:.88; font-size:18px; line-height:1.5; margin:0 0 20px; }
.platforms.device-picker .platforms-grid { display:flex; flex-wrap:wrap; justify-content:center; max-width:none; gap:0; margin:-7px; }
.platforms.device-picker .platforms-grid>a { box-sizing:border-box; flex:0 0 calc(33.333% - 14px); width:calc(33.333% - 14px); min-width:0; display:flex; flex-direction:column; align-items:center; text-align:center; padding:20px 14px; margin:7px; border:1px solid #345a76; border-radius:18px; background:linear-gradient(145deg,#102b41,#091927); color:#f2f9ff; text-decoration:none; }
.platforms.device-picker .platforms-grid img { width:160px; height:112px; max-width:100%; object-fit:contain; margin:0 0 14px; }
.device-picker strong { font-size:22px; line-height:1.25; overflow-wrap:break-word; }
.device-picker small { display:block; font-size:17px; line-height:1.4; color:#cadce8; margin:8px 0 18px; }
.device-picker-action { display:block; margin-top:auto; border-radius:10px; background:#163b53; padding:8px 14px; font-size:17px; font-weight:650; }
.platforms.device-picker a:focus { outline:4px solid #ffdb78; outline-offset:2px; box-shadow:0 0 0 8px #07101f; }
.brand-private .platforms.device-picker .platforms-grid>a { background:linear-gradient(145deg,#331522,#1c0d14); border-color:#754055; }
.brand-private .device-picker small { color:#e3cdd5; }
.brand-private .device-picker-action { background:#542238; color:#fff7fa; }
.named-devices { display:flex; flex-wrap:wrap; align-items:flex-start; }
.named-devices>span { max-width:100%; white-space:normal; line-height:1.4; }
.named-devices img { flex-shrink:0; object-fit:contain; }
@media (max-width:700px) {
  .platforms.device-picker { padding:18px 12px; }
  .platforms.device-picker .platforms-grid>a { flex-basis:calc(50% - 14px); width:calc(50% - 14px); padding:16px 10px; }
  .device-picker strong { font-size:19px; }
  .device-picker small,.device-picker-action { font-size:16px; }
}
@media (max-width:460px) {
  .platforms.device-picker .platforms-grid>a { flex-basis:calc(100% - 14px); width:calc(100% - 14px); display:grid; grid-template-columns:84px minmax(0,1fr); grid-template-rows:auto auto auto; column-gap:12px; text-align:left; align-items:center; }
  .platforms.device-picker .platforms-grid img { width:84px; height:100px; grid-row:1/4; margin:0; }
  .device-picker strong,.device-picker small,.device-picker-action { grid-column:2; }
  .device-picker small { margin:6px 0 12px; }
  .device-picker-action { text-align:center; padding:8px; }
}
.on-tv .device-picker strong,.remote-mode .device-picker strong { font-size:26px; }
.on-tv .device-picker small,.remote-mode .device-picker small,.on-tv .device-picker-action,.remote-mode .device-picker-action { font-size:22px; }