/* theme.css v1: established look (redesign). Loaded after site.css. */
:root{--navy:#13283f;--navy-2:#1b3554;--accent:#a94f24;--accent-dark:#9a4419;--ink:#1f2a36;--muted:#465462;--line:#dde2e8;--bg-soft:#f3f5f8;--radius:4px;--paper:#f3f5f8;--card:#ffffff;--cu-lt:#e8ad85}
body{background:var(--paper)}
h1,h2,h3,.h1,.h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;letter-spacing:-.01em!important}
h1 b,h1 strong,h2 b,h2 strong{font-weight:400}
/* buttons */
.btn,a.btn,button.btn{background:var(--accent)!important;color:#fff!important;border-radius:3px!important;box-shadow:none!important;font-weight:700}
.btn:hover,a.btn:hover,button.btn:hover{background:var(--accent-dark)!important;color:#fff!important;transform:none!important}
.btn-ghost,.btn.ghost{background:transparent!important}
/* top bar */
.topbar{background:#0b1a2b!important;color:#c9d2dc!important}
.tb-lot,.topbar .tb-lot{display:none!important}
.topbar .tb-left{display:block!important}
/* header: light, classic */
header{background:var(--card)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:none!important;box-shadow:none!important}
header .nav-links a:not(.btn),header .dd-btn,header .nm-link{color:var(--ink)!important;font-weight:500!important}
header .nav-links a:not(.btn):hover,header .dd-btn:hover{color:var(--accent)!important}
header .nav-links a.active,header .dd-btn.active{color:var(--ink)!important;border-bottom-color:var(--accent)!important}
.nm-surplus::before,.nav-links a.nm-surplus::before{display:none!important;content:none!important}
.nav-toggle{border-color:var(--line)!important;border-radius:3px!important}
.nav-toggle span::before,.nav-toggle span::after{background:var(--ink)!important}
.nav-toggle span{background:var(--ink)}
.nav-toggle[aria-expanded="true"] span{background:transparent!important}
.m-call{border-color:var(--line)!important;color:var(--ink)!important;border-radius:3px!important}
.dd-panel,.hs-pop{border-radius:4px!important}
/* desktop search: visible box */
@media(min-width:1200px){
 .hs-d .hs-tog{display:none!important}
 .hs-d .hs-pop{display:flex!important;position:static!important;width:240px!important;box-shadow:none!important;border:1px solid #c5ccd5;background:#fff;padding:0 4px 0 10px!important;height:42px;align-items:center;border-radius:2px!important}
 .hs-d .hs-pop input{border:0!important;box-shadow:none!important;height:40px;font-size:14px;padding:0 6px!important;background:transparent}
 .hs-d .hs-pop button{background:transparent!important;border:0!important;color:var(--muted)!important;width:34px;height:40px;padding:0!important;box-shadow:none!important}
 .hs-d .hs-pop button svg{stroke:currentColor}
}
@media(min-width:1001px) and (max-width:1199px){.hs-tog{border-color:var(--line)!important;color:var(--ink)!important;border-radius:3px!important}}
/* mobile menu panel stays navy */
@media(max-width:1000px){.nav-menu .nm-link,.nav-menu .dd-btn,.nav-menu a:not(.btn){color:#e6ecf2!important}}
/* cards/surfaces: squarer corners */
.card,.quote-card,.hy-card,.mat-card,.tile,.box{border-radius:4px!important}
/* footer */
footer{background:#0b1a2b!important}
/* mobile quick bar (Call / Text us / Get a Quote) */
.rb-tabs.rb-bar{padding:0!important;background:var(--card)!important;backdrop-filter:none!important;border-top:1px solid var(--line)!important;box-shadow:none!important}
.rb-tabs.rb-bar a{flex:1;min-height:52px!important;flex-direction:row!important;font-size:15px!important;font-weight:700!important;color:var(--ink)!important;border-radius:0!important;border-right:1px solid var(--line);letter-spacing:0!important;padding-bottom:env(safe-area-inset-bottom)}
.rb-tabs.rb-bar a.rb-tab-q{flex:1.4;background:var(--accent)!important;color:#fff!important;border-right:0}
.rb-tabs.rb-bar svg{display:none!important}
/* v1.1 tweaks */
@media(max-width:820px){.topbar .tb-left{display:none!important}.topbar .tb-right{margin:0 auto}}
@media(min-width:1200px){header .nav-menu{gap:24px!important}.hs-d .hs-pop{width:250px!important}.hs-d{margin-left:8px}}
@media(min-width:1001px) and (max-width:1199px){header .nav-menu{gap:18px!important}}
html body .btn,html body a.btn,html body button.btn{color:#fff!important}
#selGo,.hy-pq button,button[data-label],button[type=submit].btn{color:#fff!important}
@media(min-width:1200px) and (max-width:1399px){header .nav-menu{gap:15px!important}.hs-d .hs-pop{width:222px!important}}
.hs-d .hs-pop input:focus,.hs-d .hs-pop input:focus-visible{outline:none!important;box-shadow:none!important}
.hs-d .hs-pop:focus-within{border-color:#9a4419!important;box-shadow:0 0 0 1px #9a4419,0 0 0 4px rgba(169,79,36,.18)!important}
/* QA: Tools & Guides menu fits on laptop screens (two columns) */
@media(min-width:1000px){header .dd-panel:has(> .dd-desc){column-count:2;column-gap:4px;width:640px;min-width:640px!important;max-height:calc(100vh - 120px);overflow:auto}header .dd-panel:has(> .dd-desc) .dd-desc{break-inside:avoid;display:block}}
header .dd-h{letter-spacing:.06em!important;white-space:nowrap}
@media(min-width:1000px){header .dd-panel{max-height:calc(100vh - 120px);overflow-y:auto}}
/* QA: header is light now, so focus rings use dark copper there; square form controls everywhere */
header :focus-visible{outline-color:#9a4419!important}
header .btn:focus-visible{outline-color:#13283f!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{border-radius:2px!important}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:14px;width:14px;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 3l8 8M11 3l-8 8' stroke='%235b6673' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}
/* QA: phone/tablet menu drawer stays navy, so its text must be light */
@media(max-width:980px){
header .nav-menu > a:not(.btn),header .nav-menu .dd-btn,header .nav-menu .nm-link,header .nav-menu .nav-phone,header .nav-menu .dd-panel a:not(.btn),header .nav-menu .dd-foot a{color:#e6ecf2!important}
header .nav-menu .nav-phone span,header .nav-menu .dd-panel small{color:#b9c7d6!important}
header .nav-menu .dd-h{color:#e8ad85!important}
header .nav-menu a.active,header .nav-menu .dd-btn.active{color:#fff!important;border-bottom-color:rgba(255,255,255,.12)!important}
header .nav-menu a:not(.btn):hover,header .nav-menu .dd-btn:hover{color:#e8ad85!important}
header .nav-menu :focus-visible{outline-color:#e8ad85!important}
}
/* QA: surplus teaser cards and selected-grade chips use brand colors, not green */
.sp-card{border-color:var(--line)!important;background:var(--card)!important;border-left:3px solid var(--accent)!important}
.sp-card:hover{border-color:var(--accent)!important}
.sp-card small,.sp-card i{color:#9a4419!important}
.sp-card:focus-visible{outline-color:#9a4419!important}
.grade-pick button[aria-pressed="true"]{border-color:var(--navy)!important;background:#eef1f5!important}
.grade-pick button[aria-pressed="true"]::before{background:var(--navy)!important}
/* ===== QA round 2 (bot findings) ===== */
:root{--r-md:4px;--r-sm:3px;--r-pill:3px}
.rbc-act button,.chip,.itable-wrap,.q-chip,.pa-resins label,.tool-tip,.gf-proc button,.gf-q,.mc-nav a,.priced-box,.gbox,.choose,.sp-card,.uc-card,.rc-quick button,.rc-units,.rc-units button,.uc-cp,.uc2-quick button,.dec-ex button,.ins-try button,.try,.ins-tools .tool,.ins-tabs button,.calc,.mat-jump a,.mb-row a,.rfq-checks label,.sp-status,tr.me,.gl-az a,button.opt,th span,#selector > div,#selector button,.keynum,.si-lot,.si-tag,.ds-cta{border-radius:3px!important}
/* bottom CTA band */
.end-cta{border-top-color:var(--accent)!important}
.end-cta a.btn-ghost,.cta-band a.btn-ghost{background:transparent!important;border:2px solid rgba(255,255,255,.55)!important;color:#fff!important}
.end-cta a.btn-ghost:hover,.cta-band a.btn-ghost:hover{background:rgba(255,255,255,.12)!important}
.dl-box a.btn.btn-ghost{background:#fff!important;color:#14263a!important;border:2px solid #14263a!important}
.dl-box .btn-ghost:hover{color:#9a4419!important;border-color:#9a4419!important}
/* surplus: brand colors instead of green */
.tool-tip.sell-tip{border-left-color:var(--accent)!important;background:var(--card)!important;border-color:var(--line)!important}
.tool-tip.sell-tip b,.tool-tip.sell-tip a{color:#9a4419!important}
.sp-status{background:#f7ebdf!important;color:#9a4419!important;border-color:#e5c5ad!important}
.si-lot{border-color:var(--line)!important;border-top:3px solid var(--accent)!important}
.si-tag,.si-back{color:#9a4419!important}
.es-added{color:#9a4419!important}
.card .tag.t-ref{color:#13283f!important;background:#e9edf2!important}
/* properties fact box */
p.keynum,.keynum{border-left-color:var(--accent)!important;background:var(--card)!important;box-sizing:border-box;max-width:100%}
/* warm input borders */
main form input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]),main form select,main form textarea{border-color:#8a7f70!important}
#tn-q{border-color:#8a7f70!important}
.uc-cp{background:var(--card)!important;border-color:var(--line)!important}
/* homepage quote card + other light cards sitting inside dark sections: dark focus ring */
.phero .hp-hero-quote :focus-visible,.hy-hero .hp-hero-quote :focus-visible,.hy-pq :focus-visible,.hp-hero-quote :focus-visible{outline-color:#9a4419!important}
/* buttons on navy bands: light ring */
#backup .btn:focus-visible,.end-cta .btn:focus-visible,.cta-band .btn:focus-visible,section[style*="#0e2438"] .btn:focus-visible,[style*="background: #0e2438"] :focus-visible,[style*="background:#0e2438"] :focus-visible,.mk-sign :focus-visible,#selector :focus-visible{outline-color:#e8ad85!important}
/* errors: always red */
.article .rb-err,.ask .rb-err,.gv2 .article .ask p.rb-err,p.rb-err{color:#b3261e!important}
/* focus rings not clipped */
.pc-card a:focus-visible,.rc-quick :focus-visible,.mb-row :focus-visible,.tn-az :focus-visible{outline-offset:-3px!important}
/* sticky header never hides focused/anchored items */
html{scroll-padding-top:88px}
@media(max-width:980px){html{scroll-padding-top:72px}}
/* desktop dropdown: Tools & Guides goes one column when the screen is narrow, so it never runs off the right edge */
@media(min-width:981px) and (max-width:1199px){header .dd-panel:has(> .dd-desc){column-count:1!important;width:340px!important;min-width:340px!important}}
header .dd-panel .dd-foot{position:sticky;bottom:0;background:#fff;z-index:1}
/* menu labels at 981-1000px must stay dark (old phone rule leaked) */
@media(min-width:981px) and (max-width:1000px){header .nav-menu .nm-link,header .nav-menu .dd-btn,header .nav-menu a:not(.btn){color:var(--ink)!important}header .hs-tog{color:var(--ink)!important}}
/* landscape phones: header must keep its stacking so the menu works */
@media(max-height:500px) and (orientation:landscape){header{position:relative!important;z-index:50!important}}
/* bottom bar quote cell flush */
.rb-tabs.rb-bar a.rb-tab-q{margin:0!important;box-shadow:none!important}
/* small text floors */
.hero-l .kk span,.kk span{font-size:12px!important}
.coa-tag,.coa-card .th span{font-size:12px!important}
/* links in tables shouldn't break mid-word */
main a{overflow-wrap:break-word!important}
/* glossary A-Z targets */
.gl-az a{display:inline-flex!important;align-items:center;justify-content:center;min-width:26px;min-height:26px}
/* small tap targets on phones */
@media(max-width:760px){#uc-hint button,button.uc2-pick,#uc-link,#rc-link,.rc-units button,.m-row-btn,details#emb summary{min-height:40px}.topbar .tb-right a{display:inline-flex;align-items:center;min-height:36px}}
/* select heights match inputs in tool forms */
.uc-card select,.mc-card select,.es-tool select,.calc select{min-height:46px}
/* sr-only helper */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* print: readable, no forms or buttons */
@media print{
.phero,.phero *{color:#111!important;background:#fff!important}
main form,.quote-card,.cb-card,.hp-hero-quote,.hy-pq,.btn,.gf-q,.m-more,.gb-print,.end-cta,.cta-band,.sp-card,.rb-tabs,.mcall{display:none!important}
.m-acc-b,[hidden].m-acc-b{display:block!important}
}
main form input:focus,main form select:focus,main form textarea:focus{border-color:#9a4419!important}
.dd.dd-x .dd-panel{display:none!important}
h2.qc-h{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:19px!important;line-height:1.3!important;margin:0 0 3px!important;letter-spacing:-.01em;color:#1f2a36}
#quote h2.qc-h{font-size:21px!important;color:#13283f}
/* article rhythm: consecutive paragraphs and lists never touch; bullets stay inside the column */
.article p+p,.prose p+p{margin-top:12px}
.article p+ul,.article p+ol,.prose p+ul,.prose p+ol{margin-top:8px}
.article ul:not([class]),.article ol:not([class]),.prose ul:not([class]),.prose ol:not([class]){padding-left:22px}
.article ul:not([class])+p,.article ol:not([class])+p{margin-top:12px}
.hs-d .hs-pop button:focus-visible{outline-offset:-3px!important}
.hs-d .rb-sugg-hdr{min-width:340px;left:auto!important;right:0!important}
button[data-label],#quote button[type=submit]{border-radius:3px!important}
/* ===== QA round 3 ===== */
/* Tools & Guides dropdown 981-1299: plain single column that scrolls vertically (no hidden overflow columns) */
@media(min-width:981px) and (max-width:1199px){header .dd-panel:has(> .dd-desc){column-count:auto!important;columns:auto!important;overflow-x:hidden!important;overflow-y:auto!important}}
@media(min-width:981px){header .dd-panel{max-height:calc(100vh - 120px);overflow-y:auto}}
/* sticky white dropdown footer is a desktop-only treatment */
@media(max-width:980px){header .dd-panel .dd-foot{position:static!important;background:transparent!important}}
/* focus rings on light cards inside dark heroes */
.hp-hero-quote .step-next:focus-visible,.hp-hero-quote button:focus-visible,.quote-card button:focus-visible,.quote-card a:focus-visible{outline-color:#9a4419!important}
/* remaining pill shapes */
.grade-pick button,.coa-card a.th span,#ins-hits .hits-clear,.hits-mats a,.guide-bar nav a,.rb-recent a,.uc-cats button,.ins-bar a{border-radius:3px!important}
/* print: interactive chips and filters stay off paper */
@media print{.grade-pick,.gp-hint,.gf-proc,.gf-filter,.rc-quick,.chips,.mb-row,.ins-tabs{display:none!important}}
/* comparison tables: soften the column divider */
.itable.cmp thead th:nth-child(3){border-left-color:rgba(255,255,255,.18)!important}
/* article sub-headings breathe */
.article > h3,.article > section > h3,.prose > h3{margin-top:26px!important;margin-bottom:6px!important}
/* search empty state */
.hits-tn a{color:#9a4419!important;text-decoration:underline!important}
h3.hits-sub{margin-top:18px!important}
/* buyer links row */
.rb-buyers a{color:#9a4419!important;text-decoration:underline;text-underline-offset:2px}
/* drying-guide callout + insights tabs: old colors */
.callout{border-left-color:var(--accent)!important;border-radius:3px!important}
.ins-tabs{border-bottom-color:var(--line)!important}
/* homepage: path cards align, phone quote heading uses the serif */
.hy-pq h2,.hy-pq h3,.hy-pq .pq-h{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important}
.paths a{align-items:flex-start!important}.paths a>i{align-self:center}
.hy-pq-h{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:20px!important;letter-spacing:-.01em}
@media(max-width:640px){body.rb-has-tabs{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}}
.wrap>.sp-card{max-width:none!important;width:100%;box-sizing:border-box}
.rb-elast{margin-bottom:32px!important;max-width:none!important}
.ask select{min-height:48px}
/* Numbered steps: plain serif numbers, no circles or pills */
.steps-n li{padding-left:30px!important}
.steps-n li::before{content:counter(s) "."!important;background:none!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;display:block!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:18px!important;line-height:1.3!important;color:#9a4419!important;top:-1px!important}
.article ol.steps li,.gv2 .article ol.steps li,.prose ol.steps li{padding-left:32px!important;position:relative}
.article ol.steps li::before,.gv2 .article ol.steps li::before,.prose ol.steps li::before{content:counter(st) "."!important;float:left;position:static!important;display:block!important;width:32px!important;height:auto!important;margin:0 0 0 -32px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:18px!important;line-height:1.3!important;color:#9a4419!important;text-align:left}
/* less "template" chrome: plain label instead of a pill, plain + instead of a circle */
.q-chip{background:none!important;border:0!important;border-radius:0!important;padding:0!important;color:#465462!important;font-weight:600!important;font-size:13px!important;letter-spacing:0!important}
.grade-pick button::before{background:none!important;border-radius:0!important;width:auto!important;height:auto!important;color:#9a4419!important;font-weight:700!important}
.grade-pick button[aria-pressed="true"]::before{background:none!important;color:var(--navy)!important}
@media(min-width:1100px){.hy-hero .fb2{white-space:nowrap;font-size:15px!important}}
/* app-style bottom tab bar (phones) */
.rb-tabs.rb-app{background:var(--card)!important;border-top:1px solid var(--line)!important;box-shadow:0 -2px 12px rgba(19,40,63,.06)!important;padding:4px 6px calc(4px + env(safe-area-inset-bottom))!important}
.rb-tabs.rb-app a{color:#465462!important;border-radius:3px!important;font-size:11px!important}
.rb-tabs.rb-app a[aria-current="page"]{color:var(--navy)!important}
.rb-tabs.rb-app a[aria-current="page"]::after{background:var(--accent)!important}
.rb-tabs.rb-app a.rb-tab-q{background:var(--accent)!important;color:#fff!important;box-shadow:0 3px 10px rgba(169,79,36,.28)!important;margin:2px 2px!important}
.rb-tabs.rb-app a.rb-tab-q svg{stroke:#fff!important}
@media(max-width:640px){body.rb-has-tabs .rb-consent,body.rb-has-tabs.mcall-off .rb-consent{bottom:calc(64px + env(safe-area-inset-bottom))!important}}
/* v161 buyer-bot feedback (Oct 29) */
:root{--btn:#a94f24}
.btn,a.btn,button.btn,.cta-band .btn,.rb-tabs.rb-app a.rb-tab-q{background:var(--btn)!important}
.btn:hover,a.btn:hover,button.btn:hover{background:#9a4419!important}
@media(max-width:640px){
  main h2{font-weight:700!important;color:var(--navy)}
  main h3,main summary h3{font-weight:700!important}
  .phero h1,.hy-hero h1{font-size:28px!important;line-height:1.2!important}
}
@media(min-width:1100px){
  main:has(> section.phero:first-child + section .lead-grid > div:last-child > .quote-card:first-child) > section.phero:first-child > .wrap{padding-right:480px!important}
  main > section.phero:first-child + section .lead-grid > div:last-child:has(> .quote-card:first-child){margin-top:-560px;position:relative;z-index:3}
  main:has(> section.phero:first-child + section .lead-grid > div:last-child > .quote-card:first-child) > section.phero:first-child{min-height:540px}
  main > section.phero:first-child + section .lead-grid > div:last-child > .quote-card:first-child{box-shadow:0 10px 30px rgba(10,24,40,.22)!important}
}
.topbar .tb-left a.tb-bk{color:#e8ad85;text-decoration:underline;text-underline-offset:2px}
.topbar .tb-left a.tb-bk:hover{color:#fff}
@media(max-width:1180px){.topbar .tb-left .tb-intro{display:none}}
@media(min-width:981px){header .nav-links a.nm-link.nm-bk{display:none!important}}
/* header lines up with page content edges at >=1400px (was overhanging ~68px on the right) */

/* wider desktop layout (Oct 29): page widens on big screens, quote form fixed at right, text fills the main column */
@media(min-width:1400px){
  .wrap{max-width:1320px}
  .lead-grid:has(>div:last-child>.quote-card:first-child){grid-template-columns:minmax(0,1fr) 420px!important;gap:72px!important}
}
@media(min-width:1700px){
  .wrap{max-width:1440px}
  .lead-grid:has(>div:last-child>.quote-card:first-child){grid-template-columns:minmax(0,1fr) 440px!important;gap:80px!important}
}
@media(min-width:1100px){
  .lead-grid:has(>div:last-child>.quote-card:first-child)>div:first-child :is(p,li):not(td p):not(td li){max-width:none!important}
  main:has(> section.phero:first-child + section .lead-grid > div:last-child > .quote-card:first-child) > section.phero:first-child p{max-width:none!important}
}
@media(min-width:1700px){
  main:has(> section.phero:first-child + section .lead-grid > div:last-child > .quote-card:first-child) > section.phero:first-child > .wrap{padding-right:540px!important}
}
@media(min-width:1400px){.h2w,.hp-tools-wrap{max-width:1320px!important}html body.gv2:is(:has(.rc-card),:has(.pc-grid),:has(.si-grid),:has(.sp-lot)) main>section.block>.wrap{max-width:1320px!important}}
@media(min-width:1700px){.h2w,.hp-tools-wrap{max-width:1440px!important}html body.gv2:is(:has(.rc-card),:has(.pc-grid),:has(.si-grid),:has(.sp-lot)) main>section.block>.wrap{max-width:1440px!important}}
@media(min-width:1400px){html body.gv2:is(:has(.rc-card),:has(.pc-grid),:has(.si-grid),:has(.sp-lot)) .phero>.wrap{max-width:1320px!important}.gv2.gv2w .cta-band.cta-slim .wrap{max-width:1320px}.gv2.gv2w .article{max-width:1272px!important}}
@media(min-width:1700px){html body.gv2:is(:has(.rc-card),:has(.pc-grid),:has(.si-grid),:has(.sp-lot)) .phero>.wrap{max-width:1440px!important}.gv2.gv2w .cta-band.cta-slim .wrap{max-width:1440px}.gv2.gv2w .article{max-width:1392px!important}}
@media(min-width:1400px){.hy-hero>div[style*="1160px"],#faq>div[style*="1160px"]{max-width:1320px!important}}
@media(min-width:1700px){.hy-hero>div[style*="1160px"],#faq>div[style*="1160px"]{max-width:1440px!important}}
.mat-glance .mg-note{margin:0!important;padding:12px 16px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:#465462;background:var(--card)}
.mat-glance .nw{white-space:nowrap}
/* tool pages: bold sans section headings + rounded controls (Oct 29, matches the live tools look) */
body.rb-tool main :is(h2,h3):not(.qc-h){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.015em!important}
body.rb-tool main :is(a.chip,.chip,.mc-nav>a){border-radius:999px!important}
body.rb-tool main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:8px!important}
body.rb-tool main :is(.btn,button:not(.gb-print)){border-radius:8px!important}
body.rb-tool main :is(.uc-card,.mc-card,.mc-main,.uc-pwout>div,.rc-out,.rc-b,.rc-allwrap,.rc-units,.itable-wrap,.dec,.quote-card,.tool-tip,.rb-nudge,.sp-card,.rb-elast,.mat-glance){border-radius:12px!important}
body.rb-tool main :is(.itable-wrap,.rc-allwrap,.mat-glance){overflow:hidden}
body.rb-tool.gv2 main .article{border-radius:12px!important}
/* tool pages match the live tools look: heavy sans titles, 14px rounded cards */
body.rb-tool main h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.02em!important}
body.rb-tool main :is([class*="card"],.uc-card,.mc-card,.mc-main,.rc-out,.rc-allwrap,.itable-wrap,.dec,.quote-card,.tool-tip,.rb-nudge,.article){border-radius:14px!important}
body.rb-tool main .pc-card{overflow:hidden}
body.rb-tool main .pc-img img{border-radius:6px}
/* homepage materials: card grid like the live site (Oct 29) */
#materials .cat.matc{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px!important;border-top:0!important;padding-top:6px!important;margin-top:26px!important}
#materials .cat.matc>div{border:0!important;padding:0!important;min-width:0}
#materials .cat.matc h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:12.5px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase;color:#465462!important;margin:0 0 12px!important;padding:0 0 7px!important;border-bottom:2px solid var(--accent)!important;display:inline-block}
#materials .cat.matc ul{list-style:none;margin:0!important;padding:0!important;display:grid;gap:10px}
#materials .cat.matc li{margin:0!important;padding:0!important;border:0!important}
#materials .cat.matc li a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;text-decoration:none!important;color:var(--navy);box-shadow:0 1px 3px rgba(14,36,56,.04);transition:border-color .15s,box-shadow .15s,transform .15s}
#materials .cat.matc li a:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(14,36,56,.08);transform:translateY(-1px)}
#materials .cat.matc li a b{display:block;font-size:15.5px;font-weight:700;line-height:1.3;color:var(--navy)}
#materials .cat.matc li a span{display:block;font-size:13.5px;line-height:1.4;color:#465462;margin-top:3px}
@media(max-width:1180px){#materials .cat.matc{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){#materials .cat.matc{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important}}
@media(max-width:420px){#materials .cat.matc{grid-template-columns:1fr!important}}
@media(max-width:420px){#materials .cat.matc{grid-template-columns:repeat(2,minmax(0,1fr))!important}#materials .cat.matc>div{display:contents}#materials .cat.matc h3{grid-column:1/-1;margin:8px 0 2px!important}#materials .cat.matc ul{display:contents}#materials .cat.matc li a{padding:11px 12px;height:100%;box-sizing:border-box}#materials .cat.matc li a b{font-size:14.5px}#materials .cat.matc li a span{font-size:12.5px}}
/* rounded buttons and fields sitewide (Oct 29) */
html body :is(.btn,a.btn,button.btn,.btn2,a.btn2,.btn-ghost,.step-next,button[type=submit]):not(.hs-go){border-radius:8px!important}
html body main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:8px!important}
html body :is(.hy-pq,.quote-card,.cb-card,.hp-hero-quote) :is(.seg,.tgl,[role=group]) button{border-radius:0}
html body .hs-d .hs-pop{border-radius:8px!important}
/* rounded form boxes and homepage cards to match the rounded buttons */
html body :is(.hy-pq,.quote-card,.cb-card,.hp-hero-quote,.lot3,.mat-glance,.sp-card){border-radius:12px!important;overflow:hidden}
html body .hy-pq,html body .quote-card{overflow:visible}
html body .paths>a{border-radius:12px!important}
html body .hy-pq :is(.seg,[role=group],.hy-tg,.tgl){border-radius:8px;overflow:hidden}
html body .cb-card,html body .hp-hero-quote{overflow:visible!important}
/* materials cards: every card in a row is the same height */
@media(min-width:421px){
#materials .cat.matc{grid-auto-rows:auto}
#materials .cat.matc>div{display:grid!important;grid-row:span 5;grid-template-rows:subgrid;row-gap:10px}
#materials .cat.matc ul{display:contents!important}
#materials .cat.matc li{display:flex}
#materials .cat.matc li a{flex:1;display:flex;flex-direction:column;justify-content:center}
#materials .cat.matc h3{justify-self:start;align-self:end}
}
/* === Round 2 fixes (Oct 29) === */
/* materials grid: 5 cards per column now */
@media(min-width:421px){#materials .cat.matc>div{grid-row:span 6!important}}
.mat-all-m{display:none}
@media(max-width:640px){
  #materials .cat.matc{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #materials .cat.matc>div{display:contents!important}
  #materials .cat.matc h3{display:none!important}
  #materials .cat.matc ul{display:contents!important}
  #materials .cat.matc li:not(.mp){display:none!important}
  #materials .cat.matc li.mp{display:flex!important}
  #materials .cat.matc li a{padding:12px 13px}
  .mat-all-m{display:block;margin:14px 0 4px}
  .mat-all-m .btn2{display:flex;justify-content:center;align-items:center;min-height:46px;border-radius:8px}
}
/* homepage quote form links */
.hq-links,.hq-rfq{text-align:center;font-size:14px;margin:6px 0 0}
.hq-rfq{color:var(--muted)}
.hq-rfq a,.hq-links a{color:var(--accent);font-weight:600}
/* orange action buttons, navy text (copper stays for accents and links) */
:root{--btn:#a94f24}
html body :is(.btn,a.btn,button.btn,.cta-band .btn,.step-next,button[type=submit]):not(.btn-ghost):not(.btn-o):not(.gb-print):not(.hs-go){background:#ff7a1a!important;color:#0e2438!important;border-color:#ff7a1a!important}
html body :is(.btn,a.btn,button.btn,.step-next,button[type=submit]):not(.btn-ghost):not(.btn-o):not(.hs-go):hover{background:#ff9a4d!important;color:#0e2438!important}
html body :is(.btn,.step-next,button[type=submit]):not(.hs-go) svg{stroke:#0e2438!important}
html body .rb-tabs a.rb-tab-q{background:#ff7a1a!important;color:#0e2438!important;box-shadow:0 3px 10px rgba(169,79,36,.3)!important}
html body .rb-tabs a.rb-tab-q svg{stroke:#0e2438!important}
html body .rb-tabs a.rb-tab-q span,html body .rb-tabs a.rb-tab-q *{color:#fff!important}
html body .hsearch .hs-pop button.hs-go.hs-go.hs-go.hs-go.hs-go{background:transparent!important;border-color:transparent!important;color:var(--muted)!important}
/* bottom bar: 6 tabs with Call */
@media(max-width:640px){.rb-tabs.rb-app a{min-width:0}.rb-tabs.rb-app a span{white-space:nowrap}}
@media(max-width:370px){.rb-tabs.rb-app a{font-size:10px!important}.rb-tabs.rb-app a svg{width:21px;height:21px}.rb-tabs.rb-app{padding-left:3px!important;padding-right:3px!important}}
@media(max-width:640px){#materials p.small a[href="/materials"]{display:none}}
/* === Homepage round 3 fixes (Oct 29) === */
/* bold sans headings on the homepage */
body.rb-home main :is(h1,h2,h3):not(.qc-h),body.rb-home .hy-hero h1,body.rb-home #materials h2,body.rb-home .h2s h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.02em!important}
body.rb-home main h3,body.rb-home .paths b{font-weight:700!important;letter-spacing:-.01em!important}
body.rb-home .hy-pq :is(h2,h3,.hy-pq-h){font-weight:700!important}
/* hero search + quick links */
body.rb-home .hy-hero .hy-sb{border-radius:10px!important;margin-top:4px;background:rgba(255,255,255,.1)!important}
body.rb-home .hy-hero .hy-sb button{border-radius:8px!important}
body.rb-home .hy-hero .hy-ex a{border-radius:999px}
@media(max-width:640px){
  body.rb-home .hy-hero .hy-ex{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:6px;padding-bottom:2px}
  body.rb-home .hy-hero .hy-ex::-webkit-scrollbar{display:none}
  body.rb-home .hy-hero .hy-ex>span{display:none}
  body.rb-home .hy-hero .hy-ex a{white-space:nowrap;flex:none}
}
/* closing quote band */
.hp-close{background:var(--navy);color:#fff;padding:56px 0}
.hp-close-in{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.hp-close h2{color:#fff!important;margin:0 0 8px!important;font-size:clamp(26px,3vw,34px)!important}
.hp-close p{color:#cdd9e6;margin:0;font-size:17px;max-width:620px}
.hp-close-b{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.hp-close-b .btn{min-width:220px;justify-content:center;text-align:center;padding:14px 26px;font-size:17px}
.hp-close-b span{color:#cdd9e6;font-size:15px}
.hp-close-b span a{color:#fff;font-weight:700;text-decoration:none}
@media(max-width:640px){.hp-close{padding:40px 0}.hp-close-b,.hp-close-b .btn{width:100%}.hp-close-b{align-items:stretch}.hp-close-b span{text-align:center}}
body.rb-home :is(h1,h2,h3,.hy-pq-h,.qc-h,.res b,.paths b,.lt h3):not(footer *){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;letter-spacing:-.015em!important}
body.rb-home :is(h2,.hp-close h2):not(footer *){font-weight:800!important}
body.rb-home :is(h3,.hy-pq-h,.qc-h,.res b,.paths b,.lt h3):not(footer *){font-weight:700!important}
html body.rb-home #faq h2,html body.rb-home #faq .faq-head h2,html body.rb-home section#faq h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.02em!important}
/* blue accents (Oct 29): copper accents swapped for blue; orange stays on action buttons only */
:root{--cu-lt:#e8ad85!important}
/* square quote boxes for a classic feel (buttons and fields keep slight rounding) */
html body :is(.hy-pq,.quote-card,.cb-card,.hp-hero-quote){border-radius:0!important}
body.rb-home .hy-hero .hy-ex{max-width:none!important;gap:7px!important}
body.rb-home .hy-hero .hy-ex a{padding:6px 11px!important;font-size:13px}
/* === Bold sans headings sitewide (Oct 29): one heading font everywhere === */
html body :is(h1,h2,h3,h4,.h1,.h2):not(.kk *){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;letter-spacing:-.015em!important}
html body main h1,html body .phero h1{font-weight:800!important;letter-spacing:-.02em!important}
html body :is(main h2,.end-cta h2,.cta-band h2,.hp-close h2){font-weight:800!important}
html body :is(main h3,main h4,.qc-h,.hy-pq-h){font-weight:700!important}
html body footer :is(h2,h3,h4){font-weight:700!important}
html body :is(#faq summary,details summary,.lpr b,.lpr strong){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important}
html body #faq div>details>summary{font-weight:700!important;letter-spacing:-.01em!important}
html body .lpr b{font-weight:800!important}
html body :is(.steps-n,.article ol.steps>li,.gv2 ol.steps>li,.prose ol.steps>li)::before{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:800!important}
html body .steps-n{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:800!important}
html body :is(.steps-n li,.article ol.steps li,.prose ol.steps li)::before{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:800!important;font-size:17px!important}
html body main :is(.steps-n li,.gv2 .article ol.steps li,.article ol.steps li,.prose ol.steps li,ol.steps li)::before{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:800!important;font-size:17px!important}
html body main #faq div>details>summary,html body main #faq details>summary{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-weight:700!important;font-size:19px!important;letter-spacing:-.01em!important}
/* Desktop: header has a full search box, so drop the duplicate homepage hero search + chips. Phones/tablets keep it. */
@media(min-width:1200px){html body.rb-home .hy-sb,html body.rb-home .hy-ex{display:none!important}}
:root{--cu-lt:#e8ad85!important}

/* COPPER BUTTONS (preview) */
html body :is(.btn,a.btn,button.btn,.cta-band .btn,.step-next,button[type=submit]):not(.btn-ghost):not(.btn-o):not(.gb-print):not(.hs-go){background:#a94f24!important;color:#fff!important;border-color:#a94f24!important}
html body :is(.btn,a.btn,button.btn,.cta-band .btn,.step-next,button[type=submit]):not(.btn-ghost):not(.btn-o):not(.gb-print):not(.hs-go):hover{background:#8a3f1b!important;border-color:#8a3f1b!important;color:#fff!important}
html body :is(.btn,a.btn,button.btn,button[type=submit]):not(.btn-ghost):not(.btn-o):not(.hs-go) svg{stroke:#fff!important}
html body .rb-tabs a.rb-tab-q,html body .rb-tabs.rb-app a.rb-tab-q{background:#a94f24!important;color:#fff!important}
html body .rb-tabs a.rb-tab-q svg{stroke:#fff!important}
/* Oct 29: quote box no longer follows the reader down the page (Tobias: distracting). It stays at the top of the column. */
html body .quote-card,html body .lead-grid>div:last-child>.quote-card,html body .lead-grid>div:last-child:not(.sp-side)>.quote-card{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
html:not(#x) body .lead-grid .quote-card,html:not(#x) body .quote-card{position:static!important;top:auto!important}

/* Oct 29: quote box no longer sticky, so page content uses the full width under it.
   Content spans both grid columns; the quote box sits on top in column 2 (still lifted into the hero);
   a float spacer (height set by site.js = how far the box reaches into the content) makes the first
   lines wrap around it. Paragraph text keeps a readable line length. */
@media(min-width:1100px){
  main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child){grid-template-columns:minmax(0,1fr) 400px!important}
  main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child{grid-column:1 / -1;grid-row:1}
  main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:last-child{grid-column:2;grid-row:1;align-self:start;z-index:3}
  main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child::before{content:"";float:right;width:440px;height:var(--qcover,160px)}
  main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child :is(p,ul,ol,dl,blockquote,h2,h3,h4){max-width:820px}
}
@media(min-width:1400px){
  main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child){grid-template-columns:minmax(0,1fr) 420px!important}
  main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child::before{width:480px}
}
@media(min-width:1700px){
  main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child){grid-template-columns:minmax(0,1fr) 440px!important}
  main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child::before{width:504px}
}
@media(min-width:1100px){html body main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child :is(p,li,h2,h3,h4):not(td p):not(td li):not(th *):not(td *){max-width:900px!important}}
/* Oct 29: surplus lot page was blown up to full width (photos ~420px tall). Tighter column + thumbnail photos. */
html body.gv2:has(.sp-lot) main>section.block>.wrap{max-width:1040px!important}
html body .sp-photo img{max-height:300px!important}
html body .sp-more-g{grid-template-columns:repeat(auto-fill,minmax(180px,220px))!important;gap:12px!important}
html body .sp-more img{height:165px!important}
html body .sp-more figcaption{font-size:12.5px;line-height:1.4;margin-top:6px;color:#465462}
html body .sp-facts div{padding:12px 20px!important}
html body .sp-facts b{font-size:17px!important}
html body .sp-facts div:first-child b{font-size:21px!important}
@media(max-width:640px){html body .sp-more-g{grid-template-columns:1fr 1fr!important}html body .sp-more img{height:150px!important}}
html body.gv2:has(.sp-lot) .phero>.wrap{max-width:1040px!important}
@media(max-width:820px){html body .sp-photo img{max-height:220px!important}}
/* Oct 29: Tobias: text capped at 900px looked left-heavy. Text now runs the same width as the tables (even right edge). */
@media(min-width:1100px){html body main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child :is(p,li,h2,h3,h4):not(td p):not(td li):not(th *):not(td *){max-width:none!important}}
/* Oct 29: centered reading column (850px) for text; tables, charts, COA card, grade finder go full width; mid-page quote bar. */
@media(min-width:1100px){
  html body main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child > *:not(#zz){max-width:850px!important;margin-left:auto!important;margin-right:auto!important}
  html body main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child > :is(table,.itable-wrap,.mat-glance,.coa-card,.gf-proc,.sp-card,.rb-midq,details.rel,.mk-sign):not(#zz){max-width:none!important}
}
.rb-midq{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#0e2438;color:#fff;border-radius:8px;padding:20px 26px;margin:34px 0!important}
.rb-midq p{margin:0!important;color:#dbe4ec;font-size:16px;line-height:1.5;flex:1 1 380px}
.rb-midq p b{color:#fff;display:block;font-size:18px;margin-bottom:2px}
.rb-midq .btn{white-space:nowrap;flex:0 0 auto}
html body table.spec td a[href^="mailto:"]{word-break:break-all}
/* ===== Oct 29 audit fixes ===== */
/* eyebrow labels on navy heroes were low contrast */
html body :is(.phero,.hy-hero,.hero) .eyebrow{color:#e8ad85!important}
/* phones: the tab-bar spacer showed as a light strip under the navy footer; move the spacer inside the footer */
@media(max-width:640px){body.rb-has-tabs{padding-bottom:0!important}body.rb-has-tabs footer::after{content:"";display:block;height:calc(64px + env(safe-area-inset-bottom))}}
@media(max-height:500px) and (orientation:landscape){body.rb-has-tabs footer::after{display:none}}
/* one FAQ style everywhere (some lists showed plain browser triangles) */
html body .faq-list details.faq-q{border-bottom:1px solid #e1e5ea;padding:14px 0;margin:0}
html body .faq-list details.faq-q:first-child{border-top:1px solid #e1e5ea}
html body .faq-list details.faq-q>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;font-weight:700!important;font-size:17px;line-height:1.4;color:#0e2438}
html body :is(.faq-list details.faq-q,details.q-check,details.rel)>summary::-webkit-details-marker{display:none}
html body .faq-list details.faq-q>summary::after{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:6px;border-right:2px solid #a94f24;border-bottom:2px solid #a94f24;transform:rotate(45deg);transition:transform .15s}
html body .faq-list details.faq-q[open]>summary::after{transform:rotate(-135deg);margin-top:10px}
html body .faq-list details.faq-q>:not(summary){margin:10px 0 2px}
html body details.q-check>summary{list-style:none;cursor:pointer}
html body details.q-check>summary::before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 2px 1px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
html body details.q-check[open]>summary::before{transform:rotate(45deg)}
/* unit converter lower sections had lost spacing and link styling */
html body .uc.uc2 h2{margin:36px 0 12px!important}
html body .uc.uc2 :is(p,li) a{color:#a94f24;text-decoration:underline;font-weight:600}
html body .uc.uc2>ul{padding-left:22px}
html body .uc.uc2>p{margin:14px 0}
/* molding calculators: intro line touched the card below */
html body .mc-card,html body .uc-card.mc-card{margin-top:14px!important}
html body main select{text-overflow:ellipsis}

/* surplus lot facts: labels line up at the top of each cell */
html body .sp-facts div{justify-content:flex-start!important}
/* insights resin selector button matches the other primary buttons */
html body #selGo{background:#a94f24!important;color:#fff!important}
/* printable charts: 4 cards in one row on wide screens, 2x2 on medium */
@media(min-width:1200px){html body .pc-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:700px) and (max-width:1199px){html body .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* glossary search box matches tool-page inputs */
html body .gl-find input{border-radius:8px!important}

/* trade-name decoder: give "What it is" the room, not four equal columns */
@media(min-width:900px){
  html body .tn-wrap table.itable,html body main:has(#tn-q) table.itable.cmp{table-layout:auto!important}
  html body main:has(#tn-q) table.itable.cmp th:nth-child(1){width:17%}
  html body main:has(#tn-q) table.itable.cmp th:nth-child(2){width:45%}
  html body main:has(#tn-q) table.itable.cmp th:nth-child(3){width:20%}
  html body main:has(#tn-q) table.itable.cmp th:nth-child(4){width:18%}
}
.tel-nw{white-space:nowrap}
/* Oct 29 audit: article-card pages (guides, properties, comparisons, problems, grade specs): wider card so tables have room; text stays in a 780px centered column */
@media(min-width:1100px){
  html body.gv2 main article.article{max-width:1180px!important;width:100%;margin-left:auto!important;margin-right:auto!important}
  html body.gv2 main article.article > *:not(#zz){max-width:780px;margin-left:auto;margin-right:auto}
  html body.gv2 main article.article > :is(.itable-wrap,table,figure,.chart-fig,.rb-midq,.choose-grid,details.rel,.props-main,.guide-bar,.tn-wrap,.gl-az,.cmp-wrap,.pc-grid):not(#zz){max-width:none}
}
@media(min-width:1100px){html body.gv2 main article.article > div:has(> table, > .itable-wrap):not(#zz){max-width:none}}

/* Oct 29: "How ordering works" = plain ruled list (like an order form) + a real warehouse photo */
html body #how .h2two{display:grid!important;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
html body #how ol.steps{list-style:none!important;counter-reset:hw!important;display:block!important;margin:26px 0 0!important;padding:0!important;border-top:1px solid #d3d9e0;max-width:720px}
html body #how ol.steps>li{counter-increment:hw;display:grid!important;grid-template-columns:44px 1fr;column-gap:8px;row-gap:3px;padding:18px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #d3d9e0!important;background:none!important;box-shadow:none!important;position:static!important}
html body #how ol.steps>li::before{content:counter(hw)!important;grid-row:1 / span 2;position:static!important;display:block!important;width:auto!important;height:auto!important;background:none!important;border:0!important;border-radius:0!important;color:#a94f24!important;font:700 22px/1.2 inherit!important;font-family:inherit!important;margin:0!important;float:none!important}
html body #how ol.steps>li::after{display:none!important}
html body #how ol.steps>li>b{display:block;font-size:17.5px!important;line-height:1.35;color:#0e2438;margin:0!important;padding:0!important}
html body #how ol.steps>li>span{display:block;font-size:15.5px!important;line-height:1.55;color:#465462;margin:0!important;padding:0!important}
html body #how ol.steps>li>span a{color:#a94f24;font-weight:600}
html body #how .how-ph{margin:6px 0 0}
html body #how .how-ph img{display:block;width:100%;height:400px;object-fit:cover;object-position:center 40%;border-radius:4px;border:1px solid #d3d9e0}
html body #how .how-ph figcaption{font-size:13px;color:#5b6673;margin-top:8px;line-height:1.4}
@media(max-width:900px){html body #how .h2two{grid-template-columns:1fr;gap:24px}html body #how .how-ph img{height:220px}}
html body #how ol.steps{max-width:none!important}html body #how ol.steps>li::before{font-weight:700!important;font-size:22px!important;line-height:1.2!important}
/* Oct 29: slimmer "Make ResinBridge your backup source" navy band */
html body #backup.h2s{padding-top:40px!important;padding-bottom:40px!important}
html body #backup .h2w{align-items:center!important}
html body #backup h2{margin-bottom:8px!important}
html body #backup .lede{margin-bottom:0!important}
html body #backup .nob{margin:8px 0 0!important}
@media(max-width:640px){html body #backup.h2s{padding-top:30px!important;padding-bottom:30px!important}}
html body #backup.h2s{padding-top:30px!important;padding-bottom:30px!important}@media(max-width:640px){html body #backup.h2s{padding-top:26px!important;padding-bottom:26px!important}}
@media(min-width:1100px){html body.gv2 main article.article > :is(.quote-card,.mk-sign,.pa-box,.cb-card):not(#zz){margin-left:auto!important;margin-right:auto!important;max-width:780px!important}}
html body .rb-tabs a.rb-tab-q,html body .rb-tabs a.rb-tab-q *{color:#fff!important}html body .rb-tabs a.rb-tab-q svg *{stroke:#fff!important}
/* ===== final-look audit fixes (Oct 29) ===== */
/* content starts below the quote box overhang (no more boxes squeezed beside it) */
@media(min-width:1100px){
  html body main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child::before{content:none!important;display:none!important}
  html body main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child{padding-top:var(--qcover,0px)!important}
}
/* phone numbers wrapped for no-break must not pick up other span styles */
html body span.tel-nw,html body header .nav-menu .nav-phone span.tel-nw,html body .nav-phone span.tel-nw{display:inline!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important;line-height:inherit!important;white-space:nowrap}
/* calculators: selects stay inside their cards */
html body .mc-card select,html body .uc-card select{max-width:100%;min-width:0!important;box-sizing:border-box}
/* even spacing above headings in guides and tool pages */
html body main article.article > * + h2{margin-top:38px!important}
html body main article.article > * + h3{margin-top:26px!important}
html body main article.article h2 + :is(p,ul,ol,.itable-wrap,table){margin-top:10px!important}
html body.rb-tool main :is(p,.note,table,.itable-wrap) + h2{margin-top:34px!important}
/* properties table block lines up with the text column */
@media(min-width:1100px){html body.gv2 main article.article > .props-main:not(#zz){max-width:780px}}
/* industries hub: cards look clickable like the homepage cards */
html body main :is(a.card[href^="/industry-"],a.card[href="/material-medical-fda"]){border-left:4px solid #a94f24!important;position:relative;padding-right:34px!important;transition:box-shadow .15s,transform .15s}
html body main :is(a.card[href^="/industry-"],a.card[href="/material-medical-fda"])::after{content:"\2192";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#a94f24;font-weight:700;font-size:18px}
html body main :is(a.card[href^="/industry-"],a.card[href="/material-medical-fda"]):hover{box-shadow:0 8px 22px rgba(14,36,56,.1)}
/* sell-surplus file picker matches the RFQ one */
html body main form input[type=file]{display:block;width:100%;box-sizing:border-box;min-height:54px;padding:9px 12px;border:2px dashed #c98d66;border-radius:4px;background:#fff;font-size:15px;color:#33424f;cursor:pointer}
html body main form input[type=file]::file-selector-button{margin:0 12px 0 0;padding:9px 14px;border:0;border-radius:8px;background:#0e2438;color:#fff;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}
/* form-page phones without the tab bar: no empty strip under the footer */
@media(max-width:640px){html body:not(.rb-has-tabs){padding-bottom:0!important}}
/* Oct 30: one clean column. Text, tables, charts, cards and the mid-page bar all share the same centered 900px column
   (Tobias: mixed widths looked messy). Wide tables scroll inside their wrapper if needed. */
@media(min-width:1100px){
  html body main > section.phero:first-child + section .lead-grid:has(> div:last-child > .quote-card:first-child) > div:first-child > *:not(#zz):not(#zy){max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
  html body.gv2 main article.article{max-width:1020px!important}
  html body.gv2 main article.article > *:not(#zz):not(#zy){max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
  html body main :is(.lead-grid > div:first-child, article.article) > :is(table,.itable-wrap){width:100%;box-sizing:border-box}
}
html body table.cmp tbody tr:first-child th{background:#f7f8fa!important;color:#0e2438!important}html body table.cmp thead td{background:#0e2438!important}
/* Oct 30: data tables stand out from the light gray page: white rows + light copper stripes, firmer border, soft shadow */
html body main :is(.itable-wrap,table.spec,table.itable,table.cmp):not(.quote-card *){box-shadow:0 6px 18px rgba(14,36,56,.08)!important;border:1px solid #d3d9e0!important;border-radius:8px}
html body main .itable-wrap > table{box-shadow:none!important;border:0!important}
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr > td{background:#fff!important}
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr:nth-child(even) > td{background:#fbf4ee!important}
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr > th{background:#f6ebe2!important;color:#0e2438!important}
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr + tr > *{border-top:1px solid #ead9cc!important}
/* Oct 30: table stripes in a light blue instead of copper */
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr:nth-child(even) > td{background:#eef4fa!important}
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr > th{background:#e2ecf6!important;color:#0e2438!important}
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr + tr > *{border-top:1px solid #d6e2ee!important}
/* Oct 30: table stripes one step darker (Tobias picked the middle shade) */
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr:nth-child(even) > td{background:#e4eef8!important}
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr > th{background:#d5e4f3!important;color:#0e2438!important}
html body main :is(table.spec,table.itable,table.cmp,.itable-wrap table):not(.quote-card *) tbody tr + tr > *{border-top:1px solid #c9d9ea!important}
html body .ld-mini .tel-nw{margin-left:.3em}