:root{--black:#0a0a0a;--panel:#141414;--gold:#c8a24a;--gold-bright:#e8c878;--cream:#f4efe6;--grey:#b8b5ad;--line:#303030}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--cream);font-family:'Oswald',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}
.skip{position:absolute;top:-70px;left:16px;padding:12px 18px;z-index:999;background:var(--gold);color:#161616}
.skip:focus{top:12px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.promo{background:var(--gold);color:#161616;padding:9px 20px;text-align:center;font-size:13px;font-weight:500}
header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:var(--black)}
.nav{max-width:1280px;margin:auto;display:flex;align-items:center;gap:18px;padding:14px 24px}
.logo{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.nav .logo{margin-right:auto;flex-shrink:0}
.brandmark{height:34px;width:100px;display:block;color:var(--cream)}
.logo small{color:var(--gold);font-size:8px;letter-spacing:.24em;text-transform:uppercase;margin-top:5px}
.nav ul{display:flex;align-items:center;gap:24px;list-style:none;font-size:14px}
.nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.nav a:hover,.nav [aria-current]{color:var(--gold-bright)}
.cta-mini{border:1px solid var(--gold);padding:8px 16px;color:var(--gold-bright);font-size:13px;white-space:nowrap;flex:none}
.nav .acct-link{margin-right:0!important;margin-left:0;font-size:13px;white-space:nowrap}
.nav [data-gfs-carticon]{margin-left:0!important;min-width:32px}
main{max-width:1280px;margin:auto;padding:0 24px}
.compare-hero{padding:30px 0 64px}
.back{display:inline-block;color:var(--grey);font-size:13px;padding:10px 0;margin-bottom:42px}
.eyebrow{color:var(--gold-bright);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}
h1{font-size:clamp(34px,4.7vw,62px);line-height:1.25;letter-spacing:-.045em;font-weight:600}
h1 span{color:var(--gold-bright)}
.intro{color:var(--grey);font-size:17px;line-height:1.8;margin-top:24px}
.use-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.use-guide a{background:var(--panel);border:1px solid var(--line);padding:26px;transition:border-color .2s}
.use-guide a:hover{border-color:var(--gold)}
.use-guide span{color:var(--gold-bright);font-size:12px;letter-spacing:.12em}
.use-guide strong{display:block;font-size:23px;font-weight:500;margin:12px 0 10px}
.use-guide p{color:var(--grey);font-size:14px;line-height:1.8}
.comparison{padding:24px 0 64px;scroll-margin-top:105px;min-width:0}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
h2{font-size:clamp(25px,3vw,36px);font-weight:500;letter-spacing:-.025em;line-height:1.4}
.text-link,.guide-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold-bright);font-size:14px}
.filters{display:flex;flex-wrap:wrap;gap:10px}
.filters button{min-height:44px;padding:10px 22px;background:transparent;color:var(--cream);border:1px solid #555;border-radius:3px;font-size:14px}
.filters button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#161616;font-weight:600}
.filters button:hover{border-color:var(--gold-bright)}
.filters button:disabled{opacity:.5;cursor:not-allowed}
.result-count{font-size:14px;margin-top:24px;color:var(--cream)}
.table-hint{font-size:13px;color:var(--grey);margin:8px 0 16px}
.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);scrollbar-color:var(--gold) #222}
table{width:100%;min-width:1140px;border-collapse:separate;border-spacing:0;text-align:left;font-size:14px;line-height:1.7}
thead th{background:#24211b;color:var(--gold-bright);font-size:13px;font-weight:500;white-space:nowrap}
th,td{padding:22px 18px;border-bottom:1px solid var(--line);vertical-align:middle}
thead th:first-child,tbody th{position:sticky;left:0;z-index:1;border-right:1px solid var(--line)}
thead th:first-child{z-index:2}
tbody th{background:var(--panel);min-width:170px;width:170px}
tbody tr:last-child>*{border-bottom:0}
tbody tr[hidden]{display:none}
tbody td{background:#101010;color:#d3d0c8;min-width:110px}
tbody td.size{min-width:155px;white-space:nowrap}
tbody td.power,tbody td.inputs{min-width:185px}
tbody td.use{min-width:150px}
.model-image{width:90px;height:80px;object-fit:contain;background:#191919;margin-bottom:10px}
.model-name{font-size:16px;display:block;font-weight:500}
.model-link:hover .model-name{text-decoration:underline;text-underline-offset:4px}
.stock{display:inline-block;font-size:11px;font-weight:400;padding:2px 8px;border:1px solid #416c54;color:#d5ebda;margin-top:8px;border-radius:2px}
.stock.soldout{color:#ddd;border-color:#666;background:#333}
.stock.unknown{color:#ddd;border-color:#666}
.source-link{display:block;font-size:12px;color:var(--grey);font-weight:400;padding:10px 0;min-height:44px}
.source-link:hover{color:var(--gold-bright)}
.amount{color:var(--gold-bright);font-size:17px;font-weight:500;white-space:nowrap}
td small{display:block;color:var(--grey);font-size:12px;margin-top:5px}
.spec-notes{margin-top:22px;display:grid;gap:10px;color:var(--grey);font-size:13px;line-height:1.8}
.notice{margin:20px 0;padding:20px;background:var(--panel);color:var(--grey)}
.notice a{color:var(--gold-bright);text-decoration:underline}
.purchase-guide{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;border-top:1px solid var(--line);padding:44px 0 64px}
.purchase-guide p:not(.eyebrow){font-size:14px;color:var(--grey);margin-top:18px;line-height:1.9}
.warranty{border-left:2px solid var(--gold);padding-left:26px}
.warranty>strong{font-size:21px;font-weight:500}
.warranty p b{color:var(--cream);font-weight:500}
.guide-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px}
footer{background:#070707;border-top:1px solid var(--line)}
.foot{max-width:1280px;margin:0 auto;padding:48px 24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:34px}
.foot-brand{display:flex;flex-direction:column;align-items:center}
.foot .logo{margin-bottom:14px}
.foot p{color:var(--grey);font-size:13px;max-width:420px}
.foot-links{display:flex;justify-content:center;gap:72px;flex-wrap:wrap}
.foot h5{font-size:14px;margin-bottom:10px;color:var(--gold)}
.foot ul{list-style:none;display:flex;flex-direction:column;align-items:center}
.foot ul a{display:inline-flex;align-items:center;min-height:44px;color:var(--grey);font-size:13px}
.foot ul a:hover{color:var(--cream)}
.copy{text-align:center;color:#aaa;font-size:12px;padding:22px 24px;border-top:1px solid var(--line)}
@media(max-width:1050px){.nav{gap:12px}.nav ul{gap:14px;font-size:13px}}
@media(max-width:900px){.nav ul{display:none}.use-guide{gap:12px}.use-guide a{padding:20px}.purchase-guide{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){
  main{padding:0 18px}
  .promo{font-size:12px;padding:8px 18px}
  .nav{gap:4px;padding:10px 12px}
  .nav .logo{flex-shrink:1;min-width:0;max-width:100px}
  .nav .brandmark{width:96px;max-width:100%;height:30px}
  .nav .logo small{font-size:7px;letter-spacing:.13em}
  .nav .acct-link{font-size:11px!important;margin:0!important;padding:0 4px;letter-spacing:0!important}
  .nav .cta-mini{font-size:11px;padding:8px}
  .nav [data-gfs-carticon]{min-width:36px}
  .nav .nav-burger{margin-left:0;width:40px;min-height:44px}
  .compare-hero{padding:18px 0 34px}
  .back{margin-bottom:28px}
  .intro{font-size:15px}
  .use-guide{grid-template-columns:1fr;margin-top:28px}
  .use-guide a{padding:18px 20px}
  .use-guide strong{font-size:20px;margin:6px 0}
  .use-guide p br{display:none}
  .filters{gap:8px}
  .filters button{padding:10px 14px;font-size:13px}
  .section-top{gap:10px;margin-bottom:22px}
  th,td{padding:18px 14px}
  tbody th{width:145px;min-width:145px}
  .model-image{width:75px;height:68px}
  .model-name{font-size:14px}
  .comparison{padding-bottom:38px}
  .purchase-guide{padding:32px 0 44px}
  .warranty{padding-left:18px}
  .foot-links{gap:48px}
}
@media(max-width:380px){.nav .cta-mini{display:none}.nav .logo small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}