:root{--ink:#171b20;--muted:#59616b;--blue:#204bdf;--line:#dbe0e8;--paper:#fff;--wash:#f2f5fa;--dark:#111820;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.3rem,6vw,5rem);line-height:1.02;letter-spacing:-.045em;max-width:1000px;margin-bottom:1.5rem}h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.13;letter-spacing:-.025em}h3{font-size:1.15rem;line-height:1.35}p,li{line-height:1.7}.wrap{max-width:1280px;margin:auto;padding:0 30px}.skip{position:absolute;left:-10000px}.skip:focus{position:fixed;left:10px;top:10px;background:white;padding:15px;z-index:20}.header{border-bottom:1px solid var(--line)}.headrow{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:90px}.brand{font-weight:800;text-decoration:none;font-size:1.2rem;letter-spacing:-.04em;line-height:1.1;flex-shrink:0}.brand span{display:block;color:var(--blue);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-top:6px}nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}nav a{font-weight:600;font-size:.9rem;text-decoration:none}nav a:hover,.textlink:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;background:var(--blue);color:#fff;text-decoration:none;border:1px solid var(--blue);font-weight:700;cursor:pointer;min-height:46px}.button:hover{background:#1638a9;color:white}.button.secondary{background:white;color:var(--ink);border-color:var(--line)}.actions{display:flex;gap:12px;flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;color:var(--blue);margin-bottom:18px}.hero{padding:64px 0 54px;display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center}.hero p.intro{font-size:1.2rem;max-width:530px;color:var(--muted)}.hero h1{font-size:clamp(3.2rem,7vw,6rem)}.hero-image{background:var(--wash);position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:25px}.hero-image a{text-decoration:none}.hero-image img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.hero-image small{display:block;font-size:.8rem;font-weight:700;margin:8px 0}.routegrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.routegrid a{padding:22px;text-decoration:none;border-right:1px solid var(--line);font-weight:700}.routegrid a:last-child{border:0}.routegrid span{display:block;font-size:.8rem;color:var(--muted);font-weight:400;margin-bottom:9px}.section{padding:52px 0;border-top:1px solid var(--line)}.sectionhead{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:22px}.sectionhead h2{margin:0}.sectionhead p{max-width:560px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{border:1px solid var(--line);background:white;display:flex;flex-direction:column;min-width:0}.product-photo{background:var(--wash);display:block;padding:24px}.product-photo img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.cardbody{padding:20px;display:flex;flex:1;flex-direction:column}.brandname{font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:9px}.cardbody h3 a{text-decoration:none}.cardbody p{font-size:.93rem;color:var(--muted)}.cardactions{margin-top:auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cardactions .button{font-size:.85rem;padding:10px 14px}.textlink{font-size:.85rem;font-weight:700}.editorial-card{border-top:3px solid var(--ink);padding:22px 0}.editorial-card h3{font-size:1.28rem}.editorial-card h3 a{text-decoration:none}.editorial-card p{color:var(--muted);font-size:.94rem}.tags{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tags a{border:1px solid var(--line);padding:11px 15px;text-decoration:none;font-size:.9rem;font-weight:600}.tags a:hover{border-color:var(--blue);color:var(--blue)}.disclosure{font-size:.8rem;color:var(--muted);line-height:1.55;margin:16px 0}.crumbs{display:flex;gap:9px;flex-wrap:wrap;font-size:.8rem;padding-top:25px;color:var(--muted)}.pagehead{padding:45px 0 28px}.pagehead h1{font-size:clamp(2.2rem,4.5vw,4rem)}.lede{font-size:1.15rem;color:var(--muted);max-width:900px;line-height:1.7}.byline{font-size:.8rem;color:var(--muted)}.prose{max-width:840px}.prose p,.prose li{font-size:1.05rem}.prose h2{margin-top:42px}.prose a{color:#193dba}.prose .disclosure{font-size:.8rem}.prose .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prose .cardbody p{font-size:.9rem}.article-layout{display:grid;grid-template-columns:minmax(0,840px) 220px;gap:65px;align-items:start}.sidebar{position:sticky;top:24px;border-top:3px solid var(--blue);padding-top:20px}.sidebar h2{font-size:1rem}.sidebar a{display:block;padding:13px 0;font-size:.9rem;border-bottom:1px solid var(--line);text-decoration:none}.toc{border:1px solid var(--line);padding:18px 22px;background:var(--wash);margin:12px 0 28px}.toc summary{font-weight:700;cursor:pointer}.toc li{font-size:.95rem}.tablewrap{max-width:100%;overflow-x:auto;margin:28px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}th{background:var(--dark);color:white;font-size:.85rem}th,td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top}tr:nth-child(even) td{background:var(--wash)}.faq{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:700;cursor:pointer;line-height:1.5}.faq p{margin-top:16px;margin-bottom:0}.product-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;margin:40px 0}.large-image{padding:45px;background:var(--wash);align-self:start}.large-image img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.product-detail h1{font-size:clamp(2rem,3.7vw,3.5rem)}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:24px 0}.specs div{border-top:1px solid var(--line);padding:15px 8px 15px 0}.specs dt{font-size:.75rem;color:var(--muted);margin-bottom:5px}.specs dd{margin:0;font-weight:700}.callout{background:var(--dark);color:white;padding:38px;display:flex;justify-content:space-between;gap:36px;align-items:center}.callout p{color:#c5cbd4;max-width:650px}.callout h2{max-width:650px}.collection-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px}.collection-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:.9rem;text-decoration:none}.collection-nav h2{font-size:1rem}.brandgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brandtile{padding:24px;border:1px solid var(--line);text-decoration:none;font-weight:700}.brandtile small{display:block;font-size:.8rem;color:var(--muted);margin-top:12px;font-weight:400}.toolpanel{padding:28px;background:var(--wash);border:1px solid var(--line);margin:16px 0 28px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.field label{display:block;font-size:.9rem;font-weight:700;margin-bottom:9px}select,input{width:100%;min-height:48px;padding:10px;border:1px solid #98a2b2;background:white;color:var(--ink);border-radius:0}.filter-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.status{font-size:.9rem;margin:0}.resultpanel{margin-top:24px;background:white;padding:22px;border-left:4px solid var(--blue)}.resultpanel strong{font-size:1.7rem}.resultpanel p{margin:10px 0 0}.footer{background:var(--dark);color:#fff;padding:44px 0;margin-top:65px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footergrid p{color:#c5cbd4;font-size:.9rem;max-width:490px;margin-top:20px}.footerlinks a{display:block;color:#c5cbd4;font-size:.9rem;margin-bottom:14px}.fineprint{border-top:1px solid #39404a;margin-top:30px;padding-top:25px;font-size:.78rem;color:#c5cbd4;line-height:1.7}.pick-label{background:var(--ink);color:#fff;font-size:.8rem;font-weight:700;padding:10px 20px}.note{border-left:3px solid var(--blue);padding:15px 20px;background:var(--wash)}:focus-visible{outline:3px solid #efaa22;outline-offset:4px}
@media(max-width:1000px){.headrow{padding:20px 0;align-items:flex-start}.headrow nav{gap:15px}.grid.four{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 180px}.collection-layout{display:block}.collection-nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:25px}.collection-nav h2{width:100%;margin-bottom:0}.hero{gap:25px}.brandgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.wrap{padding:0 18px}.headrow{display:block}.headrow nav{margin-top:22px}.headrow nav .button{padding:9px 12px}.hero{display:block;padding:38px 0}.hero-image{margin-top:30px;padding:20px}.hero h1{font-size:3.5rem}.routegrid{grid-template-columns:1fr 1fr}.routegrid a{border-bottom:1px solid var(--line)}.grid,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cardbody{padding:14px}.product-photo{padding:16px}.cardactions{align-items:stretch;flex-direction:column}.cardactions .button{width:100%}.section{padding:36px 0}.sectionhead{display:block}.sectionhead h2{margin-bottom:15px}.article-layout{display:block}.sidebar{position:static;margin-top:35px}.product-detail{display:block}.large-image{margin-bottom:28px;padding:25px}.filters{grid-template-columns:1fr 1fr}.toolpanel{padding:20px}.callout{display:block;padding:26px}.footergrid{grid-template-columns:1fr;gap:28px}.brandgrid{grid-template-columns:1fr 1fr}.prose .grid{grid-template-columns:1fr 1fr}.pagehead{padding-top:30px}th,td{padding:12px;min-width:125px}.tablewrap{font-size:.9rem}}
@media(max-width:420px){.grid,.grid.four,.prose .grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.hero h1{font-size:3rem}.brandgrid{grid-template-columns:1fr 1fr}.headrow nav{font-size:.85rem}.filter-footer{align-items:flex-start;flex-direction:column}}

