.page-header{padding:calc(var(--nav-h) + var(--nav-content-gap)) calc(var(--spacing) * 6) calc(var(--spacing) * 8);max-width:var(--max-w-content);text-align:center;margin:0 auto}.page-kicker{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--site-accent);margin-bottom:calc(var(--spacing) * 3)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-black);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:calc(var(--spacing) * 3);line-height:1.2}.page-desc{font-size:var(--text-base);color:var(--text-secondary);max-width:var(--max-w-modal);margin:0 auto;line-height:1.6}.filter-wrap{max-width:var(--max-w-content);margin:calc(var(--spacing) * 8) auto 0;padding:0 calc(var(--spacing) * 6)}.search-box{margin-bottom:calc(var(--spacing) * 4);position:relative}.search-box input{width:100%;padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4) calc(var(--spacing) * 3) calc(var(--spacing) * 12);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-ui);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--duration-fast)}.search-box input:focus{border-color:var(--site-accent)}.search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.brand-tabs{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.brand-tab{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);border:1.5px solid var(--border-default);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-ui);transition:all var(--duration-fast);border-radius:3.40282e38px}.brand-tab:hover{border-color:var(--site-accent);color:var(--site-accent)}.brand-tab.active{background:var(--site-accent);border-color:var(--site-accent);color:var(--color-white)}.detail-row td{background:0 0!important;border:none!important;padding:0!important}.detail-accordion{opacity:0;transition:grid-template-rows .42s var(--ease-pop), opacity .32s var(--ease-pop);grid-template-rows:0fr;display:grid}.detail-accordion-inner{padding:0 calc(var(--spacing) * 3);transition:padding .42s var(--ease-pop), transform .42s var(--ease-pop);overflow:hidden;transform:translateY(-4px)}.detail-accordion.open{opacity:1;grid-template-rows:1fr}.detail-accordion.open>.detail-accordion-inner{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3) calc(var(--spacing) * 4);transform:none}@media (prefers-reduced-motion:reduce){.detail-accordion,.detail-accordion-inner{transition:none;transform:none}}.detail-card{background:var(--color-white);border:2px solid var(--site-accent);border-radius:var(--radius-lg);box-shadow:0 4px 24px color-mix(in srgb, var(--site-accent) 10%, transparent);overflow:hidden}.detail-header{background:var(--site-accent);padding:calc(var(--spacing) * 6) calc(var(--spacing) * 6);align-items:center;gap:calc(var(--spacing) * 4);display:flex}.detail-header-icon{background:color-mix(in srgb, var(--color-white) 18%, transparent);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.detail-header-info{color:var(--color-white)}.detail-brand{font-size:var(--text-xs);font-weight:var(--font-bold);opacity:.8;margin-bottom:calc(var(--spacing) * 1);text-transform:uppercase;letter-spacing:.06em}.detail-name{font-size:var(--text-base);font-weight:var(--font-black)}.detail-year{font-size:var(--text-xs);opacity:.7;margin-top:calc(var(--spacing) * 1)}.detail-body{padding:calc(var(--spacing) * 6)}.detail-sections{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));display:grid}.section-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:calc(var(--spacing) * 3)}.spec-row{padding:calc(var(--spacing) * 2) 0;border-bottom:1px solid var(--border-default);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.spec-row:last-child{border-bottom:none}.spec-label{color:var(--text-secondary)}.spec-value{font-weight:var(--font-bold);color:var(--text-primary)}.spec-value.accent{color:var(--site-accent)}.feature-list{margin:0;padding:0;list-style:none}.feature-item{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2) 0;border-bottom:1px solid var(--border-default);font-size:var(--text-sm);display:flex}.feature-item:last-child{border-bottom:none}.fi-icon{flex-shrink:0;width:16px;height:16px}.fi-yes{color:var(--site-accent)}.fi-no{color:var(--color-gray-300)}.fi-label{color:var(--text-primary)}.fi-label.off{color:var(--text-tertiary)}.devices-wrap{max-width:var(--max-w-content);margin:calc(var(--spacing) * 6) auto 0;padding:0 calc(var(--spacing) * 6)}.devices-table-wrap{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--color-white);overflow:hidden}.devices-table-scroll{overflow-x:auto}.devices-table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.devices-table thead{background:var(--bg-inset)}.devices-table th{text-align:left;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);white-space:nowrap;border-bottom:1px solid var(--border-default)}.devices-table th.center{text-align:center;padding-inline:calc(var(--spacing) * 2)}.devices-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.devices-table th.sortable:hover{color:var(--text-secondary)}.devices-table th .sort-ind{margin-left:calc(var(--spacing) * 1);font-size:var(--text-xs);opacity:0;color:var(--text-tertiary);transition:opacity .12s;display:inline-block}.devices-table th.active .sort-ind{opacity:1}.devices-table tbody tr{border-bottom:1px solid var(--border-default);cursor:pointer;transition:background .12s}.devices-table tbody tr:last-child{border-bottom:none}.devices-table tbody tr:hover{background:var(--bg-inset)}.devices-table tbody tr.selected{background:var(--bg-inset);box-shadow:inset 3px 0 0 var(--site-accent)}.devices-table td{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);vertical-align:middle;white-space:nowrap;color:var(--text-secondary)}.devices-table td.center{text-align:center;padding-inline:calc(var(--spacing) * 2)}.dt-brand{min-width:58px;color:var(--text-tertiary);margin-right:calc(var(--spacing) * 3);display:inline-block}.dt-name{font-weight:var(--font-semibold);color:var(--text-primary)}.dt-res{font-weight:var(--font-bold);color:var(--text-primary)}.dt-check{color:var(--site-accent);font-weight:var(--font-black)}.dt-dash{color:var(--color-gray-300)}.dt-count{font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);color:var(--text-primary)}.dt-count small{color:var(--text-tertiary);font-weight:var(--font-normal)}@media (max-width:640px){.devices-table th,.devices-table td{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 2);font-size:var(--text-xs)}.hide-sm{display:none}}.empty-state{text-align:center;padding:calc(var(--spacing) * 12) calc(var(--spacing) * 6);color:var(--text-tertiary);font-size:var(--text-sm)}.note-wrap{max-width:var(--max-w-content);margin:calc(var(--spacing) * 6) auto calc(var(--spacing) * 16);padding:0 calc(var(--spacing) * 6)}.note-box{background:var(--site-accent-subtle);border:1px solid color-mix(in srgb, var(--site-accent) 30%, transparent);border-radius:var(--radius-xl);padding:calc(var(--spacing) * 4);font-size:var(--text-sm);color:var(--site-accent-hover);line-height:1.6}.note-box strong{color:var(--site-accent-hover)}