@font-face{font-family:Barlow;src:url('/assets/barlow-400.woff2');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('/assets/barlow-600.woff2');font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url('/assets/barlow-700.woff2');font-weight:700;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('/assets/barlow-condensed-900.woff2');font-weight:900;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('/assets/barlow-condensed-900-italic.woff2');font-weight:900;font-style:italic;font-display:swap}
:root{--navy:#0a2357;--blue:#29408f;--orange:#ff6b1a;--paper:#f5f6f9;--ink:#142238;--muted:#566476;--line:#dfe4ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:white;font:17px/1.6 Barlow,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #de5200;outline-offset:5px}button{cursor:pointer}[hidden]{display:none!important}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy)}h1,h2{font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:900;line-height:1.04;letter-spacing:-.018em}h2{font-size:48px;margin-bottom:22px}h3{font-size:25px;line-height:1.15}h1 em,h2 em{font-style:italic;color:var(--orange)}p{margin-bottom:20px}strong{font-weight:600}.wrap{max-width:1320px;margin:0 auto;padding-left:40px;padding-right:40px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;line-height:1.5;margin-bottom:18px;color:var(--blue)}.lead{font-size:21px;line-height:1.55}.fineprint{font-size:13px;color:var(--muted)}.skip{position:absolute;top:-100px;left:16px;background:#fff;padding:14px;z-index:100}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-band{background:#edf0f6;font-size:12px;color:var(--navy)}.preview-band .wrap{display:flex;align-items:center;gap:12px;padding-top:8px;padding-bottom:8px}.preview-band strong{font-weight:600}.preview-band .status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%}.preview-band .wrap>span:last-child{margin-left:auto;color:var(--muted)}.header{display:flex;align-items:center;gap:30px;min-height:92px}.brand{display:flex}.brand img{width:203px}.site-brand{margin-left:auto;text-align:right;text-decoration:none;line-height:1.2;color:var(--navy)}.site-brand strong{font-weight:700;font-size:24px}.site-brand strong span{font-size:12px;letter-spacing:.08em;vertical-align:middle;margin-left:12px}.site-brand small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}.navline{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.navline nav{display:flex;align-items:center;gap:30px;min-height:50px;font-size:14px;font-weight:600}.navline a{text-decoration:none;padding:12px 0}.navline a:hover,.navline a[aria-current]{color:var(--blue)}.navline a[aria-current]{box-shadow:inset 0 -3px var(--orange)}.navline .shop-link{margin-left:auto}.shop-link span{color:#b44000}.menu-toggle{display:none}
.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:50px;padding:14px 22px;background:var(--orange);border:0;border-radius:4px;color:#13203a;text-decoration:none;font-size:15px;font-weight:700;line-height:1.4}.button:hover{background:#ff8a48}.button-navy{color:white;background:var(--navy)}.button-navy:hover{background:var(--blue)}.hero{color:white;background:linear-gradient(90deg,rgba(7,25,64,.97),rgba(7,25,64,.87) 48%,rgba(7,25,64,.42)),url('/assets/hero-autumn.jpg') center 62%/cover}.hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:80px;align-items:center;padding-top:65px;padding-bottom:55px;min-height:615px}.hero h1{color:white;font-size:82px;margin-bottom:22px;line-height:.99}.hero .lead{color:#e5eaf4;font-size:20px;max-width:560px}.eyebrow.light{color:white;font-size:10px;display:flex;align-items:center;gap:10px}.light>span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:14px;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.hero-bottom{display:flex;gap:22px;font-size:9px;letter-spacing:.12em;color:#d1d9ea;margin-top:38px}.hero-panel{background:white;color:var(--ink);padding:32px 34px;border-radius:7px;box-shadow:0 14px 45px #0002;border-top:4px solid var(--orange)}.hero-panel .eyebrow{font-size:9px;letter-spacing:.09em}.hero-panel h2{font-size:40px;margin-bottom:15px}.hero-panel>p:not(.eyebrow){font-size:15px}.quick-links{margin:24px 0 18px}.quick-links a{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:16px;font-weight:600}.quick-links a:hover{color:var(--blue)}.quick-links a span:last-child{color:#ad3e00}.hero-panel .fineprint{font-size:12px!important;margin-bottom:0}.principles{background:var(--paper);border-bottom:1px solid var(--line)}.principles .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:23px;padding-bottom:23px}.principles p{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:600;margin:0}.principles b{font:900 30px 'Barlow Condensed',sans-serif;color:#c2510c}.section{padding-top:76px;padding-bottom:76px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:34px}.section-heading h2{margin:0}.section-heading>p,.section-heading>div:last-child>p{max-width:350px;color:var(--muted);font-size:16px;margin-bottom:3px}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.use-card{position:relative;display:block;text-decoration:none;border:1px solid var(--line);padding:26px 24px 50px;border-radius:5px;transition:box-shadow .15s,border-color .15s}.use-card:hover{border-color:var(--blue);box-shadow:0 5px 20px #0a235710}.use-index{font:900 37px 'Barlow Condensed',sans-serif;color:#8895ad}.use-card h3{margin:20px 0 10px}.use-card strong{font-size:13px;color:var(--blue)}.use-card p{font-size:14px;color:var(--muted);margin:9px 0 0}.use-arrow{position:absolute;right:22px;bottom:16px;color:#b44000;font-size:21px}.material-section{background:var(--paper);padding:60px 0}.material-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.material-photo{background:white;border-radius:6px;padding:35px;text-align:center;border:1px solid var(--line)}.material-photo img{width:300px;max-width:100%;image-rendering:auto}.material-photo>span{display:block;font-size:9px;letter-spacing:.08em;color:var(--muted);margin-top:20px}.material-grid>div>p:not(.eyebrow){max-width:590px;color:var(--muted)}.material-facts{display:grid;grid-template-columns:1fr 1fr;margin:26px 0;gap:20px}.material-facts>div{border-left:2px solid var(--orange);padding-left:15px}.material-facts strong{display:block;color:var(--navy)}.material-facts span{display:block;font-size:13px;color:var(--muted);margin-top:5px}.search-label{display:block;font-size:12px;color:var(--navy);font-weight:600;margin-top:16px}input[type=search]{width:100%;max-width:360px;padding:12px 15px;border:1px solid #9ba8bf;background:var(--paper);border-radius:4px;font-size:14px;margin-top:5px}.knowledge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.knowledge-card{display:flex;flex-direction:column;border:1px solid var(--line);padding:25px 24px;border-radius:5px;min-width:0}.knowledge-card h3{font-size:23px;margin:23px 0 15px}.knowledge-card h3 a{text-decoration:none}.knowledge-card h3 a:hover{text-decoration:underline}.knowledge-card p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:24px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:5px}.card-top .eyebrow{font-size:9px;letter-spacing:.08em;margin:0}.card-number{font:900 25px 'Barlow Condensed',sans-serif;color:#8c99ae}.readmore{display:inline-block;color:var(--navy);font-size:14px;font-weight:600;text-decoration:none}.knowledge-card .readmore{margin-top:auto;display:flex;justify-content:space-between;gap:10px}.readmore:hover{text-decoration:underline}.knowledge-card .readmore span{color:#b44000}.selection-band{background:#edf0f8;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.selection-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.selection-band h2{font-size:38px;margin-bottom:10px}.selection-band p{margin-bottom:0;color:var(--muted)}.selection-band .eyebrow{margin-bottom:12px}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.faq-grid>div>p:not(.eyebrow){color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{position:relative;list-style:none;cursor:pointer;font-weight:600;padding:21px 35px 21px 0;line-height:1.45;color:var(--navy)}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;top:17px;font-weight:400;font-size:25px;color:#ad3e00}details[open]>summary:after{content:'−'}details p{color:var(--muted);font-size:16px;margin-bottom:23px}.faq-grid .readmore{margin-top:25px}.source-note{padding-top:0;padding-bottom:40px}.source-note p{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:0}.source-note a{color:var(--navy)}.shop-banner{padding:45px 0;background:var(--navy);color:#e2e8f5}.shop-banner>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.shop-banner .eyebrow{color:#d1daf0;font-size:9px}.shop-banner h2{color:white;font-size:47px;margin-bottom:15px}.shop-banner p:last-child{font-size:15px;margin-bottom:0}.footer{display:flex;align-items:start;gap:50px;padding-top:38px;padding-bottom:35px}.footer p{font-size:12px;color:var(--muted);margin:15px 0 0}.footer nav{display:flex;flex-wrap:wrap;gap:25px;margin-left:auto;padding-top:10px}.footer nav a{font-size:12px;text-decoration:none}.footer nav a:hover{text-decoration:underline}.footer>small{font-size:10px;color:var(--muted);padding-top:13px}
.article-header{background:var(--paper);border-bottom:1px solid var(--line);padding:25px 0 45px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-bottom:32px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-header h1{font-size:64px;max-width:900px;margin:15px 0 25px}.article-header .lead{max-width:850px;color:#394961;font-size:21px}.article-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin:24px 0 0}.article-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:90px;padding-top:52px;padding-bottom:65px}.article-aside nav{display:flex;flex-direction:column;gap:16px}.article-aside nav a{text-decoration:none;font-size:14px;color:var(--muted)}.article-aside nav a:hover{color:var(--navy);text-decoration:underline}.aside-callout{background:var(--paper);padding:22px;margin-top:30px;border-left:2px solid var(--orange);font-size:14px}.aside-callout strong{color:var(--navy)}.aside-callout p{color:var(--muted);font-size:13px;margin:10px 0}.aside-callout a{font-size:13px;font-weight:600}.prose{max-width:850px;min-width:0}.prose h2{font-family:Barlow,Arial,sans-serif;font-size:27px;line-height:1.3;letter-spacing:0;font-weight:700;margin-top:40px;margin-bottom:20px}.prose>h2:first-child{margin-top:0}.prose p,.prose li{font-size:18px;line-height:1.8}.prose .citation{font-size:12px;color:var(--muted);white-space:normal}.prose strong{color:var(--navy)}.prose details p{font-size:17px;line-height:1.7}.table-scroll{overflow-x:auto;max-width:100%;margin:28px 0;border:1px solid var(--line);border-radius:4px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;background:var(--paper);color:var(--navy);font-size:13px}td,th{padding:15px;border-bottom:1px solid var(--line);vertical-align:top}td{min-width:130px}.article-sources{background:var(--paper);padding:25px;margin-top:35px;border-radius:4px}.article-sources h2{font-size:19px;margin:0 0 10px}.article-sources p,.article-sources a{font-size:13px}.article-sources p{margin-bottom:10px}.related{border-top:1px solid var(--line);padding-top:45px;padding-bottom:65px}.related h2{font-size:37px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.related-grid .knowledge-card{min-height:220px}.sources-page{padding-top:50px;padding-bottom:60px}.sources-page p{overflow-wrap:anywhere}.selection-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:75px;align-items:start}.step-title{display:flex;align-items:center;gap:18px;margin:0 0 22px}.step-title>span{font:900 34px 'Barlow Condensed',sans-serif;color:#b34a0c}.step-title h2{font:700 26px/1.25 Barlow,sans-serif;margin:0}fieldset{padding:0;border:0;margin:0 0 40px;min-width:0}legend{font-size:14px;color:var(--muted);margin-bottom:17px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice{position:relative;display:flex;align-items:start;gap:12px;padding:20px;border:1px solid #bbc5d5;border-radius:5px;cursor:pointer}.choice:has(input:checked){border-color:var(--blue);background:#eff2fb;box-shadow:inset 0 0 0 1px var(--blue)}.choice input{margin:5px 0 0;accent-color:var(--blue)}.choice span{display:block}.choice strong{display:block;color:var(--navy);font-size:17px}.choice small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.field-label{display:block;font-size:14px;margin:0 0 10px}select{width:100%;padding:13px 15px;border:1px solid #a3aec0;border-radius:4px;background:white;font-size:15px;color:var(--navy)}#selection-form>button{margin-top:25px}.selection-aside{background:var(--paper);padding:32px;border-radius:6px;border-top:4px solid var(--orange)}.selection-aside h2{font-size:37px}.checklist{padding-left:22px}.checklist li{padding:0 0 20px 8px;font-size:14px}.checklist li::marker{color:var(--blue);font-weight:700}.checklist strong{display:block;color:var(--navy)}.checklist span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.notice{background:white;border-left:3px solid var(--orange);padding:15px;font-size:13px;color:var(--muted)}.result-panel{padding:28px;margin-top:35px;background:#f0f3fb;border:1px solid #cbd4e8;border-radius:5px}.result-panel h2{font-size:32px}.result-panel>p{font-size:16px}.result-panel .fineprint{margin:18px 0 0;font-size:12px}
@media(min-width:1500px){.hero-grid{min-height:650px}.hero h1{font-size:91px}}
@media(max-width:1100px){.wrap{padding-left:28px;padding-right:28px}.hero-grid{gap:40px;grid-template-columns:1.1fr .9fr}.hero h1{font-size:70px}.hero-panel{padding:25px}.hero-panel h2{font-size:35px}.navline nav{gap:22px;font-size:13px}.use-grid,.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-grid{gap:40px}.faq-grid{gap:50px}.article-layout{gap:45px;grid-template-columns:210px minmax(0,1fr)}.footer{flex-wrap:wrap;gap:20px}.footer>small{flex-basis:100%}.selection-layout{gap:35px}.choice{padding:15px}.hero-bottom{gap:13px;font-size:8px}}
@media(max-width:720px){body{font-size:16px}.wrap{padding-left:22px;padding-right:22px}h2{font-size:38px}.preview-band .wrap{gap:7px;font-size:10px;padding-top:7px;padding-bottom:7px}.preview-band .wrap>span:last-child{font-size:9px}.header{gap:12px;min-height:84px}.brand img{width:154px}.site-brand strong{font-size:24px}.site-brand strong span{display:none}.site-brand small{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:white;border-radius:4px;color:var(--navy);font-size:11px;padding:9px;margin-left:2px}.menu-toggle>span{font-size:16px}.navline nav{min-height:43px;display:flex;overflow-x:auto;gap:24px;white-space:nowrap;font-size:12px}.navline nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;white-space:normal;padding-top:8px;padding-bottom:8px}.navline nav.is-open a{padding:12px 0}.navline nav.is-open .shop-link{margin-left:0}.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:38px;padding-bottom:35px;min-height:0}.hero h1{font-size:clamp(55px,12vw,76px);margin-bottom:22px}.hero .lead{font-size:17px}.hero-copy .eyebrow{font-size:9px}.hero-actions{gap:20px;margin-top:25px;flex-wrap:wrap}.hero-actions .button{padding:14px 18px;gap:20px}.text-link{font-size:13px}.hero-bottom{font-size:8px;gap:15px;margin-top:28px;flex-wrap:wrap}.hero-panel{padding:26px}.hero-panel h2{font-size:35px}.hero-panel h2 br{display:none}.hero-panel>p:not(.eyebrow){font-size:14px}.quick-links{margin-top:16px}.quick-links a{padding:11px 0}.principles .wrap{grid-template-columns:1fr;gap:13px;padding-top:22px;padding-bottom:22px}.principles p{font-size:13px;gap:15px}.principles b{font-size:24px}.section{padding-top:45px;padding-bottom:45px}.section-heading{flex-direction:column;align-items:start;gap:22px;margin-bottom:28px}.section-heading>p,.section-heading>div:last-child>p{max-width:none;font-size:15px}.section-heading>div:last-child{width:100%}.section-heading h2{font-size:38px}.use-grid{gap:12px}.use-card{padding:18px 17px 42px}.use-index{font-size:30px}.use-card h3{font-size:21px;margin-top:13px}.use-card strong{font-size:11px}.use-card p{font-size:12px}.material-section{padding:38px 0}.material-grid{grid-template-columns:1fr;gap:30px}.material-photo{padding:20px}.material-photo img{width:250px}.material-photo>span{font-size:8px}.material-grid h2{font-size:37px}.material-grid p{font-size:15px}.material-facts{gap:12px}.material-facts span{font-size:12px}.knowledge-grid{grid-template-columns:1fr;gap:15px}.knowledge-card{padding:23px;min-height:225px}.knowledge-card h3{font-size:25px;margin-top:17px}.knowledge-card p{font-size:15px}.knowledge-card .eyebrow{font-size:10px}input[type=search]{max-width:none}.selection-band .wrap{flex-direction:column;align-items:start;gap:23px}.selection-band h2{font-size:34px}.selection-band p{font-size:15px}.selection-band .button{width:100%}.faq-grid{grid-template-columns:1fr;gap:20px}.faq-grid summary{font-size:16px}.faq-grid h2{font-size:38px}.source-note p{font-size:11px}.source-note a{display:block;margin-top:7px}.shop-banner{padding:35px 0}.shop-banner>.wrap{flex-direction:column;align-items:start;gap:25px}.shop-banner h2{font-size:42px}.shop-banner .button{width:100%}.footer{flex-direction:column;gap:24px;padding-top:30px;padding-bottom:30px}.footer nav{margin-left:0;gap:20px;padding-top:0}.footer>small{padding:0}.article-header{padding-top:22px;padding-bottom:30px}.breadcrumb{margin-bottom:25px;font-size:11px}.article-header h1{font-size:42px;margin-top:10px;overflow-wrap:anywhere}.article-header .lead{font-size:18px}.article-meta{font-size:11px;gap:8px}.article-layout{grid-template-columns:1fr;gap:32px;padding-top:30px;padding-bottom:40px}.article-aside{border-bottom:1px solid var(--line);padding-bottom:25px}.article-aside nav{gap:10px}.article-aside nav a{font-size:13px}.aside-callout{display:none}.prose h2{font-size:24px;margin-top:32px}.prose p,.prose li{font-size:17px;line-height:1.75}.prose summary{font-size:16px}.prose details p{font-size:16px}.prose .citation{font-size:11px}.article-sources{padding:20px}.article-sources h2{font-size:18px}.article-sources p,.article-sources a{font-size:12px}.related{padding-top:35px;padding-bottom:40px}.related h2{font-size:32px}.related-grid{grid-template-columns:1fr;gap:15px}.sources-page{padding-top:30px;padding-bottom:40px}.selection-layout{grid-template-columns:1fr;gap:35px}.step-title{gap:13px}.step-title h2{font-size:23px}.choice-grid{gap:12px}.choice{padding:17px 12px;gap:9px}.choice strong{font-size:16px}.choice small{font-size:11px}.selection-aside{padding:25px}.selection-aside h2{font-size:34px}#selection-form>button{width:100%}.result-panel{padding:22px}.result-panel h2{font-size:29px}.result-panel .button{width:100%;font-size:13px}.desktop-break{display:none}}
@media(max-width:360px){.wrap{padding-left:17px;padding-right:17px}.brand img{width:136px}.preview-band .wrap>span:last-child{display:none}.hero h1{font-size:54px}.hero-panel{padding:23px}.use-grid,.choice-grid{grid-template-columns:1fr}.header{gap:9px}.site-brand small{font-size:7px}.menu-toggle{font-size:10px;padding:8px 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:720px){.menu-toggle{display:none}.js .menu-toggle{display:flex}.js .navline nav:not(.is-open){display:none}}
.comparison-section{background:#f5f6f9;padding:65px 0}.comparison-intro{max-width:830px;font-size:15px;color:var(--muted);margin-bottom:35px}.comparison-group{margin-top:32px}.comparison-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.comparison-title h3{font-size:26px;margin:0}.comparison-title a{font-size:13px;font-weight:600;text-decoration:none}.comparison-title a:hover{text-decoration:underline}.comparison-scroll{max-width:100%;overflow-x:auto;border:1px solid #d3dbe8;border-radius:5px;background:white}.comparison-table{min-width:1100px;width:100%;font-size:13px;line-height:1.4}.comparison-table thead th{background:var(--navy);color:white;font-weight:600;font-size:11px;padding:15px 12px;white-space:nowrap}.comparison-table td{padding:16px 12px;min-width:0;white-space:nowrap}.comparison-table tbody th{background:#fff;color:var(--navy);font-size:15px;font-weight:700;padding:16px 18px}.comparison-table tbody tr:nth-child(even)>*{background:#f6f8fc}.comparison-table th:first-child{position:sticky;left:0;z-index:1;border-right:1px solid #d3dbe8;min-width:110px}.comparison-table thead th:first-child{z-index:2;background:var(--navy)}.rating{color:#29408f;letter-spacing:.03em;font-size:13px}.rating-empty{color:#b4bfd2}.approval{display:inline-block;font-size:10px;padding:5px 8px;border-radius:3px;font-weight:600}.approval-road{background:#edf3ff;color:#173d79}.approval-race{background:#fff0e7;color:#843307}.approval-check{background:#f0f1f4;color:#414c60}.comparison-notes{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:26px}.comparison-notes p{font-size:12px;color:var(--muted);margin:0}.table-hint{display:none}.navline nav{gap:23px}@media(max-width:1100px){.navline nav{gap:17px;font-size:12px}}@media(max-width:720px){.comparison-section{padding:40px 0}.comparison-section h2{font-size:36px}.comparison-intro{font-size:14px}.comparison-title{align-items:start;flex-direction:column;gap:8px}.comparison-title h3{font-size:24px}.table-hint{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.comparison-table{min-width:1080px}.comparison-notes{grid-template-columns:1fr;gap:15px}.comparison-table th:first-child{min-width:95px}.comparison-table tbody th{padding-left:12px}.comparison-table td{padding:14px 11px}.navline nav{gap:23px}}

.applications-section{padding:65px 0;background:white}.applications-intro{max-width:830px;font-size:15px;color:var(--muted);margin-bottom:32px}.applications-grid{display:grid;grid-template-columns:1fr;gap:24px}.application-card{margin:0;padding:28px;border:1px solid var(--line);border-radius:6px;border-top:3px solid var(--orange);min-width:0}.application-card figcaption{font-weight:700;font-size:26px;color:var(--navy)}.application-help{font-size:12px;color:var(--muted);margin:8px 0 22px}.application-scroll{overflow-x:auto;max-width:100%;padding-bottom:6px}.application-chart{min-width:760px}.application-row{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;margin-bottom:16px}.application-label{display:flex;flex-direction:column;align-items:start;gap:5px}.application-label strong{font-weight:700;font-size:16px;color:var(--navy)}.application-label .approval{font-size:10px}.application-track{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));background:repeating-linear-gradient(90deg,#e1e6ef 0px,#e1e6ef 1px,transparent 1px,transparent 4.166667%);height:37px;align-items:center}.application-bar{display:flex;justify-content:center;align-items:center;background:var(--navy);color:white;border-radius:3px;font-size:12px;font-weight:700;height:25px;border-left:3px solid var(--orange)}.application-axis,.application-displacement{padding-left:210px}.application-axis>div{display:flex;gap:2px}.application-axis>div>span{flex:1;text-align:center;background:#edf0f6;padding:10px 3px;font-size:11px;color:var(--navy);line-height:1.3;min-width:0}.application-displacement{font-size:10px;margin-top:9px;color:var(--muted)}.application-displacement>div{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:5px}.application-displacement>div>span{background:#f5f6f9;text-align:center;padding:6px}.application-footnote{font-size:12px;color:var(--muted);margin:20px 0 0;max-width:850px}.bar-start-0{grid-column-start:1}.bar-start-3{grid-column-start:4}.bar-start-4{grid-column-start:5}.bar-start-5{grid-column-start:6}.bar-start-12{grid-column-start:13}.bar-end-10{grid-column-end:11}.bar-end-12{grid-column-end:13}.bar-end-14{grid-column-end:15}.bar-end-17{grid-column-end:18}.bar-end-18{grid-column-end:19}.bar-end-24{grid-column-end:25}@media(max-width:720px){.applications-section{padding:40px 0}.application-card{padding:20px}.application-card figcaption{font-size:24px}.applications-intro{font-size:14px}.application-help{font-size:11px}.application-chart{min-width:740px}.application-row{grid-template-columns:155px 1fr;gap:15px}.application-label{position:sticky;left:0;background:white;z-index:1;padding:5px 0}.application-axis,.application-displacement{padding-left:170px}.application-label .approval{font-size:9px}.application-footnote{font-size:12px}}

@media(max-width:720px){.application-help:after{content:' Auf dem Smartphone seitlich verschieben.'}}

/* Phone application cards: show every recommendation in text, without panning. */
@media(max-width:720px){
 .application-help{display:none}
 .application-scroll{overflow:visible;padding-bottom:0}
 .application-chart{min-width:0;width:100%}
 .application-row{display:block;margin:0;padding:18px 0;border-bottom:1px solid var(--line)}
 .application-row:last-of-type{border-bottom:0}
 .application-label{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:0;background:none}
 .application-label strong{font-size:19px}
 .application-label .approval{font-size:10px;white-space:normal;max-width:100%}
 .application-row>.sr-only{position:static;display:block;width:auto;height:auto;margin:10px 0 0;padding:0;overflow:visible;clip:auto;white-space:normal;border:0;font-size:15px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
 .application-track{display:grid;width:100%;height:30px;margin-top:12px}
 .application-bar{height:22px;font-size:11px;min-width:0}
 .application-axis{display:block;padding-left:0;margin-top:16px}
 .application-axis>div{align-items:stretch}
 .application-axis>div>span{font-size:10px;padding:8px 2px;overflow-wrap:anywhere;hyphens:auto}
 .application-displacement{padding-left:0;margin-top:18px;font-size:10px}
 .application-displacement>div{grid-template-columns:repeat(3,minmax(0,1fr))}
 .application-displacement>div>span{white-space:normal;padding:8px 3px}
 .application-card figcaption{padding-bottom:15px;border-bottom:2px solid var(--orange)}
 .application-footnote{margin-top:18px;line-height:1.6}
}

.comparison-mobile{display:none}
@media(max-width:720px){
 .comparison-scroll{display:none}
 .comparison-mobile{display:grid;gap:12px}
 .mobile-compound{border:1px solid #d3dbe8;background:white;border-radius:5px;overflow:visible}
 .mobile-compound summary{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:18px 40px 18px 18px}
 .mobile-compound summary:after{right:17px;top:19px}
 .mobile-compound summary strong{font-size:20px;font-weight:700}
 .compound-position{font-size:12px;font-weight:400;color:var(--muted)}
 .mobile-compound summary .approval{font-size:10px;font-weight:600;white-space:normal;max-width:100%}
 .mobile-compound[open] summary{border-bottom:1px solid var(--line)}
 .compound-ratings{margin:0;padding:5px 18px 12px}
 .compound-ratings>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f5}
 .compound-ratings>div:last-child{border-bottom:0}
 .compound-ratings dt{font-size:13px;color:var(--ink);min-width:0;overflow-wrap:anywhere}
 .compound-ratings dd{margin:0;flex-shrink:0}
 .compound-ratings .rating{font-size:15px;letter-spacing:.06em}
 .table-hint{margin:0 0 15px;font-size:12px;line-height:1.5}
}

@media(max-width:720px){
 .compound-heading{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:18px;border-bottom:1px solid var(--line)}
 .compound-heading>strong{font-size:20px;font-weight:700;color:var(--navy)}
 .compound-heading .approval{font-size:10px;font-weight:600;white-space:normal;max-width:100%}
}
/* Compact phone comparison; every rating remains visible. */
@media(max-width:720px){
 .comparison-mobile{gap:9px}
 .compound-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:11px 13px}
 .compound-heading>strong{font-size:18px;line-height:1.2}
 .compound-heading .compound-position{grid-column:1;grid-row:2;font-size:11px;line-height:1.3}
 .compound-heading .approval{grid-column:2;grid-row:1 / 3;font-size:9px;padding:4px 6px;line-height:1.4}
 .compound-ratings{padding:3px 13px 5px}
 .compound-ratings>div{padding:4px 0;gap:8px;min-height:27px}
 .compound-ratings dt{font-size:12px;line-height:1.4}
 .compound-ratings dd{line-height:1.3}
 .compound-ratings .rating{font-size:14px;letter-spacing:.025em}
 .comparison-group{margin-top:25px}
 .comparison-title{gap:5px;margin-bottom:8px}
 .table-hint{margin-bottom:10px;font-size:11px}
}

/* Original manufacturer artwork and catalogue-inspired product illustration. */
.site-brand strong{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.site-brand .manufacturer-logo{display:block;width:108px;height:auto}
.site-brand strong span{margin-left:0}
.material-photo{padding:0;overflow:hidden}
.material-photo img{display:block;width:100%;max-width:100%;height:auto}
.material-photo>span{margin-top:0;padding:17px 14px;background:#fff}
@media(max-width:720px){.site-brand .manufacturer-logo{width:70px}.site-brand small{display:none}.site-brand strong{gap:0}.material-photo>span{padding:13px 12px}}
@media(max-width:360px){.site-brand .manufacturer-logo{width:60px}}

/* Vehicle finder: separate, accessible HTML steps and fitment result groups. */
.finder-panel .button{width:100%;margin:16px 0 23px;font-size:15px}
.finder-trail{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.finder-trail a{background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 13px;font-size:14px}
.finder-content{padding-top:36px}.finder-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.finder-choices>a{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:5px;text-decoration:none;background:#fff;overflow-wrap:anywhere}
.finder-choices>a:hover{border-color:var(--blue);background:var(--paper)}.finder-choices>a>span{color:#b44000}
.finder-back{margin-top:35px}.finder-empty{max-width:760px;padding:32px;background:var(--paper);border-left:3px solid var(--orange)}
.finder-group{margin:40px 0}.finder-group h2{font-size:35px}.finder-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.finder-product{padding:25px;border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:5px;overflow-wrap:anywhere}
.finder-product .eyebrow{margin-bottom:13px}.finder-product h3{font-size:24px}.finder-product>p:not(.eyebrow){font-size:14px}.finder-product .approval{display:inline-block;white-space:normal}
.finder-product .button{margin-top:22px;font-size:14px}.finder-product .finder-quantity{font-weight:700;color:var(--navy);margin:20px 0 0}
@media(max-width:1000px){.finder-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.finder-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.finder-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-choices>a{padding:17px;font-size:15px}.finder-products{grid-template-columns:1fr}.finder-empty{padding:23px}.finder-empty h2{font-size:30px}.finder-group h2{font-size:30px}.finder-trail a{font-size:12px}.finder-panel .button{font-size:14px}.hero-actions .button{font-size:15px}}
@media(max-width:360px){.finder-choices{grid-template-columns:1fr}}

@media(min-width:721px) and (max-width:1000px){.navline nav{gap:16px;font-size:11px}.navline a{white-space:nowrap}.navline .shop-link{font-size:10px}}

/* Exact article shop target, with a full-width touch area on each card. */
.finder-product .finder-buy{display:flex;width:100%;justify-content:space-between;gap:12px;min-height:50px}

/* Direct verified CDN images: show the whole brake pad without cropping. */
.finder-product-image{position:relative;width:100%;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--line);margin-bottom:20px;overflow:hidden}
.finder-product-image img{display:block;width:100%;height:100%;object-fit:contain;padding:12px}
@media(max-width:720px){.finder-product-image{aspect-ratio:16/10;margin-bottom:18px}.finder-product-image img{padding:8px}}

.finder-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;margin-top:22px}
.finder-product .finder-actions .button{margin:0;padding:10px 12px;font-size:13px;min-height:50px;gap:6px}
.button-outline{background:white;color:var(--navy);border:1px solid var(--navy)}
.product-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:25px;margin-bottom:45px}
.product-visual{margin:0;border:1px solid var(--line);border-radius:5px;background:white;padding:20px;min-width:0}
.product-visual img{display:block;width:100%;height:360px;object-fit:contain}
.product-visual figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:15px;color:var(--muted);font-size:13px}
.product-visual figcaption a{color:var(--navy)}
.product-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:start}
.product-detail h2{font-size:36px}.product-specs{margin:0}.product-specs>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.product-specs dt{color:var(--muted)}.product-specs dd{margin:0;font-weight:600;overflow-wrap:anywhere}.product-order{background:var(--paper);border-top:3px solid var(--orange);padding:28px}.product-order p{font-size:15px;color:var(--muted)}.product-order .product-buy{display:flex;width:100%;margin-top:26px}.product-dimension-note{font-size:15px;color:var(--muted);margin-top:35px}
.product-specs>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-specs dt{overflow-wrap:anywhere}
@media(max-width:720px){.finder-actions{grid-template-columns:1fr}.product-visual{padding:15px}.product-visual img{height:250px}.product-media-grid{gap:18px;margin-bottom:30px}.product-detail-grid{grid-template-columns:1fr;gap:30px}.product-detail h2{font-size:31px}.product-specs>div{gap:15px;font-size:15px}.product-order{padding:23px}}

/* Keep the mobile hero within the available width, including scrollbar space. */
@media(max-width:720px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-copy,.hero-panel{min-width:0}.hero-actions .button{max-width:100%;white-space:normal;overflow-wrap:anywhere}}

/* Concrete fitment answers and complete reverse compatibility links. */
.vehicle-answer{max-width:1050px;margin:24px 0 0;font-size:16px;line-height:1.6}.vehicle-answer ul{padding-left:22px}.vehicle-answer li{margin:10px 0;overflow-wrap:anywhere}.vehicle-answer a{font-weight:700}.product-compatibility{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.product-compatibility ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding-left:22px}.compatibility-vehicles{columns:2;column-gap:40px;padding-left:22px}.compatibility-vehicles li{break-inside:avoid;margin-bottom:12px;overflow-wrap:anywhere}.compatibility-pages{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.compatibility-pages a{padding:8px 16px;border:1px solid var(--line);min-width:44px}.compatibility-pages a[aria-current]{background:var(--navy);color:white}@media(max-width:720px){.vehicle-answer{font-size:15px}.compatibility-vehicles{columns:1}.product-compatibility h2{font-size:30px}}

.hero h1{overflow-wrap:anywhere;hyphens:auto}.hero-claim{font-weight:600;color:#e5eaf4}@media(max-width:720px){.hero h1{font-size:46px}}

/* Disc-specific layout; inherited local reference styling above. */
.disc-specs{display:grid;grid-template-columns:minmax(140px,1fr) 1fr;gap:0;margin:0 0 35px}.disc-specs dt,.disc-specs dd{margin:0;padding:12px 8px;border-bottom:1px solid var(--line)}.disc-specs dt{font-weight:600}.disc-specs dd{overflow-wrap:anywhere}.product-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px}.finder-product{min-width:0}.finder-product h3,.finder-choices a{overflow-wrap:anywhere}.fitment-answer{border-left:3px solid var(--orange);padding:20px 25px;background:var(--paper);margin-bottom:35px}.fitment-answer h2{font:700 24px Barlow,sans-serif}.fitment-answer p{font-size:16px}.compatibility-pages{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.compatibility-pages a{border:1px solid var(--line);padding:7px 13px}.compatibility-pages [aria-current]{background:var(--navy);color:white}@media(max-width:720px){.product-layout{grid-template-columns:1fr;gap:30px}.hero h1{font-size:58px}.disc-specs{grid-template-columns:1fr 1fr}.fitment-answer{padding:18px}.fitment-answer h2{font-size:21px}}


/* Manufacturer type profiles: editorial illustrations, never article fitment photos. */
.disc-types-section{padding:76px 0;background:#f1f3f8;scroll-margin-top:25px}.disc-type-filters{display:none;flex-wrap:wrap;gap:10px;margin:32px 0}.js .disc-type-filters{display:flex}.disc-type-filters button{border:1px solid #bec8d9;border-radius:30px;padding:10px 20px;background:white;color:var(--navy);font-weight:600;font-size:14px;min-height:44px}.disc-type-filters button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.disc-types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.disc-type-card{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:white;min-width:0;display:flex;flex-direction:column}.disc-type-image{position:relative;aspect-ratio:1.5;background:white;border-bottom:1px solid var(--line);overflow:hidden}.disc-type-image img{display:block;width:100%;height:100%;object-fit:contain;padding:15px}.disc-type-index{position:absolute;left:14px;top:12px;background:var(--navy);color:white;font:900 23px 'Barlow Condensed',sans-serif;padding:3px 10px;border-radius:3px}.disc-type-copy{padding:24px;display:flex;flex-direction:column;flex:1}.disc-type-copy .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:12px}.disc-type-copy h3{font:900 32px 'Barlow Condensed',sans-serif;margin-bottom:14px}.disc-type-badge{align-self:start;background:#edf1f9;color:var(--navy);padding:5px 9px;border-radius:3px;font-size:11px;font-weight:700;margin-bottom:18px}.disc-type-race{background:#fff0e6;color:#923700}.disc-type-copy p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.65}.disc-type-copy ul{padding-left:18px;margin:0;font-size:12px;color:var(--navy);line-height:1.65}.disc-type-copy li+li{margin-top:6px}.disc-types-note{display:flex;align-items:center;gap:40px;justify-content:space-between;margin-top:30px;padding:27px 30px;background:white;border-left:3px solid var(--orange);border-radius:4px}.disc-types-note strong{font-size:19px;color:var(--navy)}.disc-types-note p{max-width:750px;font-size:14px;color:var(--muted);margin:9px 0 0}.disc-types-note .button{flex-shrink:0}.disc-type-card[hidden]{display:none!important}@media(max-width:1100px){.disc-types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.disc-types-note{align-items:start;flex-direction:column;gap:20px}}@media(max-width:600px){.disc-types-section{padding:45px 0}.disc-types-grid{grid-template-columns:1fr;gap:18px}.disc-type-image{aspect-ratio:1.8}.disc-type-copy{padding:24px}.disc-type-copy h3{font-size:33px}.disc-type-copy .eyebrow{font-size:10px}.disc-type-copy p:not(.eyebrow){font-size:16px}.disc-type-copy ul{font-size:14px}.disc-type-filters{gap:8px}.disc-type-filters button{font-size:13px;padding:9px 14px}.disc-types-note{padding:23px}.disc-types-note .button{width:100%}}