.cmp-doc{padding-block:clamp(32px,5vw,80px) clamp(48px,6vw,112px)}.cmp-hero .eyebrow a{color:inherit;text-decoration:none}.cmp-title{font:700 clamp(32px, 4.4vw, 58px) / 1.04 var(--font-display), Georgia, serif;letter-spacing:-.03em;margin:6px 0 0}.cmp-lead{max-width:760px;color:var(--text-secondary);margin:16px 0 0;font-size:17px;line-height:1.6}.cmp-doc section{margin-top:clamp(36px,4.4vw,96px)}.cmp-doc [data-reveal]{transition:opacity .6s var(--ease), transform .6s var(--ease)}.cmp-doc [data-reveal][data-pre]:not([data-in]){opacity:0;transform:translateY(18px)}.cmp-doc [data-reveal][data-in]{opacity:1;transform:none}.cmp-art{--ar:16 / 10;aspect-ratio:var(--ar);display:block;position:relative;overflow:hidden}.cmp-art[data-empty]{place-items:center;display:grid}.cmp-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cmp-vs{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,28px);margin-top:clamp(24px,2.6vw,56px);display:grid;position:relative}.cmp-vs:after{content:"VS";aspect-ratio:1;border:1px solid var(--border-strong);background:var(--bg-0);width:clamp(44px,3.4vw,72px);color:var(--text-secondary);font:600 clamp(12px, 1vw, 18px) / 1 var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;pointer-events:none;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.cmp-vs-card{color:inherit;transition:border-color .2s var(--ease), transform .3s var(--ease);border-radius:clamp(18px,1.6vw,32px);text-decoration:none;display:grid;overflow:hidden}.cmp-vs-card .cmp-art{aspect-ratio:16/10}@media (hover){.cmp-vs-card:hover{transform:translateY(-3px)}.cmp-cta:hover{text-underline-offset:4px;text-decoration:underline}.cmp-cta:hover:after,.cmp-links a:hover:after{translate:3px}.cmp-links a:hover{border-color:var(--border-strong);background:#ffffff0b}}.cmp-vs-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.cmp-vs-cap{gap:2px;padding:clamp(14px,1.2vw,24px);display:grid}.cmp-vs-cap b{font:600 clamp(17px, 1.4vw, 28px) / 1.25 var(--font-body), system-ui, sans-serif}.cmp-vs-cap small{color:var(--text-muted);font-size:clamp(13px,.95vw,17px)}.cmp-pick-art{margin:calc(-1*clamp(18px,1.6vw,32px)) calc(-1*clamp(18px,1.6vw,32px)) 14px;display:block;overflow:hidden}.cmp-pick-art .cmp-art{aspect-ratio:16/9}@media (max-width:560px){.cmp-vs-cap{padding:12px}.cmp-vs:after{top:25%}}.cmp-doc h2{font:600 clamp(22px, 1.8vw, 36px)/1.25 var(--font-body), system-ui, sans-serif;margin:0 0 clamp(14px,1.4vw,28px)}.cmp-scroll{border:1px solid var(--border);border-radius:18px;overflow-x:auto}.cmp-table{border-collapse:collapse;width:100%;min-width:640px;font-size:clamp(14px,1.05vw,19px)}.cmp-table th,.cmp-table td{border-bottom:1px solid var(--border);text-align:start;vertical-align:top;padding:12px 14px}.cmp-table thead th{color:var(--text-muted);white-space:nowrap;background:#ffffff08;font-size:12.5px;font-weight:500}.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:0}.cmp-table tbody th a{color:var(--text-primary);font-weight:600}@media (max-width:700px){.cmp-table :is(thead,tbody)>tr>:first-child{z-index:1;background:var(--bg-0);box-shadow:inset -1px 0 0 var(--border);position:sticky;inset-inline-start:0}.cmp-table thead>tr>:first-child{background:linear-gradient(#ffffff08, #ffffff08), var(--bg-0)}}.cmp-table td{color:var(--text-secondary)}.cmp-picks,.cmp-best{grid-template-columns:repeat(auto-fit,minmax(clamp(260px,22vw,420px),1fr));gap:clamp(12px,1.2vw,24px);display:grid}.cmp-pick{background:linear-gradient(#ffffff0b,#ffffff03);border:1px solid #ffffff17;border-radius:clamp(20px,1.6vw,28px);padding:clamp(18px,1.6vw,32px);overflow:hidden}.cmp-pick h2{font-size:18px}.cmp-pick p,.cmp-pick li{color:var(--text-secondary);font-size:clamp(14.5px,1.05vw,19px);line-height:1.55}.cmp-pick ul{margin:8px 0 0;padding-inline-start:18px}.cmp-pick li a{color:var(--text-primary)}.cmp-cta{min-height:44px;color:var(--accent);align-items:center;margin-top:12px;font-weight:600;text-decoration:none;display:inline-flex}.cmp-cta:after,.cmp-links a:after{content:"→";transition:translate .2s var(--ease-spring);margin-inline-start:8px}[dir=rtl] :is(.cmp-cta,.cmp-links a):after{scale:-1 1}.cmp-links{grid-template-columns:repeat(auto-fill,minmax(clamp(260px,22vw,420px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.cmp-links a{border:1px solid var(--border);min-height:clamp(48px,3.4vw,72px);color:var(--text-primary);background:#ffffff06;border-radius:14px;align-items:center;padding:10px 16px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.cmp-links a:after{color:var(--text-muted);margin-inline-start:auto;padding-inline-start:12px}.cmp-src{color:var(--text-muted);white-space:nowrap;font-size:12px}.cmp-note{color:var(--text-muted);margin:10px 0 0;font-size:12.5px}@media (prefers-reduced-motion:reduce){.cmp-doc [data-reveal],.cmp-vs-card{transition:none}}