.devices-screen{--device-accent:#9edbd5;height:100%;min-height:0;color:var(--muted);flex-direction:column;display:flex}.devices-header{flex:none;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.devices-header h1,.devices-header>p{font:12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}.devices-header h1 span{color:var(--device-accent);margin-left:16px}.devices-header .screen-back{font:12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;margin:0}.devices-browser{flex:1;grid-template-columns:minmax(190px,.29fr) minmax(0,.71fr);gap:32px;min-height:0;display:grid}.device-index{border-right:1px solid var(--line);scrollbar-color:var(--device-accent) #07131b;scrollbar-width:thin;min-height:0;padding-right:20px;overflow:auto}.device-index a{border-bottom:1px solid var(--line);color:var(--muted);align-items:baseline;gap:12px;padding:20px 0;font-size:18px;line-height:1.3;display:flex}.device-index a[aria-current]{color:var(--device-accent)}.device-index a:hover{text-underline-offset:4px;text-decoration:underline}.device-number{font:12px var(--mono);flex:none}.device-index small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.device-preview{min-width:0;min-height:0}.device-presentation{grid-template-rows:minmax(100px,1fr) auto;gap:24px;height:100%;min-height:0;display:grid}.device-art{justify-content:center;align-items:center;min-height:0;margin:0;display:flex}.device-art img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.device-copy{min-width:0}.device-copy h1,.device-copy h2{letter-spacing:-.025em;color:#f0f6fa;text-wrap:balance;font:700 clamp(26px,2.4vw,40px)/1.1 Chakra Petch,sans-serif}.device-summary{max-width:65ch;margin-top:14px;font-size:clamp(17px,1.4vw,21px);line-height:1.4}.device-requirements{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.device-requirements h3{color:var(--device-accent);margin-bottom:7px;font:600 17px Barlow,sans-serif}.device-requirements p{max-width:70ch;font-size:15px;line-height:1.4}.device-requirements p+p{margin-top:7px}.plugin-requirement{color:#edf5f7}.device-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.device-actions a{border:1px solid var(--device-accent);min-height:44px;color:var(--device-accent);border-radius:4px;align-items:center;gap:14px;padding:10px 15px;font:600 15px Barlow,sans-serif;display:inline-flex}.device-actions a:hover{background:#9edbd51a}.device-actions svg{width:20px;height:20px}.device-product{border-color:var(--line)!important;color:#edf5f7!important}.device-availability{margin-top:10px;font-size:14px;line-height:1.3}.device-description p{max-width:70ch;margin-top:12px;font-size:17px;line-height:1.4}.device-features{grid-template-columns:1fr 1fr;gap:8px 28px;margin-top:16px;padding-left:20px;font-size:16px;line-height:1.4;display:grid}.device-features li::marker{color:var(--device-accent)}.device-detail{flex:1;grid-template-rows:1fr;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;min-height:0}.device-detail .device-art{align-self:start;padding-top:8px}.device-detail .device-art img{width:100%;height:auto}@media (width>=1101px) and (height<=850px){.devices-header{margin-bottom:12px}.device-presentation{gap:12px}.device-copy h1,.device-copy h2{font-size:26px}.device-summary,.device-description p{margin-top:8px;font-size:15px;line-height:1.3}.device-requirements{margin-top:12px;padding-top:10px}.device-requirements p,.device-features{font-size:13px;line-height:1.3}.device-features{gap:5px 20px;margin-top:10px}.device-actions{margin-top:12px}.device-actions a{min-height:38px;padding:7px 12px;font-size:14px}.device-index a{padding:15px 0;font-size:16px}}@media (width<=1100px){.motion-enabled .screen-content:has(.devices-screen){overflow:auto}.devices-screen{height:auto}.devices-browser{grid-template-columns:175px minmax(0,1fr);gap:20px}.device-presentation{height:auto;display:block}.device-art{min-height:120px;margin-bottom:22px}.device-art img{max-height:230px}.device-index a{padding:14px 0;font-size:15px}.device-detail .device-art img{width:auto;max-width:100%}}@media (width<=760px){.devices-header{flex-wrap:wrap;align-items:start;gap:12px}.devices-header h1 span{margin-left:8px}.devices-browser{display:block}.device-index{border-right:0;border-bottom:1px solid var(--line);height:180px;margin-bottom:24px;padding-right:8px}.device-index a{padding:12px 0}.device-copy h1,.device-copy h2{font-size:28px}.device-features{grid-template-columns:1fr}.device-actions{gap:10px}}.device-subtitle{color:var(--device-accent);margin-top:8px;font-size:15px;line-height:1.35}.devices-screen:not(.apps-screen) .device-index a{border-left:3px solid #0000;padding-left:12px;padding-right:8px}.devices-screen:not(.apps-screen) .device-index a:hover,.devices-screen:not(.apps-screen) .device-index a:focus-visible{color:#f0fff9;outline-offset:-3px;background:#b7f4df24;text-decoration:none}.devices-screen:not(.apps-screen) .device-index a[aria-current]{color:#d4ffe7;background:#7bdea82b;border-left-color:#a5f4c9}.devices-screen:not(.apps-screen) .device-index a[aria-current]:hover{background:#92ebbb40}
