.device-card[data-astro-cid-brv4mnd3]{--device-accent: var(--primary);--device-media-columns: minmax(9rem, .78fr) minmax(0, 1.22fr);--device-media-surface: color-mix( in oklab, var(--btn-regular-bg) 74%, var(--card-bg) );display:grid;grid-template-columns:var(--device-media-columns);min-height:15.5rem;overflow:hidden;border:1px solid var(--line-divider);border-radius:.875rem;background:var(--card-bg);color:inherit;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.device-card[data-astro-cid-brv4mnd3]:hover,.device-card[data-astro-cid-brv4mnd3]:focus-visible{border-color:color-mix(in oklab,var(--device-accent) 46%,var(--line-divider));box-shadow:0 .75rem 2rem color-mix(in srgb,var(--device-accent) 10%,transparent);transform:translateY(-.2rem);outline:none}.device-card[data-astro-cid-brv4mnd3]:focus-visible{box-shadow:0 0 0 .2rem color-mix(in oklab,var(--device-accent) 35%,transparent)}.device-card--computer[data-astro-cid-brv4mnd3]{--device-accent: color-mix(in oklab, var(--primary) 68%, #4169e1);--device-media-columns: minmax(10rem, .9fr) minmax(0, 1.1fr)}.device-card--phone[data-astro-cid-brv4mnd3]{--device-accent: color-mix(in oklab, var(--primary) 66%, #16a36a);--device-media-columns: minmax(8.5rem, .68fr) minmax(0, 1.32fr)}.device-card--tablet[data-astro-cid-brv4mnd3]{--device-accent: color-mix(in oklab, var(--primary) 66%, #7c5bd6);--device-media-columns: minmax(9.5rem, .84fr) minmax(0, 1.16fr)}.device-card--audio[data-astro-cid-brv4mnd3]{--device-accent: color-mix(in oklab, var(--primary) 64%, #c67825);--device-media-columns: minmax(9rem, .76fr) minmax(0, 1.24fr)}.device-card-media[data-astro-cid-brv4mnd3]{display:grid;place-items:center;min-width:0;padding:1.25rem;background:color-mix(in oklab,var(--device-accent) 7%,var(--device-media-surface));box-shadow:inset -1px 0 color-mix(in oklab,var(--line-divider) 70%,transparent)}.device-card-media[data-astro-cid-brv4mnd3] img[data-astro-cid-brv4mnd3]{width:100%;height:100%;max-height:12.5rem;object-fit:contain;filter:drop-shadow(0 .45rem .7rem rgb(0 0 0 / .1));transition:transform .22s ease}.device-card--phone[data-astro-cid-brv4mnd3] .device-card-media[data-astro-cid-brv4mnd3] img[data-astro-cid-brv4mnd3]{max-width:72%}.device-card--tablet[data-astro-cid-brv4mnd3] .device-card-media[data-astro-cid-brv4mnd3] img[data-astro-cid-brv4mnd3]{max-width:88%}.device-card--audio[data-astro-cid-brv4mnd3] .device-card-media[data-astro-cid-brv4mnd3] img[data-astro-cid-brv4mnd3]{max-width:84%}.device-card[data-astro-cid-brv4mnd3]:hover .device-card-media[data-astro-cid-brv4mnd3] img[data-astro-cid-brv4mnd3]{transform:scale(1.035)}.device-card-body[data-astro-cid-brv4mnd3]{display:flex;min-width:0;flex-direction:column;padding:1.25rem 1.35rem}.device-card-heading[data-astro-cid-brv4mnd3]{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.device-card-context[data-astro-cid-brv4mnd3]{display:flex;align-items:center;flex-wrap:wrap;gap:.28rem;margin:0 0 .32rem;color:color-mix(in oklab,var(--device-accent) 72%,var(--btn-content));font-size:.78rem;font-weight:600;letter-spacing:.02em}.device-card-context[data-astro-cid-brv4mnd3] svg{width:1rem;height:1rem}.device-card-context-separator[data-astro-cid-brv4mnd3]{color:var(--content-meta);font-weight:400}.device-card[data-astro-cid-brv4mnd3] h2[data-astro-cid-brv4mnd3]{margin:0;color:color-mix(in oklab,var(--deep-text) 92%,var(--primary));font-size:1.05rem;font-weight:700;line-height:1.35}.dark .device-card[data-astro-cid-brv4mnd3] h2[data-astro-cid-brv4mnd3]{color:color-mix(in oklab,white 90%,var(--primary))}.device-card-arrow{flex:none;margin-top:.08rem;color:color-mix(in oklab,var(--device-accent) 72%,var(--btn-content));font-size:1.15rem;opacity:.75;transition:transform .16s ease}.device-card[data-astro-cid-brv4mnd3]:hover .device-card-arrow{transform:translate(.15rem,-.15rem)}.device-specs[data-astro-cid-brv4mnd3]{margin:0;border-top:1px solid var(--line-divider)}.device-spec-row[data-astro-cid-brv4mnd3]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:.65rem;padding:.48rem 0;border-bottom:1px solid var(--line-divider);font-size:.78rem;line-height:1.25rem}.device-spec-row[data-astro-cid-brv4mnd3] dt[data-astro-cid-brv4mnd3]{display:flex;min-width:0;align-items:center;gap:.42rem;color:var(--content-meta)}.device-spec-row[data-astro-cid-brv4mnd3] dt[data-astro-cid-brv4mnd3] svg{flex:none;width:1rem;height:1rem;color:color-mix(in oklab,var(--device-accent) 72%,var(--btn-content))}.device-spec-row[data-astro-cid-brv4mnd3] dd[data-astro-cid-brv4mnd3]{margin:0;min-width:0;color:color-mix(in oklab,var(--content-meta) 88%,var(--primary));font-weight:600;text-align:right;word-break:break-word}.device-card-description[data-astro-cid-brv4mnd3]{margin:auto 0 0;padding-top:.85rem;color:color-mix(in oklab,var(--content-meta) 78%,transparent);font-size:.8rem;line-height:1.45}@media(max-width:520px){.device-card[data-astro-cid-brv4mnd3]{grid-template-columns:1fr}.device-card-media[data-astro-cid-brv4mnd3]{min-height:11.5rem;box-shadow:inset 0 -1px color-mix(in oklab,var(--line-divider) 70%,transparent)}.device-card-media[data-astro-cid-brv4mnd3] img[data-astro-cid-brv4mnd3]{max-height:9.75rem}.device-card--phone[data-astro-cid-brv4mnd3] .device-card-media[data-astro-cid-brv4mnd3] img[data-astro-cid-brv4mnd3]{max-width:58%}}