@layer reset, base, components, responsive;
@layer reset {
  *,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p,figure,dl,dd{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}
}
@layer base {
  :root{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--ink:#20252d;--muted:#626a76;--line:#dde1e7;--accent:#2855db;--accent-soft:#edf2ff;--green:#24664c;--amber:#865016;--font:'Instrument Sans',system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--radius:12px}
  html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased}body.has-comparison{padding-bottom:6rem}h1,h2,h3{line-height:1.13;font-weight:600;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,4.1vw,3.65rem)}h2{font-size:var(--text-26)}h3{font-size:var(--text-20)}p{text-wrap:pretty}svg{width:20px;height:20px;flex-shrink:0}button{background:none;border:0}a,button,input,select,summary{touch-action:manipulation}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,input,select{min-height:44px}input,select{max-width:100%;color:var(--ink)}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;min-height:18px;flex-shrink:0}select{border:1px solid var(--line-strong);background:var(--surface);border-radius:7px;padding:10px 30px 10px 12px;font-size:var(--text-13);width:100%}button,a{transition:color 140ms,background-color 140ms,border-color 140ms}button svg,a svg{pointer-events:none}
  .shell{width:calc(100% - 40px);max-width:1320px;margin-inline:auto}.eyebrow{font:600 10px/1.5 var(--mono);letter-spacing:.1em;color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:100;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{transform:none}.button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:11px 17px;border:1px solid transparent;border-radius:8px;font-size:var(--text-14);font-weight:600;line-height:1.4}.button.primary{background:var(--accent);color:white}.button.primary:hover{background:#1942bb}.button.secondary{background:white;border-color:var(--line)}.button.secondary:hover{border-color:#8e9cc1;background:var(--accent-soft)}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:var(--text-14);font-weight:600;color:var(--accent)}.quiet-button{font-size:var(--text-13);color:var(--muted);padding:8px}.quiet-button:hover{color:var(--accent)}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:7px}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.notice{padding:20px;border:1px solid var(--line);margin-block:20px;font-size:var(--text-14)}.intro{color:var(--muted);max-width:650px;font-size:var(--text-18);margin-top:18px;line-height:1.65}
}
@layer components {
  .site-header{background:#ffffffed;border-bottom:1px solid var(--line)}.header-inner{max-width:1320px;width:calc(100% - 40px);margin:auto;min-height:76px;display:flex;align-items:center;gap:26px}.brand{font-size:var(--text-22);font-weight:700;letter-spacing:-.05em;display:inline-flex;align-items:center;line-height:1;flex-shrink:0}.brand>span:last-child{color:var(--muted)}.brand-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--accent);color:white;margin-right:9px}.brand-symbol svg{width:22px;height:22px}.brand-note{font:500 10px var(--mono);letter-spacing:.08em;color:var(--muted)}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:26px}.site-header nav>a{display:flex;align-items:center;gap:6px;min-height:76px;font-size:var(--text-14);color:var(--muted);position:relative;white-space:nowrap}.site-header nav>a[aria-current=page]{color:var(--ink);font-weight:600}.site-header nav>a[aria-current=page]::after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:var(--ink)}.site-header nav>a:hover{color:var(--accent)}.site-header nav svg{width:16px;height:16px}.site-header [data-saved-count]:not(:empty),.site-header [data-compare-count]:not(:empty){font:600 11px var(--font);background:var(--accent-soft);color:var(--accent);padding:3px 6px;border-radius:5px}
  .discovery-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:5%;align-items:center;padding:43px 0 36px}.discovery-hero h1{margin-top:10px;font-size:clamp(2.4rem,4.5vw,3.7rem);line-height:1.06;letter-spacing:-.045em}.discovery-hero h1>span{color:var(--accent)}.hero-description{margin-top:18px;color:var(--muted);font-size:var(--text-16);line-height:1.7}.research-line{display:flex;align-items:center;gap:6px;margin-top:19px;color:var(--muted);font-size:var(--text-12)}.research-line svg{color:var(--green);width:15px;height:15px}.hero-guide{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:12px;background:#edf1f8;border:1px solid #dce4f1;border-radius:var(--radius);padding:28px;min-height:235px;overflow:hidden}.hero-guide:hover{border-color:#a6b7df;color:var(--ink)}.hero-guide .eyebrow{font-size:var(--text-10);color:#516b9d}.hero-guide h2{font-size:var(--text-30);line-height:1.1;margin:12px 0}.hero-guide .text-link{font-size:var(--text-12);margin-top:6px}.hero-guide .device-art{aspect-ratio:1;min-width:0;border-radius:10px;border:1px solid #dce3ef;padding:8px}.task-nav{display:flex;gap:7px;overflow-x:auto;padding:0 0 24px;scrollbar-width:thin}.task-nav>a{display:flex;align-items:center;gap:8px;padding:10px 13px;min-height:46px;white-space:nowrap;border:1px solid var(--line);border-radius:8px;background:white;color:#555e6c;font-size:var(--text-12);font-weight:500}.task-nav svg{width:17px;height:17px}.task-nav>a[aria-current=true]{background:var(--ink);color:white;border-color:var(--ink)}.task-nav>a:hover:not([aria-current]){border-color:#a7b4d0;background:var(--accent-soft);color:var(--accent)}
  .browse-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:28px;padding-top:25px;border-top:1px solid var(--line)}.browse-sidebar{min-width:0}.filter-panel summary{display:none;cursor:pointer;list-style:none;align-items:center;gap:8px;font-weight:600;font-size:var(--text-14)}.filter-panel summary::-webkit-details-marker{display:none}.filter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.filter-heading h2{font-size:var(--text-14);letter-spacing:-.015em}.filter-panel form>label:not(.checkbox-label){display:block;font-size:var(--text-12);font-weight:600;margin-bottom:20px}.filter-panel select{margin-top:7px;font-weight:400;font-size:var(--text-12)}.checkbox-label{display:flex;align-items:center;gap:9px;min-height:44px;font-size:var(--text-13);line-height:1.5;cursor:pointer}.filter-panel .checkbox-label{align-items:flex-start;padding-top:7px}.filter-help{color:var(--muted);font-size:var(--text-12);line-height:1.65;margin-top:7px}.sidebar-guide{display:flex;flex-direction:column;gap:13px;padding-top:26px;margin-top:29px;border-top:1px solid var(--line)}.sidebar-guide strong{font-size:var(--text-18);font-weight:500;letter-spacing:-.02em;line-height:1.4}.sidebar-guide>span:last-child{display:flex;align-items:center;gap:6px;font-size:var(--text-12);color:var(--accent);line-height:1.6}.sidebar-guide svg{width:16px}.browse-results{min-width:0}.browse-toolbar{display:flex;align-items:end;gap:16px}.search-form{flex:1;min-width:0}.search-form>label,.sort-field{font-size:var(--text-12);font-weight:500;color:var(--muted)}.search-field{margin-top:7px;display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line-strong);border-radius:8px;padding:0 13px;min-height:45px}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.search-field svg{color:#707a8b;width:17px;height:17px}.search-field input{border:0;background:none;outline:0;width:100%;min-width:0;font-size:var(--text-14)}.search-field input::placeholder{color:#7c8492}.sort-field{width:165px;flex-shrink:0}.sort-field select{margin-top:7px;font-size:var(--text-12);min-height:45px}.results-line{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px}.results-line>p{font-size:var(--text-13);color:var(--muted)}.view-controls{display:flex;gap:3px}.view-controls button{display:grid;place-items:center;width:40px;border:1px solid transparent;border-radius:7px;min-height:40px;color:var(--muted)}.view-controls button[aria-pressed=true]{color:var(--ink);background:white;border-color:var(--line-strong)}.view-controls svg{width:17px;height:17px}.task-context{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:20px;margin-top:20px;background:var(--accent-soft);border-radius:8px}.task-context h2{font-size:var(--text-20)}.task-context p{font-size:var(--text-13);color:var(--muted);margin-top:7px;max-width:550px}.task-context .text-link{white-space:nowrap;font-size:var(--text-12)}.active-filters{display:flex;flex-wrap:wrap;gap:6px}.active-filters:not(:empty){padding-bottom:16px}.filter-chip{display:flex;gap:7px;align-items:center;font-size:var(--text-12);min-height:36px;padding:5px 10px;border:1px solid #cbd6f0;background:var(--accent-soft);color:#315096;border-radius:5px}.filter-chip svg{width:13px;height:13px}
  .device-feed{display:grid;gap:18px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color 150ms,box-shadow 150ms}.device-card:hover{border-color:#b5c0d4;box-shadow:0 3px 12px #26365a08}.card-visual{position:relative;padding:32px 14px 8px;background:#fff;min-width:0}.format-label{position:absolute;inset:12px auto auto 15px;font:400 10px/1.4 var(--font);color:#707783;z-index:1}.device-art{position:relative;background:white;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0}.device-art img{width:100%;height:100%;object-fit:contain;min-width:0}.card-visual .device-art{height:158px}.card-visual img{max-height:158px}.concept-mark{width:100%;height:100%;min-height:140px;border-radius:8px;background:#f0f2f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#606a7b}.concept-mark>svg{width:38px;height:38px;color:var(--accent);margin-bottom:5px}.concept-mark strong{font-size:var(--text-20);letter-spacing:-.04em}.concept-mark span{font-size:var(--text-10)}.card-copy{display:flex;flex-direction:column;flex:1;padding:16px 17px 13px;min-width:0}.card-meta{display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center;justify-content:space-between;margin-bottom:8px}.card-maker{font-size:var(--text-10);color:var(--muted)}.evidence{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;color:#825523;font-size:var(--text-10);line-height:1.5}.evidence.checked{color:var(--green)}.evidence svg{width:11px;height:11px}.card-copy h2{font-size:var(--text-20);letter-spacing:-.028em;line-height:1.2;overflow-wrap:anywhere}.device-description{font-size:var(--text-13);line-height:1.6;margin-top:9px;color:#58616e}.card-needs{font-size:var(--text-12);line-height:1.6;margin-top:13px;color:var(--muted)}.card-needs>span{display:block;font-size:var(--text-10);font-weight:600;color:var(--ink);margin-bottom:2px}.card-market{padding-top:17px;margin-top:auto;display:flex;flex-direction:column;gap:5px}.availability{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-10);line-height:1.5;color:#69717d}.availability i{width:5px;height:5px;border-radius:50%;background:#8a93a2;flex-shrink:0}.availability.listed i{background:#3d8768}.availability.soldout i,.availability.preorder i,.availability.crowdfunding i{background:#c08a4d}.price{font-size:var(--text-14);font-weight:600;letter-spacing:-.01em}.price-note{font-size:var(--text-11);color:var(--muted)}.card-controls{display:flex;align-items:center;gap:8px;border-top:1px solid #edf0f4;padding:3px 9px 3px 15px}.compare-toggle{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:var(--text-12);font-weight:500;white-space:nowrap}.compare-box{display:grid;place-items:center;width:16px;height:16px;border:1px solid #b5bdca;border-radius:4px;color:#8c96a6}.compare-box svg{width:11px;height:11px}.compare-toggle[aria-pressed=true]{color:var(--accent)}.compare-toggle[aria-pressed=true] .compare-box{background:var(--accent);border-color:var(--accent);color:white}.save-button[aria-pressed=true]{color:var(--accent)}.save-button[aria-pressed=true] svg{fill:#dce6ff}.card-controls .save-button{margin-left:auto;width:36px}.card-controls .save-button svg{width:16px}.card-detail{font-size:var(--text-11);display:inline-flex;gap:4px;align-items:center;min-height:44px;margin-left:auto}.card-detail svg{width:14px}.list{grid-template-columns:1fr}.list .device-card{display:grid;grid-template-columns:170px minmax(0,1fr) 130px}.list .card-visual{display:flex;align-items:center;padding:30px 15px 15px;border-right:1px solid #edf0f4}.list .card-visual>a{width:100%}.list .card-visual .device-art{height:145px}.list .card-copy{padding:18px 22px}.list .card-meta{justify-content:flex-start;gap:12px}.list .card-needs{margin-top:8px}.list .card-market{flex-direction:row;justify-content:space-between;align-items:center;padding-top:12px;gap:8px}.list .card-controls{flex-direction:column;justify-content:center;border-top:0;border-left:1px solid #edf0f4;padding:12px}.list .card-detail,.list .save-button{margin:0}.list .device-description{max-width:600px}
  .compare-tray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),1000px);border-radius:12px;background:#202833;color:white;z-index:30;box-shadow:0 12px 38px #16284030;display:flex;align-items:center;gap:20px;padding:15px 18px}.compare-tray>div:first-child{flex-shrink:0;display:flex;flex-direction:column;gap:2px}.compare-tray strong{font-size:var(--text-13)}.tray-hint{font-size:var(--text-10);color:#bac5d5}.tray-items{display:flex;gap:8px;min-width:0;flex:1}.tray-item{border:1px solid #4e5b6c;background:#2c3746;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:6px;font-size:var(--text-11);min-width:0;max-width:205px}.tray-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tray-item button{min-height:30px;min-width:24px;display:grid;place-items:center;color:#c7d0de}.tray-item svg{width:14px}.tray-action{margin-left:auto;background:white;color:var(--ink);white-space:nowrap;font-size:var(--text-13)}.tray-action:hover{background:#e3ebff;color:#1942bb}.toast{position:fixed;bottom:116px;left:50%;transform:translateX(-50%);z-index:40;padding:12px 20px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 20px #17223415;max-width:calc(100% - 32px);width:max-content;font-size:var(--text-13)}.toast:empty{display:none}.empty-state{padding:65px 24px;text-align:center;border:1px dashed #c4ccd9;border-radius:12px;background:#fff;margin-top:15px}.empty-state>svg{width:30px;height:30px;margin:0 auto 18px;color:#7082a4}.empty-state h2{font-size:var(--text-28)}.empty-state p{max-width:430px;color:var(--muted);font-size:var(--text-14);margin:14px auto 20px;line-height:1.7}.collection-main{padding-top:48px}.collection-main>h1{margin-top:14px}.storage-note{font-size:var(--text-12);color:var(--muted);margin-top:9px}#saved-summary{margin-block:28px 15px;font-size:var(--text-13);color:var(--muted)}
  .breadcrumbs{display:flex;gap:11px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:var(--text-12);min-height:77px;padding-block:12px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:32px}.breadcrumbs>span:last-child{color:var(--ink)}.wiki-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:start}.wiki-visual{min-width:0;margin-top:8px}.wiki-visual .device-art{aspect-ratio:1;min-height:0;border:1px solid var(--line);border-radius:14px;padding:26px}.wiki-visual .device-art img{position:absolute;inset:26px;width:calc(100% - 52px);height:calc(100% - 52px)}.wiki-visual .concept-mark{aspect-ratio:1}.photo-credit{margin-top:13px;color:var(--muted);font-size:var(--text-11);line-height:1.7}.photo-credit a{color:var(--accent);display:inline-block;margin-left:5px;min-height:32px}.title-meta{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:var(--text-13)}.title-meta .evidence{font-size:var(--text-11)}.title-meta .evidence svg{width:13px;height:13px}.wiki-title h1{font-size:clamp(2.3rem,4vw,3.2rem);margin-top:9px;overflow-wrap:anywhere}.wiki-description{color:var(--muted);font-size:var(--text-16);margin-top:14px;line-height:1.7}.format-detail{font-size:var(--text-11);display:inline-block;border:1px solid var(--line);padding:5px 9px;border-radius:5px;margin-top:16px}.decision-summary{margin-top:23px}.decision-summary>div{display:grid;grid-template-columns:99px 1fr;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:var(--text-13);line-height:1.6}.decision-summary dt{font-weight:600;color:var(--ink)}.decision-summary dd{color:#59616f}.purchase-row{border-top:1px solid var(--line);margin-top:15px;padding-top:20px}.purchase-row>div:first-child{display:grid;grid-template-columns:1fr auto;gap:3px 20px;align-items:center}.purchase-row .availability{font-size:var(--text-12)}.purchase-row strong{font-size:var(--text-20);grid-column:1}.purchase-row small{font-size:var(--text-10);color:var(--muted);grid-column:1}.purchase-row .button{grid-column:2;grid-row:1/4}.wiki-actions{display:flex;align-items:center;gap:20px;margin-top:18px}.wiki-actions .compare-toggle{font-size:var(--text-13)}.section-nav{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-top:45px;font-size:var(--text-13);font-weight:600}.section-nav a{min-height:55px;display:flex;align-items:center}.wiki-columns{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(220px,1fr);gap:8%;padding-top:40px}.wiki-content{min-width:0}.wiki-content section{margin-bottom:43px;scroll-margin-top:30px}.wiki-content h2{margin:8px 0 20px;font-size:var(--text-28)}.wiki-content p:not(.eyebrow){font-size:var(--text-16);line-height:1.9;color:#58616f;margin-block:15px}.spec-table{border-top:1px solid var(--line)}.spec-table>div{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:var(--text-14);line-height:1.75}.spec-table dt{color:var(--muted);font-size:var(--text-13)}.firmware-callout{background:var(--accent-soft);padding:24px;border-radius:var(--radius);border:1px solid #d9e2f7}.source-list{list-style:none;padding:0;font-size:var(--text-13);color:var(--accent)}.source-list li{border-bottom:1px solid var(--line)}.source-list a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;padding-block:8px}.guide-aside{display:flex;flex-direction:column;align-items:start;gap:14px;border:1px solid var(--line);padding:25px;margin-bottom:18px;border-radius:var(--radius);background:white}.guide-aside>svg{color:var(--accent);width:26px;height:26px}.guide-aside strong{font-weight:500;font-size:var(--text-20);line-height:1.35;letter-spacing:-.025em}.guide-aside>span:last-child{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:var(--text-12)}.wiki-aside>.text-link{font-size:var(--text-12)}.roadmap{list-style:none;padding:0}.roadmap li{display:flex;gap:25px;padding:16px 0;border-bottom:1px solid var(--line);font-size:var(--text-14);color:var(--muted)}.roadmap strong{color:var(--ink);min-width:40px}.alternatives{border-top:1px solid var(--line);padding-top:33px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:8px}.section-heading .text-link{flex-shrink:0}
  .compare-tools{display:flex;gap:24px;align-items:end;flex-wrap:wrap;margin-block:30px}.compare-picker{min-width:0;flex:1;max-width:470px}.compare-picker>label{display:block;font-size:var(--text-13);font-weight:500;margin-bottom:8px}.compare-picker>div{display:flex;gap:9px}.compare-picker select{min-width:0}.compare-tools>.checkbox-label{font-size:var(--text-12)}.compare-tools>#share-comparison{margin-left:auto}.comparison-scroll{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--line);border-radius:12px;background:white}.comparison{border-collapse:collapse;table-layout:fixed;min-width:740px;width:100%;text-align:left}.comparison th,.comparison td{padding:20px;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:var(--text-13);line-height:1.75;overflow-wrap:anywhere}.comparison th:last-child,.comparison td:last-child{border-right:0}.comparison th:first-child{width:170px;background:#f4f6f9;font-weight:500;color:var(--muted);font-size:var(--text-12)}.comparison thead th:not(:first-child){font-size:var(--text-18);font-weight:600}.comparison thead th:first-child{vertical-align:bottom;color:var(--ink);font-size:var(--text-14)}.comparison .device-art{height:130px;margin-bottom:20px}.comparison .device-art img{height:130px}.comparison .concept-mark{min-height:0}.comparison .concept-mark>svg{width:24px;height:24px}.comparison .concept-mark strong{font-size:var(--text-16)}.comparison .remove-compare{display:flex;align-items:center;gap:6px;padding-left:0;font-weight:400;font-size:var(--text-11)}.comparison .remove-compare svg{width:12px}.comparison tbody tr:nth-child(-n+3) td{background:#fbfcff}.comparison tbody tr:last-child>*{border-bottom:0}.comparison tbody tr:last-child td{font-size:var(--text-12);color:var(--muted)}.show-differences tr[data-same=true]{display:none}
  .guide-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.guide-tile{display:flex;flex-direction:column;align-items:start;border:1px solid var(--line);background:white;border-radius:12px;padding:29px}.guide-tile:hover{border-color:#9db3e2;color:var(--ink)}.guide-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:var(--accent-soft);color:var(--accent);margin-bottom:21px}.guide-icon svg{width:24px;height:24px}.guide-tile .eyebrow{font-size:var(--text-10)}.guide-tile h2{margin-top:13px;font-size:var(--text-26);line-height:1.2}.guide-tile p{margin-top:15px;color:var(--muted);font-size:var(--text-14);line-height:1.8}.guide-tile>.text-link{padding-top:25px;margin-top:auto;font-size:var(--text-12)}.guide-header{max-width:860px;margin:25px auto 43px;text-align:center}.guide-header .guide-icon{margin:0 auto 18px}.guide-header h1{margin-top:13px;font-size:clamp(2.35rem,4vw,3.2rem)}.guide-header .intro{margin:20px auto 0;max-width:650px}.guide-intro{max-width:710px;margin:19px auto 0;color:var(--muted);font-size:var(--text-14);line-height:1.85}.guide-options{padding-top:35px;border-top:1px solid var(--line)}.guide-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-pick{position:relative;padding:25px;border:1px solid var(--line);border-radius:12px;background:white;display:flex;flex-direction:column;align-items:start}.pick-number{font:500 11px var(--mono);color:var(--muted)}.guide-pick>a:first-of-type{align-self:stretch}.guide-pick .device-art{height:160px;margin:10px 0 24px}.guide-pick h3{font-size:var(--text-20);line-height:1.3}.pick-device{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:var(--text-14);min-height:44px;margin-top:4px;font-weight:600}.guide-pick p{color:var(--muted);font-size:var(--text-14);line-height:1.8;margin:3px 0 19px}.guide-pick .availability{margin-top:auto;font-size:var(--text-12)}.source-note{font-size:var(--text-12);color:var(--muted);margin-top:19px;max-width:920px;line-height:1.8}.guide-lower{display:grid;grid-template-columns:1fr 1.4fr;gap:7%;border-top:1px solid var(--line);padding-top:43px;margin-top:39px}.guide-lower h2{margin-top:9px;font-size:var(--text-28)}.buying-checks ol{padding-left:24px;margin-top:25px;color:var(--muted);font-size:var(--text-14);line-height:1.8}.buying-checks li{padding:0 0 22px 8px}.buying-checks li::marker{font-weight:600;color:var(--accent)}.checklist-note{margin-top:12px;font-size:var(--text-13);color:var(--muted)}[data-checklist-progress]{font:500 11px var(--mono);margin-block:20px;color:var(--green)}.session-checklist ol{list-style:none;padding:0;margin:0}.session-checklist li{background:white;border:1px solid var(--line);border-radius:9px;padding:20px;margin-bottom:12px}.session-checklist label{display:flex;align-items:center;gap:12px;font-weight:600;font-size:var(--text-14);min-height:44px;cursor:pointer}.session-checklist li:has(input:checked){background:#f1f7f3;border-color:#b6d6c0}.session-checklist li:has(input:checked) label span{text-decoration:line-through;color:#4a6d5a}.session-checklist li>p{font-size:var(--text-14);line-height:1.8;color:var(--muted);margin:5px 0 8px 30px}.session-checklist li>a{display:inline-flex;align-items:center;min-height:44px;margin-left:30px;color:var(--accent);font-size:var(--text-13)}
  .essay{max-width:760px;padding-top:55px}.essay h1{margin-top:13px}.essay>p:not(.eyebrow){font-size:var(--text-16);line-height:1.9;color:var(--muted);margin-block:20px}.essay .lede{font-size:1.35rem!important;line-height:1.7!important;color:#485363!important}.essay h2{margin-top:43px;font-size:var(--text-28)}.essay .button,.essay .primary-button{margin-top:20px}.essay-links{display:flex;flex-wrap:wrap;gap:20px}.essay .detail-link,.essay .back-link{color:var(--accent);font-size:var(--text-14);display:inline-flex;align-items:center;gap:10px;min-height:44px}.essay .primary-button{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;background:var(--accent);color:white;font-size:var(--text-14)}.site-footer{max-width:1320px;width:calc(100% - 40px);margin:70px auto 0;border-top:1px solid var(--line);padding:34px 0 30px;display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between}.site-footer .brand{font-size:var(--text-20)}.site-footer>div>p{margin-top:12px;font-size:var(--text-12);color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;align-items:start;gap:7px 24px;font-size:var(--text-12);color:var(--muted);max-width:580px}.site-footer nav>a{min-height:36px;display:flex;align-items:center}.footer-note{width:100%;font-size:var(--text-10);color:var(--muted);line-height:1.8;border-top:1px solid #e8ebef;padding-top:18px;margin-top:7px}
}
@layer responsive {
  @media(min-width:1500px){.shell,.header-inner,.site-footer{max-width:1380px}.browse-layout{grid-template-columns:210px minmax(0,1fr);gap:34px}.card-visual .device-art,.card-visual img{height:176px;max-height:176px}}
  @media(max-width:1150px){.brand-note{display:none}.browse-layout{grid-template-columns:175px minmax(0,1fr);gap:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-hero{gap:30px}.hero-guide{padding:23px;grid-template-columns:1.2fr 1fr;min-height:220px}.hero-guide h2{font-size:var(--text-26)}.hero-guide .eyebrow{font-size:.51rem}.hero-guide .text-link{font-size:var(--text-11)}.hero-description{font-size:var(--text-14)}.wiki-hero{gap:4%}.wiki-title h1{font-size:var(--text-44)}.guide-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-columns{gap:5%;grid-template-columns:minmax(0,2fr) minmax(210px,1fr)}.compare-tray{gap:14px}.tray-hint{display:none}.tray-item{max-width:170px}.list .device-card{grid-template-columns:140px minmax(0,1fr)}.list .card-controls{grid-column:1/-1;flex-direction:row;border-left:0;border-top:1px solid var(--line);justify-content:space-between;padding:3px 15px}.list .card-copy{padding:16px}.guide-pick{padding:20px}}
  @media(max-width:800px){.header-inner{gap:15px;min-height:68px}.site-header nav{gap:19px}.site-header nav>a{font-size:var(--text-13);min-height:68px}.brand{font-size:var(--text-20)}.brand-symbol{width:28px;height:28px}.discovery-hero{grid-template-columns:1fr 0.8fr;padding-top:34px}.discovery-hero h1{font-size:var(--text-44)}.hero-guide{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:23px;min-height:0}.hero-guide h2{font-size:var(--text-28)}.hero-guide .device-art{display:none}.research-line{font-size:var(--text-11)}.browse-layout{grid-template-columns:1fr;gap:15px;padding-top:17px}.sidebar-guide{display:none}.filter-panel{border:1px solid var(--line);background:white;border-radius:8px}.filter-panel summary{display:flex;min-height:48px;padding:10px 15px}.filter-panel summary::after{content:'+';margin-left:auto;color:var(--muted)}.filter-panel[open] summary::after{content:'−'}.filter-panel form{padding:7px 16px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.filter-heading{grid-column:1/-1;margin-bottom:5px}.filter-panel .checkbox-label,.filter-help{grid-column:1/-1}.filter-panel form>label:not(.checkbox-label){margin-bottom:14px}.filter-help{max-width:500px;margin-top:0}.card-visual .device-art{height:170px}.card-visual img{max-height:170px}.wiki-hero{grid-template-columns:1fr 1.1fr;gap:24px}.wiki-title h1{font-size:var(--text-36)}.wiki-description{font-size:var(--text-14)}.decision-summary>div{grid-template-columns:1fr;gap:4px;padding-block:10px}.decision-summary dt{font-size:var(--text-12)}.decision-summary dd{font-size:var(--text-13)}.purchase-row>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.purchase-row .button{margin-top:9px;width:100%}.wiki-actions{flex-wrap:wrap;gap:8px 20px}.wiki-columns{grid-template-columns:minmax(0,1fr);gap:20px}.wiki-aside{display:flex;flex-wrap:wrap;gap:18px}.wiki-aside .guide-aside{flex:1;min-width:230px;margin:0}.wiki-aside>.text-link{width:100%;margin-bottom:20px}.alternatives{margin-top:20px}.guide-picks{gap:12px}.guide-pick{padding:16px}.guide-pick h3{font-size:var(--text-18)}.guide-pick .device-art{height:130px}.guide-lower{gap:30px;grid-template-columns:1fr 1.25fr}.comparison th:first-child{width:145px}.tray-items{display:none}.tray-action{margin-left:auto}.compare-tray{width:calc(100% - 32px);bottom:16px}.site-footer nav{max-width:100%}}
  @media(max-width:600px){.shell,.header-inner,.site-footer{width:calc(100% - 32px)}.header-inner{flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:15px}.brand{font-size:var(--text-20)}.site-header nav{width:100%;margin:9px 0 0;justify-content:space-between;gap:12px}.site-header nav>a{min-height:45px;font-size:var(--text-13)}.site-header nav svg{width:15px;height:15px}.brand-symbol{width:29px;height:29px}.brand-note{display:block;margin-left:auto;font-size:.51rem}.discovery-hero{display:block;padding:29px 0 24px}.discovery-hero h1{font-size:var(--text-40);letter-spacing:-.045em;margin-top:10px}.discovery-hero .eyebrow{font-size:var(--text-10)}.hero-description{font-size:var(--text-14);line-height:1.7;max-width:440px;margin-top:15px}.desktop-only{display:none}.hero-guide{display:none}.research-line{font-size:var(--text-10);margin-top:15px}.task-nav{gap:7px;padding-bottom:17px}.task-nav>a{min-height:44px;font-size:var(--text-12);padding:9px 11px}.task-nav svg{width:16px}.browse-layout{padding-top:16px;gap:19px}.filter-panel summary{font-size:var(--text-13);min-height:44px}.filter-panel form{grid-template-columns:1fr}.filter-panel form>label:not(.checkbox-label){font-size:var(--text-13)}.filter-panel select{font-size:var(--text-14)}.browse-toolbar{gap:10px}.search-field{gap:7px;padding-inline:10px}.search-field input{font-size:var(--text-16)}.search-form>label,.sort-field{font-size:var(--text-11)}.sort-field{width:123px}.sort-field select{font-size:var(--text-11);padding-left:8px;padding-right:20px}.results-line{min-height:60px}.results-line>p{font-size:var(--text-12)}.view-controls button{width:38px}.task-context{flex-direction:column;align-items:flex-start;gap:4px;padding:16px;margin-top:17px}.task-context h2{font-size:var(--text-20)}.task-context p{font-size:var(--text-13)}.active-filters:not(:empty){padding-bottom:14px}.filter-chip{font-size:var(--text-11);min-height:38px}.grid{grid-template-columns:1fr}.device-feed{gap:14px}.device-card,.list .device-card{display:grid;grid-template-columns:103px minmax(0,1fr)}.card-visual,.list .card-visual{padding:31px 7px 10px;border-right:0;display:block;align-self:start}.format-label{inset:11px 7px auto 10px;white-space:normal;font-size:var(--text-10);line-height:1.35}.card-visual .device-art,.list .card-visual .device-art{height:118px}.card-visual img,.list .card-visual img{max-height:118px}.concept-mark{min-height:118px}.concept-mark strong{font-size:var(--text-14)}.concept-mark>svg{width:30px;height:30px}.concept-mark span{font-size:.52rem;text-align:center}.card-copy,.list .card-copy{padding:15px 13px 14px 9px}.card-meta{flex-direction:column;align-items:start;gap:2px;margin-bottom:7px}.card-maker{font-size:var(--text-10)}.evidence{font-size:var(--text-10)}.card-copy h2{font-size:var(--text-18);line-height:1.25}.device-description{font-size:var(--text-13);line-height:1.65;margin-top:8px}.card-needs{font-size:var(--text-12);margin-top:10px}.card-needs>span{font-size:var(--text-10)}.card-market,.list .card-market{flex-direction:column;align-items:start;gap:5px;padding-top:12px}.availability{font-size:var(--text-10)}.price{font-size:var(--text-13)}.price-note{font-size:var(--text-11)}.card-controls,.list .card-controls{grid-column:1/-1;flex-direction:row;justify-content:initial;padding:3px 10px 3px 13px;border-left:0;border-top:1px solid #edf0f4}.compare-toggle{font-size:var(--text-12)}.card-detail{font-size:var(--text-12)}.card-controls .card-detail,.list .card-detail{margin-left:auto}.card-controls .save-button,.list .save-button{margin-left:14px;width:40px}.card-controls .save-button svg{width:18px}.list .card-meta{gap:2px}.filter-panel .filter-help{font-size:var(--text-12)}.compare-tray{gap:10px;padding:12px 14px;border-radius:10px;bottom:12px}.compare-tray strong{font-size:var(--text-13)}.tray-hint{display:block;font-size:var(--text-10)}.tray-action{font-size:var(--text-13);min-height:42px}.toast{font-size:var(--text-12);bottom:103px}.collection-main{padding-top:32px}.collection-main>h1{font-size:2.6rem;margin-top:12px}.intro{font-size:var(--text-16);margin-top:15px}.storage-note{font-size:var(--text-12)}.empty-state{padding:42px 20px}.empty-state h2{font-size:var(--text-24)}.empty-state p{font-size:var(--text-14)}.breadcrumbs{font-size:var(--text-11);min-height:60px;gap:8px}.wiki-hero{grid-template-columns:1fr;gap:22px}.wiki-visual{margin:0}.wiki-visual .device-art{aspect-ratio:1.35;padding:20px}.wiki-visual .device-art img{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}.photo-credit{font-size:var(--text-10);line-height:1.8;margin-top:10px}.title-meta{font-size:var(--text-12);gap:12px}.title-meta .evidence{font-size:var(--text-10)}.wiki-title h1{font-size:var(--text-40)}.wiki-description{font-size:var(--text-16);line-height:1.7}.format-detail{font-size:var(--text-11);margin-top:13px}.decision-summary{margin-top:20px}.decision-summary>div{grid-template-columns:85px 1fr;gap:10px;padding:13px 0}.decision-summary dt{font-size:var(--text-12)}.decision-summary dd{font-size:var(--text-14)}.purchase-row{margin-top:12px;padding-top:18px}.purchase-row>div:first-child{display:grid;grid-template-columns:1fr auto;gap:3px 13px}.purchase-row .button{width:auto;grid-column:2;grid-row:1/4;font-size:var(--text-13);padding:11px 14px}.purchase-row strong{font-size:var(--text-18)}.purchase-row small{font-size:var(--text-10)}.wiki-actions{gap:15px;margin-top:15px}.wiki-actions .button{font-size:var(--text-13)}.wiki-actions .compare-toggle{font-size:var(--text-13)}.section-nav{margin-top:25px;gap:21px;font-size:var(--text-12)}.section-nav a{min-height:52px}.wiki-columns{padding-top:28px}.wiki-content h2{font-size:var(--text-26)}.wiki-content p:not(.eyebrow){font-size:var(--text-14);line-height:1.9}.spec-table>div{grid-template-columns:100px 1fr;gap:15px;padding:15px 0;font-size:var(--text-13)}.spec-table dt{font-size:var(--text-12)}.wiki-content section{margin-bottom:32px}.source-list{font-size:var(--text-13)}.guide-aside{padding:22px}.section-heading{flex-direction:column;align-items:start;gap:8px}.section-heading h2{font-size:var(--text-24)}.section-heading .text-link{font-size:var(--text-13)}.alternatives{padding-top:27px}.compare-tools{gap:14px;margin-block:24px}.compare-picker{flex-basis:100%;max-width:none}.compare-picker>label{font-size:var(--text-12)}.compare-picker select{font-size:var(--text-13)}.compare-tools>.checkbox-label{font-size:var(--text-12);flex:1}.compare-tools>#share-comparison{font-size:var(--text-11);padding:10px 12px}.comparison{min-width:680px}.comparison th,.comparison td{padding:15px;line-height:1.8;font-size:var(--text-13)}.comparison th:first-child{width:115px;font-size:var(--text-11)}.comparison thead th:first-child{font-size:var(--text-12)}.comparison thead th:not(:first-child){font-size:var(--text-16)}.comparison .device-art,.comparison .device-art img{height:100px}.guide-directory{grid-template-columns:1fr;gap:14px;margin-top:28px}.guide-tile{padding:23px}.guide-tile h2{font-size:var(--text-26);max-width:330px}.guide-tile .guide-icon{margin-bottom:17px;width:42px;height:42px}.guide-tile>.text-link{padding-top:15px}.guide-tile p{font-size:var(--text-14)}.guide-header{margin:18px auto 28px;text-align:left}.guide-header .guide-icon{margin:0 0 20px}.guide-header h1{font-size:2.6rem}.guide-header .intro{font-size:var(--text-16)}.guide-intro{font-size:var(--text-14)}.guide-picks{grid-template-columns:1fr}.guide-pick{padding:22px}.guide-pick .device-art{height:170px}.guide-pick h3{font-size:var(--text-22)}.guide-pick p{font-size:var(--text-14)}.guide-pick .availability{font-size:var(--text-12)}.guide-options{padding-top:27px}.source-note{font-size:var(--text-12)}.guide-lower{grid-template-columns:1fr;gap:30px;padding-top:29px;margin-top:28px}.guide-lower h2{font-size:var(--text-26)}.buying-checks ol{font-size:var(--text-14);margin-bottom:0}.buying-checks li{padding-bottom:18px}.session-checklist li{padding:17px}.session-checklist label{font-size:var(--text-14);align-items:flex-start;padding-top:8px}.session-checklist label input{margin-top:3px}.session-checklist li>p{margin-left:30px;font-size:var(--text-13)}.session-checklist li>a{font-size:var(--text-12)}.essay{padding-top:35px}.essay h1{font-size:2.9rem}.essay>p:not(.eyebrow){font-size:var(--text-14)}.essay .lede{font-size:1.15rem!important}.essay h2{font-size:var(--text-26);margin-top:31px}.site-footer{margin-top:45px;gap:20px;padding-top:28px}.site-footer nav{gap:3px 20px;font-size:var(--text-12)}.site-footer>div>p{font-size:var(--text-12);max-width:320px}.footer-note{font-size:var(--text-10);margin:0;padding-top:15px}}
  @media(max-width:360px){.brand-note{font-size:.45rem}.site-header nav>a{font-size:var(--text-12)}.site-header nav{gap:8px}.discovery-hero h1{font-size:var(--text-36)}.hero-description{font-size:var(--text-13)}.research-line{align-items:start;line-height:1.7}.research-line svg{margin-top:3px}.sort-field{width:113px}.search-field input{font-size:var(--text-16)}.device-card,.list .device-card{grid-template-columns:88px minmax(0,1fr)}.card-copy,.list .card-copy{padding-left:8px;padding-right:11px}.card-copy h2{font-size:var(--text-18)}.card-visual .device-art,.list .card-visual .device-art{height:105px}.format-label{font-size:.51rem}.card-meta{gap:3px}.decision-summary>div{grid-template-columns:78px 1fr;gap:9px}.purchase-row>div:first-child{display:flex;align-items:flex-start;gap:6px}.purchase-row .button{width:100%;margin-top:12px}.wiki-actions{justify-content:space-between;gap:5px}.wiki-actions .button{font-size:var(--text-12);padding:11px}.section-nav{gap:17px;font-size:var(--text-11)}.compare-tools>#share-comparison{width:100%;margin:0}.guide-header h1{font-size:var(--text-36)}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
  @media(prefers-contrast:more){:root{--muted:#414852;--line:#8390a1}.evidence,.availability,.format-label{color:var(--ink)}}
  @media(forced-colors:active){.button,.device-card,.filter-chip,.compare-box{border:1px solid ButtonText}.brand-symbol{background:Canvas;color:CanvasText}.availability i{background:CanvasText}}
}
@layer components {
  .discovery-hero h1{font-size:clamp(2.25rem,3.8vw,3.2rem)}
  .card-specs{display:grid;gap:7px;margin-top:13px;padding-top:10px;border-top:1px solid #edf0f4}
  .card-specs>div{display:grid;grid-template-columns:31px minmax(0,1fr);gap:7px;font-size:var(--text-12);line-height:1.6}
  .card-specs dt{color:var(--muted);font-size:var(--text-10);padding-top:2px}
  .card-specs dd{color:#505c6d;overflow-wrap:anywhere}
  .list .card-specs{grid-template-columns:1fr 1fr;gap:15px}
  .comparison-examples{display:flex;flex-wrap:wrap;gap:10px 25px;justify-content:center;border-top:1px solid var(--line);margin-top:25px;padding-top:20px}
  .comparison-examples a{display:flex;align-items:center;gap:7px;color:var(--accent);min-height:44px;font-size:var(--text-13);text-align:left}
  .hero-guide .text-link{font-size:var(--text-11);line-height:1.7}
  .hero-guide .text-link svg{width:14px}
}
@layer responsive {
  @media(max-width:600px){.card-specs{gap:7px;margin-top:11px;padding-top:9px}.card-specs>div{grid-template-columns:1fr;gap:0;font-size:var(--text-12)}.card-specs dt{font-size:var(--text-10)}.list .card-specs{grid-template-columns:1fr;gap:7px}.card-needs{font-size:var(--text-12)}.discovery-hero h1{font-size:var(--text-36)}}
}
@layer components {
  .discovery-hero{grid-template-columns:1.4fr 1fr;padding-block:28px 26px;gap:4%}
  .discovery-hero h1{font-size:clamp(2.2rem,3.4vw,2.95rem)}
  .hero-description{font-size:var(--text-14);margin-top:14px;line-height:1.65}
  .research-line{margin-top:14px}
  .hero-guide{padding:22px;min-height:190px;gap:15px}
  .hero-guide h2{font-size:var(--text-26)}
  .hero-guide .device-art{width:150px;max-width:100%;justify-self:end}
  .hero-guide .eyebrow{font-size:.51rem}
  .list .card-visual .device-art,.list .card-visual img{max-height:135px;height:135px}
  .list .card-copy{padding:16px 21px}
  .list .card-specs{border-top:0;padding-top:0;margin-top:10px}
  .list .card-market{padding-top:10px}
  .list .card-controls{align-items:center}
}
@layer responsive {
  @media(max-width:800px){.hero-guide .device-art{display:none}.hero-guide{min-height:0}.hero-guide h2{font-size:var(--text-26)}}
  @media(max-width:600px){.discovery-hero{padding:26px 0 23px}.discovery-hero h1{font-size:2.15rem}.hero-description{font-size:var(--text-14)}.list .card-copy{padding:15px 13px 14px 9px}.list .card-specs{border-top:1px solid #edf0f4;padding-top:9px}.list .card-visual .device-art,.list .card-visual img{height:118px;max-height:118px}}
  @media(max-width:360px){.discovery-hero h1{font-size:var(--text-32)}.list .card-copy{padding-right:11px;padding-left:8px}}
}
@layer components {
  .catalog-main:has(.discovery-hero[hidden]) .task-nav{padding-top:22px}
  .card-specs>div{font-size:var(--text-13)}
  .card-specs dt{font-size:var(--text-11)}
  .card-maker{font-size:var(--text-11)}
  .evidence{font-size:var(--text-11)}
  .card-needs{font-size:var(--text-12)}
  .card-needs>span{font-size:var(--text-11)}
  .comparison-scroll{max-height:78vh;overflow:auto}
  .comparison thead th{position:sticky;top:0;z-index:2;background:white;box-shadow:0 1px 0 var(--line)}
  .comparison th:first-child{position:sticky;inset-inline-start:0;z-index:1;background:#f4f6f9}
  .comparison thead th:first-child{z-index:3}
}

@layer components {
  .guide-comparisons{justify-content:flex-start;margin-top:30px}
  .card-image-note{display:block;text-align:center;font-size:var(--text-10);line-height:1.6;color:var(--muted);padding:7px 4px 0}
}

@layer responsive {
  @media(max-width:600px){
    .grid .device-card{display:flex;flex-direction:column}
    .grid .card-visual{align-self:stretch;padding:34px 20px 12px}
    .grid .card-visual .device-art{height:180px}
    .grid .card-visual img{max-height:180px}
    .grid .card-copy{padding:16px 20px}
    .grid .card-meta{flex-direction:row;flex-wrap:wrap;gap:5px 12px}
    .grid .card-copy h2{font-size:var(--text-22)}
    .grid .card-controls{padding-inline:16px}
  }
}

@layer responsive {
  @media(max-width:600px){
    .comparison{min-width:calc(100px + var(--device-count,3)*180px)}.comparison[data-device-count="1"]{--device-count:1}.comparison[data-device-count="2"]{--device-count:2}.comparison[data-device-count="3"]{--device-count:3}.comparison[data-device-count="4"]{--device-count:4}.comparison[data-device-count="5"]{--device-count:5}.comparison[data-device-count="6"]{--device-count:6}
    .comparison th:first-child{width:100px}
  }
}

/* ---- Catalogue density and the header link -------------------------------- */

/* Three columns on a 1380px shell gave 460px cards: a catalogue of 154 things that
   shows nine of them per screen. Four columns is still a comfortable card and shows
   a third more without shrinking the photograph much. */
/* The catalogue grid lives in discovery.css, which owns .device-feed and loads after this
   file; an override here loses at equal specificity wherever it is placed. */

/* .catalog-start had no styling at all, so it inherited body text and its trailing
   arrow wrapped onto a line of its own under the heading. inline-flex keeps the arrow
   beside the text however the text wraps. */
.catalog-start { margin-top: 10px; }
.catalog-start a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: var(--text-14); font-weight: 600; color: var(--accent); }
.catalog-start a:hover { text-decoration: underline; }
.catalog-start svg { flex: none; width: 16px; height: 16px; }