.compare-hero__art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2.2 / 1;border-radius:1.25rem;overflow:hidden;border:1px solid var(--color-rule);background:var(--color-paper)}.compare-hero__grid{position:absolute;inset:0;pointer-events:none;z-index:0;container-type:inline-size}.compare-hero__grid:before{content:"";position:absolute;inset:0;--release-grid-size: calc(100cqw/round(nearest, 100cqw / 24px, 1)) ;background-image:linear-gradient(to right,color-mix(in oklab,var(--color-rule) 38%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--color-rule) 38%,transparent) 1px,transparent 1px);background-size:var(--release-grid-size) var(--release-grid-size)}.compare-hero__duel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(1.25rem,5vw,2rem);padding:1.5rem}.compare-hero__app{display:flex;flex-direction:column;align-items:center;min-width:0}.compare-hero__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:clamp(4.5rem,14vw,5.75rem);height:clamp(4.5rem,14vw,5.75rem);border-radius:1.25rem;background:var(--color-card);box-shadow:var(--shadow-card)}.compare-hero__icon{width:clamp(3.25rem,10vw,4.25rem);height:clamp(3.25rem,10vw,4.25rem);border-radius:.85rem;object-fit:cover}.compare-hero__vs{flex:none;font-family:var(--font-display);font-size:clamp(1rem,2.8vw,1.2rem);font-weight:600;letter-spacing:.08em;text-transform:lowercase;color:var(--color-ink-faint)}.compare-detail__table-wrap{overflow-x:auto;border:1px solid var(--color-rule);border-radius:.75rem}.compare-detail__table{width:100%;border-collapse:collapse;font-size:.875rem}.compare-detail__table th,.compare-detail__table td{padding:.85rem 1rem;border-bottom:1px solid var(--color-rule);text-align:left;vertical-align:top}.compare-detail__table tr:last-child th,.compare-detail__table tr:last-child td{border-bottom:none}.compare-detail__table thead th{background:color-mix(in oklab,var(--color-ink) 4%,transparent);font-weight:600;color:var(--color-ink)}.compare-detail__table tbody th{font-weight:600;color:var(--color-ink);width:28%;background:color-mix(in oklab,var(--color-warm) 40%,var(--color-paper))}.compare-detail__table td{color:var(--color-ink-soft);line-height:1.5}.compare-slider-band{padding-block:clamp(2.75rem,6vw,4.25rem);overflow-x:clip}.compare-hub__band{scroll-margin-top:7.5rem}.compare-guide__draft-banner{margin:0;padding:.625rem 1rem;text-align:center;font-size:.8125rem;color:var(--color-peach-ink);background:color-mix(in oklab,var(--color-peach) 40%,var(--color-paper));border-bottom:1px solid var(--color-rule)}.compare-guide__draft-banner code{font-size:.75rem}.compare-detail__guides{display:grid;gap:.875rem;margin:1.5rem 0 0;padding:0;list-style:none}.compare-detail__guide-card{display:flex;flex-direction:column;gap:.375rem;padding:1.125rem 1.25rem;border:1px solid var(--color-rule);border-radius:1rem;background:var(--color-card);box-shadow:var(--shadow-card);transition:box-shadow .15s ease,transform .15s ease}.compare-detail__guide-card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.compare-detail__guide-title{font-weight:600;color:var(--color-ink)}.compare-detail__guide-desc{font-size:.875rem;line-height:1.45;color:var(--color-ink-soft)}.compare-detail__guide-link{margin-top:.25rem;font-size:.8125rem;font-weight:500;color:var(--color-accent)}.compare-guide__lead{max-width:40rem}.compare-guide__list{display:grid;grid-template-columns:1fr;gap:1rem;list-style:none;padding:0;margin:0}@media(min-width:768px){.compare-guide__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-guide__card{display:flex;flex-direction:column;height:100%;padding:1.25rem;border:1px solid var(--color-rule);border-radius:1rem;background:var(--color-card);box-shadow:var(--shadow-card)}.compare-guide__card-head{display:flex;align-items:center;gap:.875rem}.compare-guide__icon-wrap{position:relative;flex:none}.compare-guide__icon{display:block;width:2.75rem;height:2.75rem;border-radius:.7rem;object-fit:cover}.compare-guide__icon--more{display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--color-warm) 70%,var(--color-paper));color:var(--color-ink-soft);font-size:.95rem}.compare-guide__rank{position:absolute;right:-.3rem;bottom:-.3rem;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;border:2px solid var(--color-card);background:var(--color-paper);box-shadow:0 0 0 1px var(--color-rule);font-size:.6875rem;font-weight:650;line-height:1;color:var(--color-ink-soft)}.compare-guide__name{min-width:0;font-size:1.125rem;font-weight:600;line-height:1.25;color:var(--color-ink)}.compare-guide__card--harvous{position:relative}.compare-guide__bias{position:absolute;top:.75rem;right:.75rem;z-index:3}.compare-guide__bias-chip{display:inline-flex;align-items:center;gap:.2rem;list-style:none;cursor:pointer;user-select:none;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--color-rule);background:color-mix(in oklab,var(--color-warm) 40%,var(--color-paper));font-size:.6875rem;font-weight:550;letter-spacing:.01em;color:var(--color-ink-faint);transition:color .15s ease,border-color .15s ease,background .15s ease}.compare-guide__bias-chip::-webkit-details-marker{display:none}.compare-guide__bias-chip:hover,.compare-guide__bias[open] .compare-guide__bias-chip{color:var(--color-ink-soft);border-color:color-mix(in oklab,var(--color-ink-faint) 35%,var(--color-rule));background:color-mix(in oklab,var(--color-warm) 65%,var(--color-paper))}.compare-guide__bias-chevron{width:.7rem;height:.7rem;opacity:.7;transition:transform .15s ease}.compare-guide__bias[open] .compare-guide__bias-chevron{transform:rotate(180deg)}.compare-guide__bias-panel{position:absolute;top:calc(100% + .4rem);right:0;width:min(17.5rem,calc(100vw - 3rem));padding:.85rem .95rem;border:1px solid var(--color-rule);border-radius:.75rem;background:var(--color-card);box-shadow:var(--shadow-card),0 12px 28px -16px #0000002e}.compare-guide__bias-panel p{margin:0;font-size:.8125rem;line-height:1.45;color:var(--color-ink-soft)}.compare-guide__card-intro{margin-top:1rem;font-size:.9375rem;line-height:1.55;color:var(--color-ink-soft)}.compare-guide__card-meta{display:grid;gap:.75rem;margin-top:1rem;font-size:.875rem}.compare-guide__card-meta dt{font-weight:600;color:var(--color-ink)}.compare-guide__card-meta dd{margin:.25rem 0 0;color:var(--color-ink-soft);line-height:1.45}.compare-guide__card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:auto;padding-top:1.25rem}.compare-guide__card--more{background:color-mix(in oklab,var(--color-warm) 35%,var(--color-paper))}.compare-guide__choose{display:grid;gap:2.5rem;margin-top:2rem}.compare-guide__choose-label{margin:0 0 .85rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.compare-guide__choose-grid{display:grid;grid-template-columns:1fr;gap:.85rem;list-style:none;margin:0;padding:0}@media(min-width:768px){.compare-guide__choose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-guide__choose-card{height:100%;padding:1.15rem 1.2rem;border:1px solid var(--color-rule);border-radius:1rem;background:var(--color-card);box-shadow:var(--shadow-card)}.compare-guide__choose-card--harvous{border-color:color-mix(in oklab,var(--color-accent) 28%,var(--color-rule));background:color-mix(in oklab,var(--color-accent-soft) 70%,var(--color-paper))}.compare-guide__choose-card-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--color-ink)}.compare-guide__choose-card-body{margin:.55rem 0 0;font-size:.9375rem;line-height:1.5;color:var(--color-ink-soft)}