/* Veltrium Quality Series — evidence-first UI, September 2026 */
.quality-series{--q-navy:#071a2b;--q-ink:#0a223a;--q-orange:#e87535;--q-line:#d2dce4;--q-paper:#f3f6f8;--disp:"Sora",Arial,sans-serif;--body:"Manrope",Arial,sans-serif;--mono:"IBM Plex Mono",monospace;background:var(--q-paper);font-family:var(--body)}
.quality-series .crumb{margin-bottom:0}
.quality-series .quality-page-intro{padding:30px 0 0!important;background:var(--q-paper)}
.quality-series .quality-page-intro>.wrap{position:relative;max-width:1180px!important;padding:47px 50px 45px!important;overflow:hidden;background:var(--q-navy);box-shadow:0 28px 62px -44px rgba(3,18,31,.85)}
.quality-series .quality-page-intro>.wrap::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.quality-series .quality-page-intro .sec-head,.quality-series .quality-page-intro>.wrap>div{position:relative;z-index:1;max-width:860px!important;margin:0}
.quality-series .quality-page-intro .eyebrow{color:#ed9767;font:500 10px/1.25 var(--mono);letter-spacing:.105em}
.quality-series .quality-page-intro .eyebrow::before{background:var(--q-orange)}
.quality-series .quality-page-intro h1{max-width:850px;margin:17px 0 19px!important;color:#fff;font:700 clamp(35px,4.6vw,57px)/1.02 var(--disp)!important;letter-spacing:-.045em!important}
.quality-series .quality-page-intro .lead,.quality-series .quality-page-intro p{max-width:760px;color:#c7d3dd!important;font:500 16px/1.72 var(--body)!important}
.quality-series .quality-page-intro strong{color:#fff}
.quality-series .conformity-badges>div{color:#d8e2e9!important;border-color:rgba(255,255,255,.38)!important;background:rgba(255,255,255,.035)}
.quality-series .conformity-badges>div>span{color:#fff!important}
.quality-series .quality-proof-hero{padding:14px 0 0!important;background:var(--q-paper)}
.quality-series .quality-proof-hero .wrap{max-width:1180px}
.quality-series .quality-proof-hero figure{margin:0;border:0;border-radius:0;background:#10283e;box-shadow:0 24px 56px -42px rgba(4,23,39,.75)}
.quality-series .quality-proof-hero img{display:block;width:100%;filter:none}
.quality-series .quality-page-nav{position:sticky;top:66px;z-index:32;background:rgba(247,249,250,.95);border-bottom:1px solid var(--q-line);backdrop-filter:blur(15px)}
.quality-series .quality-page-nav .wrap{min-height:64px;display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none}
.quality-series .quality-page-nav .wrap::-webkit-scrollbar{display:none}
.quality-series .quality-page-nav span{margin-right:auto;color:#83909e;font:500 9px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.quality-series .quality-page-nav a{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid transparent;color:#506477;font:600 11.5px/1 var(--body);white-space:nowrap;transition:.15s}
.quality-series .quality-page-nav a:hover,.quality-series .quality-page-nav a.active{border-color:#c9d4dc;background:#fff;color:var(--q-ink)}
.quality-series .quality-page-nav a.active{box-shadow:inset 0 -2px var(--q-orange)}
.quality-series .quality-page-nav b{color:#b96134;font:500 8.5px/1 var(--mono)}
.quality-testing-page .quality-proof-hero .wrap{max-width:900px}
.quality-series>section:not(.quality-page-intro):not(.quality-proof-hero){padding:48px 0!important}
.quality-series>section:nth-of-type(even):not(.quality-page-intro):not(.quality-proof-hero){background:rgba(255,255,255,.5)}
.quality-series>section.alt{background:#f8fafb!important}
.quality-series .sec-head{max-width:820px!important}
.quality-series .sec-head h2,.quality-series .prose h2{font:700 clamp(26px,3.2vw,38px)/1.1 var(--disp);letter-spacing:-.035em;color:var(--q-ink)}
.quality-series .prose h3{font-family:var(--disp);letter-spacing:-.02em}
.quality-series .prose p,.quality-series .prose li{font-family:var(--body);line-height:1.78;text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}
.quality-series .keybox{border-radius:0;border-left:4px solid var(--q-orange);background:#f2eee7}
.quality-series .spec-table,.quality-series .cmp-table{width:100%;table-layout:fixed;border-radius:0}
.quality-series .spec-table tr,.quality-series .cmp-table tbody tr{height:74px}
.quality-series .spec-table th,.quality-series .spec-table td,.quality-series .cmp-table th,.quality-series .cmp-table td{vertical-align:middle;padding:14px 16px}
.quality-series .spec-table th,.quality-series .cmp-table th{font-family:var(--disp)}
.quality-series .photo-row.three{align-items:stretch;gap:12px}
.quality-series .photo-row.three .photo{height:100%;min-height:310px;border-radius:0}
.quality-series .photo-row.three img{height:100%;object-fit:cover;filter:none}
.quality-series .faq{max-width:900px;border-top-color:#c7d2db}
.quality-series .faq details{border-bottom-color:#c7d2db}
.quality-series .faq summary{min-height:66px;align-items:center;padding:15px 10px;font:600 15px/1.35 var(--body)}
.quality-series .faq p{padding:0 42px 20px 10px;font-family:var(--body);line-height:1.72;text-align:justify;text-align-last:left}
.quality-series .next-reads{grid-auto-rows:minmax(104px,1fr);gap:10px}
.quality-series .next-reads a{height:100%;border-radius:0;border-color:#ccd6de;font-family:var(--body)}
.quality-series .final{padding:20px 0}
.quality-series .final h2{font-family:var(--disp);letter-spacing:-.03em}

@media(max-width:760px){
  .quality-series .quality-page-intro{padding-top:16px!important}
  .quality-series .quality-page-intro>.wrap{padding:32px 23px 35px!important}
  .quality-series .quality-page-intro h1{font-size:37px!important}
  .quality-series .quality-page-nav span{display:none}
  .quality-series>section:not(.quality-page-intro):not(.quality-proof-hero){padding:36px 0!important}
  .quality-series .photo-row.three .photo{min-height:0}
  .quality-series .spec-table,.quality-series .cmp-table{min-width:700px}
  .quality-testing-page .quality-proof-hero .wrap{max-width:100%}
}