:root{
  --ink-950:oklch(0.22 0.035 240);--ink-800:oklch(0.34 0.03 240);--ink-650:oklch(0.46 0.025 240);--ink-500:oklch(0.56 0.02 240);
  --paper-50:oklch(0.985 0.006 210);--paper-100:oklch(0.965 0.009 210);--paper-200:oklch(0.925 0.012 210);
  --teal-700:oklch(0.46 0.085 185);--teal-600:oklch(0.55 0.105 185);--teal-100:oklch(0.93 0.025 185);
  --amber-700:oklch(0.5 0.105 70);--amber-100:oklch(0.94 0.035 85);--red-700:oklch(0.5 0.13 25);
  --surface:var(--paper-50);--surface-alt:var(--paper-100);--surface-raised:oklch(0.998 0.002 210);
  --text:var(--ink-950);--text-muted:var(--ink-650);--line:var(--paper-200);--accent:var(--teal-700);--accent-strong:var(--teal-600);
  --button-bg:var(--ink-950);--button-text:var(--paper-50);--focus:var(--teal-600);
  --display:'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;
  --sans:'Avenir Next','Segoe UI',Helvetica,sans-serif;
  --radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow:0 16px 45px oklch(0.22 0.035 240 / .08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{min-height:100dvh;background:var(--surface);color:var(--text);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(oklch(0.46 0.085 185 / .11) .6px,transparent .6px);background-size:22px 22px;mask-image:linear-gradient(to bottom,black,transparent 65%)}
img{display:block;max-width:100%;height:auto}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
button,input,select{font:inherit}
button,[role=button],select{cursor:pointer}
button{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
::selection{background:var(--teal-100);color:var(--ink-950)}
h1,h2,h3{font-family:var(--display);line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(2.65rem,7vw,5.4rem);max-width:11ch}
h2{font-size:clamp(2rem,4vw,3.2rem)}
h3{font-size:clamp(1.35rem,2.4vw,1.75rem)}
p{max-width:72ch}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.skip-link{position:fixed;top:8px;left:8px;z-index:60;padding:12px 16px;background:var(--ink-950);color:var(--paper-50);transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.section-shell{width:min(1280px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:10;background:oklch(0.985 0.006 210 / .94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.header-inner{width:min(1360px,calc(100% - 32px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text)}
.brand:hover{text-decoration:none}
.brand-mark{width:36px;height:36px;color:var(--accent)}
.brand span{display:flex;flex-direction:column;line-height:1.1}
.brand strong{font-size:1.05rem;letter-spacing:-.02em}
.brand small{font-size:.75rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}
.primary-nav{display:flex;align-items:center;gap:6px}
.primary-nav>a{display:flex;align-items:center;min-height:44px;padding:8px 13px;color:var(--text-muted);font-weight:600;font-size:.93rem}
.primary-nav>a:hover{color:var(--text);text-decoration:none}
.menu-button.icon-button{display:none}
.icon-button{width:44px;height:44px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.icon-button:hover{background:var(--surface-alt)}
.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:650;font-size:.93rem;transition:transform 140ms ease-out,background-color 140ms ease-out,color 140ms ease-out,border-color 140ms ease-out}
.button:hover{text-decoration:none;transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.button-primary{background:var(--button-bg);color:var(--button-text)}
.button-primary:hover{background:var(--accent)}
.button-outline{background:transparent;border-color:var(--line);color:var(--text)}
.button-outline:hover{background:var(--surface-alt);border-color:var(--accent)}
.button-quiet{background:var(--surface-alt);color:var(--text-muted)}
.button-small{min-height:40px;padding:8px 13px}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:650}
.hero{display:grid;gap:48px;padding-block:72px 56px}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.overline,.section-index{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.hero-lede{margin-top:26px;font-size:1.13rem;line-height:1.75;color:var(--text-muted);max-width:62ch}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}
.research-note{margin-top:24px;color:var(--text-muted);font-size:.88rem}
.decision-panel{background:var(--ink-950);color:var(--paper-50);padding:28px;border-radius:var(--radius-lg);box-shadow:var(--shadow);align-self:center}
.panel-heading{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid oklch(0.98 0.006 210 / .16)}
.panel-heading h2{font-family:var(--sans);font-size:1rem;letter-spacing:.02em}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--teal-600);box-shadow:0 0 0 5px oklch(0.55 0.105 185 / .14)}
.finding-list>div{display:grid;grid-template-columns:1fr 1.35fr;gap:16px;padding:18px 0;border-bottom:1px solid oklch(0.98 0.006 210 / .12)}
.finding-list>div:last-child{border-bottom:0;padding-bottom:0}
.finding-list dt{font-size:.83rem;color:var(--paper-200)}
.finding-list dd{display:flex;flex-direction:column}
.finding-list dd strong{font-size:.94rem}
.finding-list dd span{font-size:.78rem;color:var(--paper-200)}
.finding-caution dd strong{color:oklch(0.86 0.09 85)}
.recommendation-strip{display:grid;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:80px}
.recommendation-strip article{padding:26px 0}
.recommend-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}
.recommendation-strip h2{font-family:var(--sans);font-size:1.25rem;letter-spacing:-.02em;margin:6px 0}
.recommendation-strip p{font-size:.9rem;color:var(--text-muted)}
.section-heading{display:grid;gap:20px;margin-bottom:30px}
.section-heading>p{color:var(--text-muted);max-width:55ch;font-size:.95rem}
.section-index{margin-bottom:8px}
.filter-bar{display:grid;gap:14px;padding:20px;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-md)}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-size:.78rem;font-weight:700;color:var(--text-muted)}
.field input,.field select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);padding:9px 12px}
.field input::placeholder{color:var(--ink-500)}
.search-wrap{position:relative}
.search-wrap svg{position:absolute;left:12px;top:13px;width:18px;height:18px;color:var(--text-muted);pointer-events:none}
.search-wrap input{padding-left:40px}
.result-count{font-size:.85rem;color:var(--text-muted);margin:18px 0}
.model-grid{display:grid;gap:24px}
.model-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 5px 22px oklch(0.22 0.035 240 / .04)}
.model-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 18px}
.model-brand{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.model-card h3{font-size:1.85rem;margin-top:3px}
.model-sku{font-size:.78rem;color:var(--text-muted);margin-top:4px}
.status-badge{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:750;white-space:nowrap}
.status-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.status-standalone{background:var(--teal-100);color:var(--teal-700)}
.status-controller{background:var(--amber-100);color:var(--amber-700)}
.photo-layout{display:grid;grid-template-columns:1fr;background:var(--surface-alt);border-block:1px solid var(--line)}
.photo-stage{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;padding:20px}
.photo-stage img{width:100%;height:290px;object-fit:contain;mix-blend-mode:multiply}
.photo-open{position:absolute;inset:0;width:100%;border:0;background:transparent;cursor:zoom-in}
.photo-open span{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;background:var(--ink-950);color:var(--paper-50);border-radius:999px;padding:8px 12px;font-size:.74rem}
.photo-caption{padding:12px 20px;border-top:1px solid var(--line);font-size:.76rem;color:var(--text-muted);background:var(--surface-raised)}
.photo-caption a{font-weight:650}
.thumbnail-list{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;background:var(--surface-raised);border-top:1px solid var(--line)}
.thumbnail-button{flex:0 0 54px;width:54px;height:54px;padding:3px;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--surface-alt);overflow:hidden}
.thumbnail-button[aria-pressed=true]{border-color:var(--accent)}
.thumbnail-button img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.thumbnail-button.online-thumb{display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:var(--accent)}
.model-summary{padding:22px 24px 0;color:var(--text-muted);font-size:.94rem}
.key-facts{display:grid;grid-template-columns:repeat(2,1fr);margin:20px 24px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.key-facts>div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.key-facts dt{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}
.key-facts dd{font-size:.91rem;font-weight:650;margin-top:3px;font-variant-numeric:tabular-nums}
.detail-list{padding:16px 24px 0;display:grid;gap:8px}
.detail-list>div{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:.82rem}
.detail-list dt{color:var(--text-muted)}
.detail-list dd{font-weight:550}
.practical-note{margin:18px 24px 0;padding:14px 0;border-top:1px solid var(--line);font-size:.84rem;color:var(--text-muted)}
.practical-note strong{color:var(--text)}
.model-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px 14px}
.model-docs{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0 24px 24px}
.model-docs a{display:inline-flex;align-items:center;min-height:36px;font-size:.76rem;font-weight:650}
.empty-state{text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:var(--radius-lg)}
.empty-state p{margin:10px auto 20px;color:var(--text-muted)}
.compare-section{width:100%;max-width:none;background:var(--ink-950);color:var(--paper-50);padding:80px max(20px,calc((100% - 1280px)/2));margin-top:88px}
.compare-section .section-index{color:oklch(0.72 0.08 185)}
.section-heading-light>p{color:var(--paper-200)}
.comparison-block{margin-top:36px;padding-top:28px;border-top:1px solid oklch(0.98 0.006 210 / .16)}
.comparison-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.comparison-heading h3{font-size:2rem}
.comparison-heading p{color:var(--paper-200);font-size:.9rem;margin-top:5px}
.comparison-tag{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:oklch(0.72 0.08 185);padding-top:8px}
.selector-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;margin-bottom:22px}
.compare-section .field label{color:var(--paper-200)}
.compare-section .field select{background:var(--ink-800);border-color:oklch(0.98 0.006 210 / .18);color:var(--paper-50)}
.swap-button{min-width:58px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid oklch(0.98 0.006 210 / .18);border-radius:var(--radius-sm);background:transparent;color:var(--paper-50)}
.swap-button span{display:none}
.swap-button:hover{background:var(--ink-800)}
.pair-summary{display:grid;gap:12px;margin-bottom:20px}
.pair-model{display:flex;align-items:center;gap:14px;padding:14px;background:var(--ink-800);border-radius:var(--radius-sm)}
.pair-model img{width:58px;height:58px;object-fit:contain;background:var(--paper-50);border-radius:6px}
.pair-model strong{display:block}
.pair-model span{font-size:.78rem;color:var(--paper-200)}
.table-scroll{max-width:100%;overflow-x:auto;border:1px solid oklch(0.98 0.006 210 / .16);border-radius:var(--radius-sm)}
.comparison-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:620px}
.comparison-table th,.comparison-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid oklch(0.98 0.006 210 / .12)}
.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}
.comparison-table thead th{background:var(--ink-800);font-size:.8rem;letter-spacing:.04em}
.comparison-table tbody th{width:23%;color:var(--paper-200);font-weight:550}
.comparison-table td{font-variant-numeric:tabular-nums}
.comparison-table .selected-row{background:oklch(0.55 0.105 185 / .12)}
.comparison-table .selected-row th,.comparison-table .selected-row td{color:var(--paper-50)}
.delta-good{color:oklch(0.78 0.12 160);font-weight:650}
.delta-neutral{color:oklch(0.84 0.08 85);font-weight:650}
.table-footnote{font-size:.78rem;color:var(--paper-200);margin-top:14px}
.focus-field{max-width:480px;margin-bottom:20px}
.sources-section{padding-block:80px}
.method-grid{display:grid;gap:24px;margin:32px 0 40px}
.method-grid article{border-top:2px solid var(--accent);padding-top:16px}
.method-grid h3{font-family:var(--sans);font-size:1rem;letter-spacing:0;margin-bottom:8px}
.method-grid p{font-size:.88rem;color:var(--text-muted)}
.source-list{border-top:1px solid var(--line)}
.source-item{display:grid;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}
.source-item h3{font-family:var(--sans);font-size:1rem;letter-spacing:0}
.source-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.source-links a{display:inline-flex;align-items:center;min-height:34px;font-size:.8rem;font-weight:600}
.photo-credit{font-size:.76rem;color:var(--text-muted)}
.cisco-note{margin-top:28px;padding:18px;background:var(--amber-100);border-radius:var(--radius-sm);font-size:.86rem;color:var(--amber-700)}
.site-footer{width:min(1280px,calc(100% - 40px));margin:auto;padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}
.site-footer p{font-size:.78rem;color:var(--text-muted)}
.lightbox{width:min(1100px,calc(100% - 32px));max-height:92dvh;border:0;border-radius:var(--radius-lg);padding:0;background:var(--surface);color:var(--text);box-shadow:0 24px 90px oklch(0.1 0.02 240 / .5)}
.lightbox::backdrop{background:oklch(0.12 0.03 240 / .82);backdrop-filter:blur(4px)}
.lightbox-frame{display:flex;flex-direction:column;max-height:92dvh}
.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.lightbox-toolbar p{font-size:.75rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.lightbox-toolbar h2{font-family:var(--sans);font-size:1.05rem;letter-spacing:0}
.lightbox-frame>img{width:100%;min-height:0;flex:1;object-fit:contain;background:var(--surface-alt);max-height:68dvh}
.lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid var(--line)}
.lightbox-footer p{font-size:.8rem;color:var(--text-muted)}
.lightbox-controls{display:flex;align-items:center;gap:10px;white-space:nowrap}
.lightbox-controls span{font-size:.78rem;color:var(--text-muted)}
@media (min-width:700px){
  .hero{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);align-items:center;padding-block:96px 72px}
  .recommendation-strip{grid-template-columns:repeat(3,1fr)}
  .recommendation-strip article{padding:28px}
  .recommendation-strip article:first-child{padding-left:0}
  .recommendation-strip article:last-child{padding-right:0}
  .recommendation-strip article+article{border-left:1px solid var(--line)}
  .section-heading{grid-template-columns:1.2fr .8fr;align-items:end}
  .filter-bar{grid-template-columns:repeat(2,1fr)}
  .field-search{grid-column:1/-1}
  .model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .method-grid{grid-template-columns:repeat(3,1fr)}
  .source-item{grid-template-columns:180px 1fr;gap:20px}
  .source-item .photo-credit{grid-column:2}
  .pair-summary{grid-template-columns:repeat(2,1fr)}
  .swap-button span{display:inline}
  .swap-button{min-width:90px}
}
@media (min-width:1100px){
  .filter-bar{grid-template-columns:minmax(230px,1.6fr) repeat(4,minmax(140px,1fr)) auto;align-items:end}
  .field-search{grid-column:auto}
}
@media (max-width:760px){
  .menu-button.icon-button{display:inline-flex}
  .primary-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 20px 20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
  .primary-nav.is-open{display:flex}
  .primary-nav>a{justify-content:center}
  .hero{padding-block:48px 40px;gap:36px}
  .hero h1{font-size:clamp(2.55rem,13vw,4rem)}
  .decision-panel{padding:22px}
  .recommendation-strip{margin-bottom:60px}
  .recommendation-strip article+article{border-top:1px solid var(--line)}
  .compare-section{padding-top:60px;margin-top:64px}
  .sources-section{padding-block:60px}
  .model-card-header{padding:20px 20px 16px}
  .model-summary,.practical-note{margin-inline:20px;padding-inline:0}
  .key-facts{margin-inline:20px}
  .detail-list{padding-inline:20px}
  .model-actions{padding-inline:20px}
  .model-docs{padding-inline:20px}
  .lightbox-footer{flex-direction:column;align-items:stretch}
  .lightbox-controls{justify-content:space-between}
}
@media (max-width:520px){
  .section-shell,.site-footer{width:min(100% - 28px,1280px)}
  .hero-actions{align-items:stretch;flex-direction:column;width:100%}
  .hero-actions .button,.hero-actions .text-link{justify-content:center}
  .finding-list>div{grid-template-columns:1fr;gap:4px}
  .filter-bar{padding:16px}
  .model-card h3{font-size:1.55rem}
  .model-card-header{flex-direction:column;gap:10px}
  .photo-stage{min-height:240px;padding:12px}
  .photo-stage img{height:240px}
  .selector-row{grid-template-columns:1fr;gap:12px}
  .swap-button{justify-self:center;transform:rotate(90deg);min-width:48px}
  .swap-button span{display:none}
  .comparison-heading{flex-direction:column}
  .comparison-tag{padding-top:0}
  .site-footer{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{
  .site-header,.hero-actions,.filter-bar,.model-actions,.thumbnail-list,.photo-open span,.compare-section,.site-footer,.lightbox{display:none!important}
  body::before{display:none}
  body{background:white;color:black;font-size:11px}
  .hero{padding:20px 0;grid-template-columns:1fr 1fr}
  .decision-panel{box-shadow:none}
  .recommendation-strip{margin-bottom:20px}
  .models-section{margin-top:20px}
  .model-grid{grid-template-columns:1fr 1fr;gap:12px}
  .model-card{break-inside:avoid;box-shadow:none}
  .photo-stage{min-height:150px}.photo-stage img{height:150px}
  .sources-section{padding-top:20px}
}

/* Forty-unit purchase verdict */
.purchase-section{padding-bottom:24px}
.scenario-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;padding:6px;background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-md)}
.scenario-picker button{flex:1 1 190px;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:.84rem;font-weight:650;transition:background-color 140ms ease-out,color 140ms ease-out}
.scenario-picker button:hover{background:var(--surface-raised);color:var(--text)}
.scenario-picker button[aria-pressed=true]{background:var(--ink-950);color:var(--paper-50)}
.purchase-verdict{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow)}
.purchase-decision{padding:32px}
.verdict-kicker{margin-bottom:10px;color:var(--accent);font-size:.75rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.purchase-decision h3{font-size:clamp(2.1rem,5vw,3.5rem)}
.purchase-price{display:flex;align-items:baseline;gap:12px;margin:14px 0 20px;font-variant-numeric:tabular-nums}
.purchase-price strong{font-family:var(--display);font-size:2.4rem;color:var(--accent)}
.purchase-price span{color:var(--text-muted);font-size:.85rem}
#purchase-body{color:var(--text-muted);font-size:.95rem}
.purchase-points{display:grid;gap:8px;margin:20px 0 24px;list-style:none}
.purchase-points li{position:relative;padding-left:22px;font-size:.86rem;font-weight:550}
.purchase-points li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}
.purchase-visual{display:flex;flex-direction:column;background:var(--surface-alt);border-left:1px solid var(--line)}
.purchase-visual>img{width:100%;height:360px;object-fit:contain;flex:1;mix-blend-mode:multiply}
.purchase-condition{padding:22px;border-top:1px solid var(--line)}
.purchase-condition strong{font-size:.88rem}
.purchase-condition p{margin-top:6px;color:var(--text-muted);font-size:.83rem}
.purchase-alternatives{display:grid;gap:22px;margin:32px 0}
.purchase-alternatives article{padding-top:16px;border-top:2px solid var(--accent)}
.purchase-alternatives article>span{color:var(--accent);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.purchase-alternatives h3{margin:5px 0 8px;font-family:var(--sans);font-size:1.15rem;letter-spacing:-.02em}
.purchase-alternatives p{color:var(--text-muted);font-size:.85rem}
.lot-checklist{display:grid;gap:28px;margin:34px 0;padding:30px;border-radius:var(--radius-lg);background:var(--ink-950);color:var(--paper-50)}
.lot-checklist h3{font-size:1.65rem}
.lot-checklist p{margin-top:8px;color:var(--paper-200);font-size:.86rem}
.lot-checklist ol{display:grid;gap:12px;padding-left:22px}
.lot-checklist li{padding-left:5px;color:var(--paper-200);font-size:.83rem}
.lot-checklist li strong{color:var(--paper-50)}
.ranking-header{margin:32px 0 16px}
.ranking-header h3{font-size:1.75rem}
.ranking-header p{margin-top:6px;color:var(--text-muted);font-size:.84rem}
.purchase-table-wrap{border-color:var(--line)}
.purchase-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.82rem;background:var(--surface-raised)}
.purchase-table th,.purchase-table td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.purchase-table thead th{background:var(--surface-alt);color:var(--text-muted);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
.purchase-table tbody th{font-weight:650}
.purchase-table tbody tr:last-child th,.purchase-table tbody tr:last-child td{border-bottom:0}
.purchase-table tbody tr:first-child{background:var(--teal-100)}
.score-track{display:block;width:76px;height:5px;margin-top:7px;border-radius:999px;background:var(--paper-200);overflow:hidden}
.score-track span{display:block;height:100%;background:var(--accent)}
.price-evidence{display:grid;gap:22px;margin:32px 0 16px}
.price-evidence article{padding-top:16px;border-top:1px solid var(--line)}
.price-evidence article>span{color:var(--text-muted);font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.price-evidence h3{margin:5px 0 8px;font-family:var(--sans);font-size:1rem;letter-spacing:0}
.price-evidence p{color:var(--text-muted);font-size:.8rem}
.price-evidence a{display:inline-flex;align-items:center;min-height:40px;font-size:.78rem;font-weight:650}
.price-note{color:var(--text-muted);font-size:.76rem}
.purchase-research-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.purchase-research-links a{display:inline-flex;align-items:center;min-height:36px;font-size:.78rem;font-weight:650}
@media (min-width:760px){
  .purchase-verdict{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)}
  .purchase-alternatives{grid-template-columns:repeat(3,1fr)}
  .lot-checklist{grid-template-columns:.8fr 1.2fr}
  .price-evidence{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:759px){
  .purchase-decision{padding:24px}
  .purchase-visual{border-left:0;border-top:1px solid var(--line)}
  .purchase-visual>img{height:260px}
  .purchase-alternatives{gap:16px}
  .lot-checklist{padding:24px}
}
@media print{.scenario-picker{display:none!important}.purchase-verdict{box-shadow:none}.purchase-alternatives,.price-evidence{grid-template-columns:repeat(3,1fr)}.lot-checklist{grid-template-columns:1fr 1.4fr}}