.hero h1{align-items:center;display:flex;flex-wrap:wrap;gap:.25em;justify-content:center}.compare-hero-vs{align-items:center;background-color:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.45);border-radius:var(--md-sys-shape-corner-full);color:hsla(0,0%,100%,.95);display:inline-flex;font-size:.45em;font-weight:700;letter-spacing:.12em;line-height:1;padding:.2em .85em;text-transform:uppercase}.compare-hero-name{white-space:nowrap}.compare{--cols:2;padding-top:var(--md-sys-spacing-5)}.compare-header{border-radius:var(--md-sys-shape-corner-medium);overflow:visible;position:sticky;top:68px;z-index:20}.compare-header-inner{display:grid;gap:var(--md-sys-spacing-4);grid-template-columns:160px repeat(var(--cols),1fr);padding:var(--md-sys-spacing-3) 0}.compare-col-head{align-items:center;display:flex;flex-direction:row;gap:var(--md-sys-spacing-3);position:relative}.compare-col-img{align-items:center;background-color:#fff;border-radius:var(--md-sys-shape-corner-small);display:flex;flex-shrink:0;height:48px;justify-content:center;padding:var(--md-sys-spacing-1);width:48px}.compare-col-img img{max-height:100%;max-width:100%;object-fit:contain}.compare-col-info{display:flex;flex-direction:column;gap:2px;min-width:0}.compare-col-info h3{font-size:var(--md-sys-typescale-title-small-size);font-weight:var(--md-sys-typescale-title-weight);line-height:var(--md-sys-typescale-title-small-line-height);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-swap-btn{align-items:center;align-self:flex-start;background:none;border:1px solid rgba(0,0,0,.2);border-radius:var(--md-sys-shape-corner-small);color:inherit;cursor:pointer;display:inline-flex;font-size:var(--md-sys-typescale-label-small-size);gap:var(--md-sys-spacing-1);padding:2px var(--md-sys-spacing-2)}.compare-swap-btn:hover{background-color:rgba(0,0,0,.08)}.compare-swap-btn[aria-expanded=true]{background-color:rgba(0,0,0,.12)}.compare-swap-dropdown{background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-level2);display:flex;flex-direction:column;left:0;margin-top:var(--md-sys-spacing-1);max-height:320px;min-width:240px;overflow:hidden;position:absolute;right:0;top:100%;z-index:30}.compare-swap-dropdown[hidden]{display:none}.compare-swap-search{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-small-size);margin:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3)}.compare-swap-search:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.compare-swap-list{flex:1;overflow-y:auto;padding:0 var(--md-sys-spacing-1) var(--md-sys-spacing-1)}.compare-swap-item{align-items:center;background:none;border:none;border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);cursor:pointer;display:flex;font-size:var(--md-sys-typescale-body-small-size);gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-1) var(--md-sys-spacing-2);text-align:left;width:100%}.compare-swap-item:hover{background-color:var(--md-sys-color-surface-container-highest)}.compare-swap-item img{border-radius:var(--md-sys-shape-corner-small);flex-shrink:0;object-fit:contain}.compare-swap-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-swap-item-rank{color:var(--md-sys-color-primary);flex-shrink:0;font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-weight)}.compare-body{position:relative}.compare-section{margin-top:var(--md-sys-spacing-4)}.compare-section-title{display:block;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);margin:0 0 var(--md-sys-spacing-4) 0;padding-bottom:var(--md-sys-spacing-3)}.compare-row,.compare-section-title{border-bottom:1px solid var(--md-sys-color-outline-variant)}.compare-row{align-items:center;display:grid;gap:var(--md-sys-spacing-4);grid-template-columns:160px repeat(var(--cols),1fr);padding:var(--md-sys-spacing-2) 0}.compare-row:last-child{border-bottom:none}.compare-row-diff .compare-cell span{color:var(--md-sys-color-primary);font-weight:var(--md-sys-typescale-label-weight)}.compare-row-label{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-weight);padding:var(--md-sys-spacing-2) 0}.compare-row-tall{align-items:start}.compare-cell{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-medium-size);line-height:var(--md-sys-typescale-body-medium-line-height);padding:var(--md-sys-spacing-2)}.compare-cell:before{display:none}.compare-cell-empty{color:var(--md-sys-color-on-surface-variant)}.compare-cell-actions{display:flex;flex-direction:column;gap:var(--md-sys-spacing-2)}.compare-row-actions{border-bottom:none;padding-top:var(--md-sys-spacing-3)}.rank-badge{background-color:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-primary);display:inline-block;font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-weight);padding:var(--md-sys-spacing-1) var(--md-sys-spacing-2)}.compare-rating .star-full,.compare-rating .star-half{color:var(--md-sys-color-warning)}.compare-rating .star-empty{color:var(--md-sys-color-outline)}.compare-rating-label{color:var(--md-sys-color-on-surface-variant);display:block;font-size:var(--md-sys-typescale-label-medium-size);margin-top:2px}.compare-price{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-medium-size);font-weight:var(--md-sys-typescale-title-weight)}.cons-list,.pros-list{list-style:none;margin:0;padding:0}.cons-list li,.pros-list li{align-items:baseline;color:var(--md-sys-color-on-surface-variant);display:flex;font-size:var(--md-sys-typescale-body-medium-size);gap:var(--md-sys-spacing-2);line-height:var(--md-sys-typescale-body-medium-line-height);margin-bottom:var(--md-sys-spacing-1)}.cons-list li:before,.pros-list li:before{flex-shrink:0;font-weight:700}.pros-list{padding-bottom:var(--md-sys-spacing-2)}.pros-list li:before{color:var(--md-sys-color-success);content:"+"}.cons-list li:before{color:var(--md-sys-color-error);content:"−"}.compare-footer{left:50%;margin-left:-50vw;margin-right:-50vw;margin-top:var(--md-sys-spacing-8);padding:var(--md-sys-spacing-8) var(--md-sys-spacing-4);position:relative;text-align:center;width:100vw}.compare-footer-inner{margin:0 auto}.compare-footer-title{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-weight);margin:0 0 var(--md-sys-spacing-2) 0}.compare-footer-text{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-body-large-size);margin:0 0 var(--md-sys-spacing-5) 0}.compare-footer-actions{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-3);justify-content:center}@media (max-width:768px){.compare-header{overflow:hidden;top:56px}.compare-header-inner{gap:var(--md-sys-spacing-3);grid-template-columns:repeat(var(--cols),calc(50vw - 24px))}.compare-header-inner>.compare-row-label{display:none}.compare-col-head{align-items:flex-start;flex-direction:column;gap:var(--md-sys-spacing-1)}.compare-col-info h3{white-space:normal}.compare-swap-dropdown{border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;bottom:0;left:0;margin-top:0;max-height:60vh;min-width:unset;position:fixed;right:0;top:auto;z-index:1000}.compare-body{-webkit-overflow-scrolling:touch;overflow-x:auto;scroll-snap-type:x proximity}.compare-row{gap:var(--md-sys-spacing-3);grid-template-columns:repeat(var(--cols),calc(50vw - 24px))}.compare-row>.compare-row-label{display:none}.compare-cell:before{color:var(--md-sys-color-on-surface-variant);content:attr(data-label);display:block;font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-weight);margin-bottom:2px}.compare-cell-actions:before{display:none}.compare-section-title{left:0;max-width:calc(100vw - 32px);position:sticky}.compare-cell{scroll-snap-align:start}}.compare-pick-section{border-bottom:1px solid var(--md-sys-color-outline-variant);padding:var(--md-sys-spacing-5) 0}.compare-pick-section:last-child{border-bottom:none}.compare-pick-section-head{align-items:center;display:flex;gap:var(--md-sys-spacing-3);margin-bottom:var(--md-sys-spacing-4)}.compare-pick-section-head h2{font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-weight);line-height:var(--md-sys-typescale-title-large-line-height);margin:0}.compare-pick-section-icon{flex-shrink:0;object-fit:contain}.compare-pick-grid{display:grid;gap:var(--md-sys-spacing-3);grid-template-columns:repeat(5,1fr)}.compare-pick-card{align-items:center;background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);color:var(--md-sys-color-on-surface);cursor:pointer;display:flex;flex-direction:column;padding:var(--md-sys-spacing-4) var(--md-sys-spacing-3);text-align:center;text-decoration:none;transition:box-shadow .2s ease,border-color .2s ease}.compare-pick-card:hover{border-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level2)}.compare-pick-card-images{align-items:center;display:flex;gap:var(--md-sys-spacing-2);margin-bottom:var(--md-sys-spacing-3)}.compare-pick-card-images img{background-color:#fff;border-radius:var(--md-sys-shape-corner-small);height:56px;object-fit:contain;padding:4px;width:56px}.compare-pick-card-vs{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-title-weight)}.compare-pick-card-names{color:var(--md-sys-color-on-surface);display:flex;flex-direction:column;font-size:var(--md-sys-typescale-body-small-size);gap:2px;line-height:var(--md-sys-typescale-body-small-line-height)}.compare-pick-card-names span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-pick-card-names-vs{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-weight)}.compare-pick-card-custom{background-color:transparent;border-style:dashed;gap:var(--md-sys-spacing-2);justify-content:center}.compare-pick-card-custom:hover{background-color:var(--md-sys-color-surface-container)}.compare-pick-card-plus{color:var(--md-sys-color-outline)}.compare-pick-card-custom-label{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-weight)}.compare-picker-modal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.compare-picker-modal[hidden]{display:none}.compare-picker-backdrop{background-color:rgba(0,0,0,.5);inset:0;position:fixed}.compare-picker-dialog{background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-level3);display:flex;flex-direction:column;max-height:80vh;max-width:540px;overflow:hidden;position:relative;width:90%}.compare-picker-header{align-items:center;border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;justify-content:space-between;padding:var(--md-sys-spacing-4) var(--md-sys-spacing-5)}.compare-picker-header h2{font-size:var(--md-sys-typescale-title-large-size);margin:0}.compare-picker-close{align-items:center;background:none;border:none;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.compare-picker-close:hover{background-color:var(--md-sys-color-surface-container-highest)}.compare-picker-search{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-body-medium-size);margin:var(--md-sys-spacing-3) var(--md-sys-spacing-5);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3)}.compare-picker-search:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.compare-picker-slots{align-items:center;display:flex;gap:var(--md-sys-spacing-2);justify-content:center;padding:0 var(--md-sys-spacing-5) var(--md-sys-spacing-3)}.compare-picker-slot{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface-variant);cursor:pointer;flex:1;font-size:var(--md-sys-typescale-body-small-size);max-width:200px;overflow:hidden;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);text-align:center;text-overflow:ellipsis;transition:border-color .15s ease,background-color .15s ease;white-space:nowrap}.compare-picker-slot.is-active{background-color:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.compare-picker-slot.is-filled{color:var(--md-sys-color-on-surface);font-weight:var(--md-sys-typescale-label-weight)}.compare-picker-slot-vs{color:var(--md-sys-color-on-surface-variant);flex-shrink:0;font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-title-weight)}.compare-picker-list{flex:1;overflow-y:auto;padding:0 var(--md-sys-spacing-3) var(--md-sys-spacing-3)}.compare-picker-item{align-items:center;background:none;border:none;border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface);cursor:pointer;display:flex;font-size:var(--md-sys-typescale-body-medium-size);gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);text-align:left;width:100%}.compare-picker-item:hover{background-color:var(--md-sys-color-surface-container-highest)}.compare-picker-item img{border-radius:var(--md-sys-shape-corner-small);flex-shrink:0;object-fit:contain}.compare-picker-item .compare-picker-item-name{flex:1}.compare-picker-item .compare-picker-item-rank{color:var(--md-sys-color-primary);flex-shrink:0;font-weight:var(--md-sys-typescale-label-weight)}.compare-picker-footer{border-top:1px solid var(--md-sys-color-outline-variant);padding:var(--md-sys-spacing-3) var(--md-sys-spacing-5);text-align:center}.compare-picker-empty{color:var(--md-sys-color-on-surface-variant);padding:var(--md-sys-spacing-6);text-align:center}@media (max-width:1100px){.compare-pick-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.compare-pick-grid{grid-template-columns:repeat(2,1fr)}.compare-picker-dialog{border-radius:0;max-height:100vh;width:100%}}@media (max-width:480px){.compare-pick-card-images img{height:40px;width:40px}}