@layer components{.app-head{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px;display:grid}.app-head .app-logo{border-radius:18px;width:72px;height:72px;font-size:1.75rem}@media (width>=600px){.app-head{grid-template-columns:104px minmax(0,1fr);padding:24px}.app-head .app-logo{border-radius:24px;width:104px;height:104px;font-size:2.5rem}}.app-head h1{margin-bottom:4px}.app-head-by{color:var(--muted);margin-bottom:8px;font-size:.9375rem}.app-head-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.app-head .lead{color:var(--ink);margin-bottom:14px}.app-cta{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px 16px;display:flex}.app-cta .btn{width:100%}@media (width>=480px){.app-cta .btn{width:auto}}@media (width>=600px){.app-cta{grid-column:2}}.source-line{color:var(--muted);align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.source-line .icon{color:var(--primary)}.source-line-muted .icon{color:var(--muted)}.rate{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;padding:14px 18px;display:flex}.rate-stars{color:var(--star);gap:2px;display:inline-flex}.rate-stars button{border-radius:4px;padding:2px;display:block}.rate-stars .icon{fill:currentColor;stroke:none;width:26px;height:26px}.rate-stars .icon.is-off{fill:none;stroke:currentColor;stroke-width:1.5px}.rate-value{font-size:1.25rem;font-weight:700}.rate-msg{color:var(--muted);font-size:.875rem}.specs{grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:.9375rem;display:grid}.specs dt{color:var(--muted)}.specs dd{text-align:end;overflow-wrap:anywhere;margin:0;font-weight:500}.specs .is-ok{color:var(--primary)}.side-card{padding:14px}.side-card>h2{margin-bottom:8px;font-size:.9375rem;line-height:1.5}.gallery{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:10px;padding:4px 0 10px;display:flex;overflow-x:auto}.gallery button{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--radius-md);scroll-snap-align:start;flex:none;width:min(78vw,420px);overflow:hidden}.shot{background:linear-gradient(160deg, var(--shot-1,#60a5fa), var(--shot-2,#1e3a8a));color:#fff;text-shadow:0 1px 2px #0006;place-items:center;width:100%;height:100%;font-weight:600;display:grid}.shot img{object-fit:cover;width:100%;height:100%}.lightbox{border-radius:var(--radius-md);color:#fff;background:#000;border:0;width:fit-content;max-width:min(92vw,1280px);max-height:92dvh;margin:auto;padding:0;overflow:hidden}.lightbox::backdrop{background:#000000db}.lightbox .shot{border-radius:0;width:auto;min-width:min(320px,92vw);height:auto;min-height:200px;font-size:1.5rem;display:block}.lightbox .shot:not(:has(img)){aspect-ratio:16/10;width:min(640px,92vw);display:grid}.lightbox .shot img{object-fit:contain;width:auto;max-width:min(92vw,1280px);height:auto;max-height:92dvh;display:block}.lightbox-btn{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute}.lightbox-btn:hover,.lightbox-btn:focus-visible{background:#000c}.lightbox-close{top:8px;right:8px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%)}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-count{color:#fff;background:#0000008c;border-radius:999px;margin:0;padding:2px 10px;font-size:.8125rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.prose{max-width:var(--container-prose);font-size:var(--text-prose);line-height:var(--text-prose--line-height)}.prose h2{border-bottom:1px solid var(--line);margin-top:28px;margin-bottom:8px;padding-bottom:6px}.prose p{margin:0 0 1rem}.prose a{text-decoration:underline}.prose ul{margin:0 0 1rem;padding-inline-start:1.25rem;list-style:outside}.prose li{margin:.3rem 0}.prose li::marker{color:var(--primary)}.pros-cons{gap:12px;margin-bottom:1rem;display:grid}@media (width>=600px){.pros-cons{grid-template-columns:1fr 1fr}}.pros-cons .card{padding:14px 16px}.pros-cons h3{align-items:center;gap:8px;margin-bottom:6px;display:flex}.pros-cons .is-plus h3{color:var(--primary)}.pros-cons .is-minus h3{color:var(--risk)}.pros-cons ul{margin:0;padding-inline-start:1.1rem;font-size:.9375rem}.versions{border-collapse:collapse;width:100%;font-size:.9375rem}.versions th,.versions td{border-bottom:1px solid var(--line);text-align:start;vertical-align:top;padding:8px 10px}.versions th{color:var(--muted);font-size:.8125rem;font-weight:500}.sources{border-top:1px solid var(--line);color:var(--muted);margin-top:20px;padding-top:10px;font-size:.8125rem}}