/* Final component alignment */
[hidden]{display:none!important}.hero-image{grid-template-columns:1fr;text-decoration:none}.hero-image span{font-size:.8rem;line-height:1.5;font-weight:700}.callout{display:block}.callout .button{margin:8px 0 24px}.sidebar .button{padding:13px;color:white;border:1px solid var(--blue)}.toc{display:block}.toc strong{display:block;margin-bottom:8px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq details:last-child{border-bottom:0}.tags span{background:var(--wash);font-size:.78rem;padding:7px 9px}.brandtile span{display:block;font-size:.8rem;color:var(--muted);margin-top:12px}.routegrid a:hover{background:var(--wash)}.routegrid strong{display:block;line-height:1.4;margin-bottom:10px}.routegrid a{border-bottom:1px solid var(--line)}.prose{padding-bottom:28px}.filters{grid-template-columns:repeat(4,minmax(0,1fr))}.toolpanel>button{margin-top:22px}.headrow>.button{flex-shrink:0}@media(max-width:1000px){.headrow{padding:20px 30px}.headrow>nav{gap:14px}}@media(max-width:720px){.headrow{padding:22px 18px}.headrow>.button{margin-top:18px}.filters{grid-template-columns:1fr 1fr}.sidebar{margin-bottom:30px}}@media(max-width:420px){.filters{grid-template-columns:1fr}}
