.cmp-head{isolation:isolate;color:#fff;background:var(--color-ink-800);padding-block:clamp(2.5rem,2.2rem + 1.35vw,3.5rem);position:relative}.cmp-head:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.crumbs ol{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:#ffffffb3;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.crumbs li:not(:first-child):before{content:"› " / "";color:#ffffff8c;margin-inline-end:var(--space-xs)}.crumbs a{color:#ffffffc7;transition:color var(--dur-fast)}.crumbs a:hover{color:var(--color-brand-300)}.crumbs .current{color:#fff;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;max-width:36ch;overflow:hidden}.eyebrow{margin:var(--space-lg) 0 var(--space-sm);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;color:var(--color-brand-300)}.cmp-h1{font-family:var(--font-serif);font-size:clamp(1.65rem,5vw,2.85rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);color:#fff;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;align-items:baseline;margin:0;display:flex}.vs-pivot{font-family:var(--font-sans);font-size:.7em;font-weight:var(--weight-medium);color:var(--color-brand-300);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase}.cmp-summary{margin:var(--space-lg) 0 0;max-width:50rem;font-size:clamp(1.0625rem,1rem + .3vw,1.15rem);line-height:var(--leading-body);color:#ffffffd1}.cmp-jump{align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);min-height:44px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-brand-300);transition:color var(--dur-fast);display:inline-flex}.cmp-jump:after{content:"↓";font-size:1em;line-height:var(--leading-none);transition:transform var(--dur-fast) var(--ease-standard)}.cmp-jump:hover{color:#fff}.cmp-jump:hover:after{transform:translateY(3px)}.onpage{align-items:baseline;column-gap:var(--space-lg);padding-top:var(--space-sm);border-top:var(--border-w) solid var(--border);flex-wrap:wrap;row-gap:0;display:flex}.onpage-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;color:var(--fg-subtle)}.onpage ol{column-gap:var(--space-lg);flex-wrap:wrap;row-gap:0;margin:0;padding:0;list-style:none;display:flex}.onpage a{padding-block:var(--space-2xs);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-muted);transition:color var(--dur-fast) var(--ease-standard);display:inline-block}.onpage a:hover{color:var(--accent)}.onpage a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media (pointer:coarse){.onpage a{padding-block:var(--space-md)}}.cmp-fab{right:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);z-index:40;align-items:center;gap:var(--space-sm);height:44px;padding:0 var(--space-lg) 0 var(--space-md);border-radius:var(--radius-pill);border:var(--border-w) solid color-mix(in oklch, var(--accent) 35%, transparent);background:var(--accent);color:var(--accent-fg);font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--dur-moderate) var(--ease-emphasized);display:none;position:fixed;transform:translateY(120%)}.cmp-fab:not([hidden]){display:inline-flex;transform:translateY(0)}@media (width>=768px){.cmp-fab,.cmp-fab:not([hidden]){display:none}}@media (width<=767px){.site-footer{--footer-clearance:4rem}}.cmp-sheet{background:var(--bg-elevated);width:100%;max-width:100vw;color:var(--fg);border:none;border-top:var(--border-w) solid var(--border);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:var(--shadow-sheet);opacity:0;max-height:80vh;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), overlay var(--dur-base) var(--ease-out) allow-discrete, display var(--dur-base) var(--ease-out) allow-discrete;margin:auto 0 0;padding:0;overflow:hidden;transform:translateY(18px)}.cmp-sheet[open]{opacity:1;transition-duration:var(--dur-micro);flex-direction:column;display:flex;transform:translateY(0)}@starting-style{.cmp-sheet[open]{opacity:0;transform:translateY(18px)}}.cmp-sheet::backdrop{backdrop-filter:saturate(108%)blur(3px);opacity:0;transition:opacity var(--dur-base) var(--ease-out), overlay var(--dur-base) var(--ease-out) allow-discrete, display var(--dur-base) var(--ease-out) allow-discrete;background:#0000008c}.cmp-sheet[open]::backdrop{opacity:1;transition-duration:var(--dur-micro)}@starting-style{.cmp-sheet[open]::backdrop{opacity:0}}@media (prefers-reduced-transparency:reduce),(prefers-reduced-data:reduce){.cmp-sheet::backdrop{backdrop-filter:none;background:#000000d9}}.cmp-sheet-head{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-w) solid var(--border);justify-content:space-between;align-items:center;display:flex}.cmp-sheet-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--fg-strong);margin:0}.cmp-sheet-close{border-radius:var(--radius-pill);border:var(--border-w) solid var(--border);background:var(--bg-subtle);width:44px;height:44px;color:var(--fg-muted);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.cmp-sheet-close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.cmp-sheet-list{padding:var(--space-2xs) 0 calc(env(safe-area-inset-bottom,0px) + var(--space-sm));overscroll-behavior:contain;flex:1;margin:0;list-style:none;overflow-y:auto}.cmp-sheet-row{min-height:52px;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--fg);border-bottom:var(--border-w) solid color-mix(in oklch, var(--border) 60%, transparent);align-items:center;display:flex}.cmp-sheet-list li:last-child .cmp-sheet-row{border-bottom:none}.cmp-sheet-row:hover,.cmp-sheet-row:focus-visible{background:color-mix(in oklch, var(--accent) 8%, transparent)}.cmp-sheet-row:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.scoreboard{padding-block:var(--space-section-md);grid-template-columns:1fr;align-items:stretch;gap:clamp(1rem,.92rem + .35vw,1.25rem);display:grid;position:relative}@media (width>=880px){.scoreboard{grid-template-columns:1fr auto 1fr}}.side{border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-card);transition:border-color var(--dur-base);flex-direction:column;gap:0;display:flex;overflow:hidden}.side-winner{border-color:var(--accent);box-shadow:var(--shadow-card), 0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent)}.side-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--color-ink-800);width:100%}.side-thumb-ph{color:#fff9;background:linear-gradient(160deg, var(--color-ink-800) 0%, var(--color-ink-900) 100%);font-family:var(--font-serif);font-size:var(--text-xl);letter-spacing:var(--tracking-heading);justify-content:center;align-items:center;display:flex}.side-body{padding:var(--space-xl) var(--space-xl) var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.side-flag{align-self:flex-start;align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg);font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;line-height:var(--leading-none);margin:0;display:inline-flex}.side-flag:before{content:"▲";font-size:.8em}.side-flag-tie{background:color-mix(in oklch, var(--fg-subtle) 18%, transparent);color:var(--fg-muted)}.side-flag-tie:before{content:"=";font-weight:var(--weight-bold)}.side-brand{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:var(--tracking-caps-xs);color:var(--fg-subtle);font-weight:var(--weight-bold);margin:0}.side-product{font-family:var(--font-serif);font-size:clamp(1.3rem,3.5vw,1.65rem);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--fg-strong);margin:0}.side-product a{color:inherit;transition:color var(--dur-fast)}.side-product a:hover{color:var(--accent)}.side-tagline{color:var(--fg-muted);font-size:var(--text-base);line-height:var(--leading-body);margin:0}.side-stats{margin-top:var(--space-sm);gap:var(--space-sm) var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-subtle);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;display:grid}.stat{column-gap:var(--space-xs);row-gap:var(--space-2xs);grid-template-columns:max-content max-content;align-items:baseline;min-width:0;display:grid}.stat>*{grid-row:2}.stat-label{font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;color:var(--fg-subtle);grid-area:1/1/auto/-1}.stat-num{font-family:var(--font-serif);font-weight:var(--weight-bold);color:var(--fg-strong);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;line-height:var(--leading-none);font-size:var(--text-md)}.side-stats .stat:first-child .stat-num{font-size:var(--text-xl);color:var(--accent)}.stat-num[data-suffix]:after{content:attr(data-suffix);font-size:var(--text-2xs);color:var(--fg-muted);font-weight:var(--weight-medium);margin-inline-start:.05rem}.stat time{font-size:var(--text-sm);color:var(--fg)}.delta{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);font-size:var(--text-3xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:var(--leading-snug);align-items:center;display:inline-flex}.delta.pos{color:oklch(50% .16 145);background:oklch(65% .16 145/.14)}.delta.neg{color:oklch(50% .16 25);background:oklch(62% .18 25/.14)}.delta.side{color:var(--fg-muted);background:color-mix(in oklch, var(--fg-muted) 14%, transparent)}[data-theme=dark] .delta.pos{color:oklch(78% .16 145)}[data-theme=dark] .delta.neg{color:oklch(74% .18 25)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .delta.pos{color:oklch(78% .16 145)}:root:not([data-theme=light]) .delta.neg{color:oklch(74% .18 25)}}.vchip{font-size:var(--text-2xs);font-weight:var(--weight-bold);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);background:color-mix(in oklch, var(--fg-subtle) 10%, transparent);color:var(--fg-muted);line-height:var(--leading-snug);white-space:nowrap}.vchip[data-v=reference],.vchip[data-v=highly-recommended]{color:var(--accent);background:color-mix(in oklch, var(--accent) 10%, transparent)}.side-cta{margin-top:var(--space-2xs);align-self:start;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:var(--border-w) solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-strong);transition:color var(--dur-fast), border-color var(--dur-fast);display:inline-flex}.side-cta:after{content:"→";font-size:1em;line-height:var(--leading-none);transition:transform var(--dur-fast) var(--ease-standard)}.side-cta:hover{color:var(--accent);border-color:var(--accent)}.side-cta:hover:after{transform:translate(3px)}.versus-pill{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--accent);padding:var(--space-sm) var(--space-lg);background:var(--bg-elevated);border:2px solid var(--accent);border-radius:var(--radius-pill);box-shadow:0 4px 14px -4px color-mix(in oklch, var(--accent) 50%, transparent);place-self:center;display:none}@media (width>=880px){.versus-pill{display:inline-flex}}.sig-section{padding-block:var(--space-4xl);border-top:var(--border-w) solid var(--border)}.section-title{font-family:var(--font-serif);font-size:var(--font-size-h2-lg);font-weight:var(--weight-bold);margin:0 0 var(--space-sm)}.section-sub{margin:0 0 var(--space-2xl);color:var(--fg-muted);font-size:var(--text-base);line-height:var(--leading-body);max-width:50rem}.axes{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:grid}@media (width>=880px){.axes{gap:var(--space-xl) var(--space-3xl);grid-template-columns:1fr 1fr}}.axis{gap:var(--space-sm);flex-direction:column;display:flex}.labels{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--fg);justify-content:space-between;display:flex}.track{background:var(--bg-subtle);border:var(--border-w) solid var(--border);border-radius:var(--radius-pill);height:18px;position:relative}.track:before{content:"";background:var(--border-strong);opacity:.55;width:1px;position:absolute;top:3px;bottom:3px;left:50%}.dot{border-radius:var(--radius-pill);background:var(--slot);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in oklch, var(--slot) 22%, transparent);position:absolute;top:50%;transform:translate(-50%,-50%)}.sig-legend{margin-top:var(--space-lg);gap:var(--space-sm) var(--space-2xl);font-size:var(--text-sm);color:var(--fg);flex-wrap:wrap;display:flex}.sig-legend .leg{align-items:center;gap:var(--space-sm);font-weight:var(--weight-semibold);display:inline-flex}.sig-legend .leg:before{content:"";border-radius:var(--radius-pill);background:var(--slot);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in oklch, var(--slot) 22%, transparent)}.dot[data-side="1"]{border-radius:2px;transform:translate(-50%,-50%)rotate(45deg)}.sig-legend .leg[data-side="1"]:before{border-radius:2px;transform:rotate(45deg)}.specs-section{padding-block:var(--space-4xl);border-top:var(--border-w) solid var(--border)}.cmp-specs-wrap{margin-top:var(--space-xl);-webkit-overflow-scrolling:touch;overflow-x:auto}.cmp-specs{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:32rem}.cmp-specs caption{text-align:start}.cmp-specs thead th{padding:var(--space-sm) var(--space-md);text-align:start;vertical-align:bottom;font-family:var(--font-serif);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--fg-strong);border-bottom:2px solid var(--border-strong)}.cmp-specs thead th:first-child{font-family:var(--font-sans);font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-xs);color:var(--fg-subtle)}.cmp-specs tbody tr{border-top:var(--border-w) solid var(--border)}.cmp-specs tbody tr:first-child{border-top:none}.cmp-specs th[scope=row]{padding:var(--space-sm) var(--space-md) var(--space-sm) 0;text-align:start;vertical-align:baseline;font-size:var(--text-3xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps-xs);color:var(--fg-subtle);white-space:nowrap}.cmp-specs td{padding:var(--space-sm) var(--space-md);vertical-align:baseline;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-strong);line-height:var(--leading-snug)}.proscons-section{padding-block:var(--space-4xl);border-top:var(--border-w) solid var(--border)}.pc-grid{gap:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.pc-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr}}.pc-col-title{font-family:var(--font-serif);font-size:var(--text-xl);margin:0 0 var(--space-lg);color:var(--fg-strong)}.pc-h{font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-xs);text-transform:uppercase;color:var(--fg-subtle);margin:var(--space-lg) 0 var(--space-sm)}.pros,.cons{gap:var(--space-sm);font-size:var(--text-base);line-height:var(--leading-normal);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pros li,.cons li{gap:var(--space-sm);align-items:start;display:flex}.pros li:before,.cons li:before{font-weight:var(--weight-bold);line-height:var(--leading-normal);flex-shrink:0}.pros li:before{content:"✓";color:var(--accent)}.cons li:before{content:"✕";color:oklch(62% .18 25)}[data-theme=dark] .cons li:before{color:oklch(74% .18 25)}.guidance-section{padding-block:var(--space-4xl);border-top:var(--border-w) solid var(--border)}#guidance-heading{scroll-margin-top:var(--sticky-top)}.guidance-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.guidance-grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr}}.pick-card{padding:var(--space-xl) var(--space-2xl);background:var(--bg-elevated);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.pick-winner{border-color:var(--accent);box-shadow:var(--shadow-card), 0 0 0 3px color-mix(in oklch, var(--accent) 14%, transparent)}.pick-eyebrow{margin:0 0 var(--space-xs);font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-xs);text-transform:uppercase;color:var(--accent)}.pick-title{margin:0 0 var(--space-lg);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--fg-strong)}.pick-list{margin:0 0 var(--space-lg);gap:var(--space-sm);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg);flex-direction:column;padding:0;list-style:none;display:flex}.pick-list li{gap:var(--space-sm);grid-template-columns:1rem 1fr;align-items:start;display:grid}.pick-list li:before{content:"✓";color:var(--accent);font-weight:var(--weight-bold);line-height:var(--leading-normal)}.pick-link{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--accent);border-bottom:var(--border-w) solid color-mix(in oklch, var(--accent) 30%, transparent);transition:border-bottom-color var(--dur-fast);padding-bottom:1px;display:inline-flex}.pick-link:after{content:"→";font-size:1em;line-height:var(--leading-none);transition:transform var(--dur-fast) var(--ease-standard)}.pick-link:hover{border-bottom-color:var(--accent)}.pick-link:hover:after{transform:translate(3px)}.deepdive{padding-block:var(--space-4xl);border-top:var(--border-w) solid var(--border)}.deepdive-para{margin:var(--space-lg) 0 0;max-width:var(--measure-text);color:var(--fg);font-size:var(--text-md);line-height:var(--leading-prose)}.deepdive-h3{margin:var(--space-3xl) 0 var(--space-2xs);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--fg-strong)}.deepdive-meta{margin:var(--space-2xl) 0 0;padding-top:var(--space-xl);border-top:var(--border-w) dashed var(--border);max-width:var(--measure-text);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--fg-muted)}.deepdive-meta a{color:var(--accent);font-weight:var(--weight-semibold)}.compare-faq{padding-block:var(--space-4xl);border-top:var(--border-w) solid var(--border)}.cfaq-list{margin:var(--space-xl) 0 0;gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.cfaq-item details{border:var(--border-w) solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);transition:border-color var(--dur-base) var(--ease-standard);overflow:hidden}.cfaq-item details[open]{border-color:var(--accent)}.cfaq-item details::details-content{block-size:0;transition:block-size var(--dur-slow) var(--ease-standard), content-visibility var(--dur-slow) allow-discrete;overflow:hidden}.cfaq-item details[open]::details-content{block-size:auto}.cfaq-item summary{cursor:pointer;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--fg-strong);line-height:var(--leading-normal);text-wrap:pretty;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);list-style:none;display:flex}.cfaq-item summary:hover{background:color-mix(in oklch, var(--accent) 4%, transparent);color:var(--accent)}.cfaq-item summary:active{background:color-mix(in oklch, var(--accent) 9%, transparent)}.cfaq-item summary:focus-visible{outline:var(--focus-ring);outline-offset:-2px;background:color-mix(in oklch, var(--accent) 6%, transparent)}.cfaq-item summary::-webkit-details-marker{display:none}.cfaq-item summary::marker{display:none}.cfaq-item summary:after{content:"";border-right:2.25px solid var(--fg-muted);border-bottom:2.25px solid var(--fg-muted);width:12px;height:12px;transition:transform var(--dur-moderate) var(--ease-standard), border-color var(--dur-base);border-radius:1px;flex-shrink:0;margin-inline-start:auto;transform:translateY(-3px)rotate(45deg)}.cfaq-item summary:hover:after,.cfaq-item summary:focus-visible:after{border-right-color:var(--accent);border-bottom-color:var(--accent)}.cfaq-item details[open] summary:after{border-right-color:var(--accent);border-bottom-color:var(--accent);transform:translateY(3px)rotate(-135deg)}.cfaq-item details[open] summary{color:var(--accent)}.cfaq-item details p{padding:0 var(--space-xl) var(--space-xl);color:var(--fg);font-size:var(--text-base);line-height:var(--leading-body);max-width:var(--measure-text);text-wrap:pretty;opacity:0;transform:translateY(var(--lift-lg));transition:opacity var(--dur-slow) var(--ease-standard), transform var(--dur-slow) var(--ease-standard);margin:0}.cfaq-item details[open] p{opacity:1;transform:none}.ranks{padding-block:var(--space-3xl) 0;border-top:var(--border-w) solid var(--border)}.ranks-title{font-family:var(--font-serif);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--fg-strong);line-height:var(--leading-snug);margin:0}.ranks-meta{margin:var(--space-sm) 0 0;gap:var(--space-2xs) var(--space-sm);font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;display:flex}.ranks-meta strong{color:var(--accent);font-weight:var(--weight-bold)}.ranks-sep{color:var(--fg-subtle)}.ranks+.related{margin-top:var(--space-3xl)}.browse-more{padding-block:var(--space-2xl) var(--space-4xl);gap:var(--space-xs) var(--space-md);font-size:var(--text-sm);color:var(--fg-subtle);flex-wrap:wrap;align-items:baseline;margin:0;display:flex}.browse-more a{color:var(--fg-muted);font-weight:var(--weight-semibold);transition:color var(--dur-fast) var(--ease-standard)}.browse-more a:hover{color:var(--accent)}.related{padding-block:var(--space-4xl) var(--space-5xl);border-top:var(--border-w) solid var(--border)}.related-grid{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:clamp(.75rem,.65rem + .4vw,1rem);display:grid}.related-card{padding:var(--space-lg) var(--space-xl);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-card);transition:transform var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-moderate) var(--ease-standard)}.related-card:hover,.related-card:focus-visible{transform:translateY(var(--lift-sm));border-color:var(--accent);box-shadow:var(--shadow-card-hover)}.related-card:active{transform:translateY(var(--lift-xs));transition-duration:var(--dur-micro)}.related-vs{gap:var(--space-3xs);font-family:var(--font-serif);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--fg-strong);line-height:var(--leading-snug);flex-direction:column;margin:0;display:flex}.related-vs .vs{font-family:var(--font-sans);font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-xs);text-transform:uppercase;color:var(--accent)}.related-meta{margin:var(--space-sm) 0 0;gap:var(--space-sm);font-size:var(--text-sm);color:var(--fg-muted);font-variant-numeric:tabular-nums;align-items:baseline;display:flex}.related-meta .vs{font-size:var(--text-3xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps-sm);text-transform:uppercase;color:var(--fg-subtle)}