/* site.css: shared, template-neutral styles for the stamped include regions
   (mobile call/quote bar, materials quote form, buy box, legacy nav extras).
   Loaded on every page through <!-- site:head -->. Staged 2026-10-03. */
.site-mbar{display:none}
@media (max-width:768px){
  .site-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9990;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:rgba(10,10,10,.96);border-top:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  .site-mbar a{flex:1 1 50%;display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:3px;
    font:600 14px/1.1 'Instrument Sans','Inter',system-ui,sans-serif;letter-spacing:.02em;text-decoration:none;text-align:center}
  .site-mbar .mb-call{color:#fff;border:1px solid #6ABF1E}
  .site-mbar .mb-quote{color:#fff;background:#CC1111;border:1px solid #CC1111}
  body{padding-bottom:66px}
  .trc-btn{bottom:76px !important}
}
@media print{.site-mbar{display:none !important}}

/* materials quote form */
.mq-wrap{border-top:1px solid rgba(255,255,255,.10);padding:64px 0 72px;scroll-margin-top:84px}
.mq-in{width:100%;max-width:980px;margin:0 auto;padding:0 clamp(16px,4vw,48px);color:inherit}
.mq-lbl{font:600 11px/1 'Instrument Sans','Inter',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8A847C;margin:0 0 14px}
.mq-h{margin:0 0 12px;font-size:clamp(26px,3vw,40px);line-height:1.15;color:#FAF8F5}
.mq-lead{margin:0 0 26px;color:#B8B2AA;max-width:62ch;font-size:16.5px;line-height:1.6}
form.mq{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;text-align:left}
form.mq .full{grid-column:1/-1}
form.mq label{display:block;font:600 11px/1.3 'Instrument Sans','Inter',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#A39D95;margin:0 0 7px}
form.mq input,form.mq select,form.mq textarea{width:100%;box-sizing:border-box;background:#141414;color:#FAF8F5;border:1px solid rgba(255,255,255,.18);
  border-radius:3px;padding:12px 13px;font:400 15px/1.4 'Instrument Sans','Inter',system-ui,sans-serif;min-height:48px}
form.mq textarea{min-height:96px;resize:vertical}
form.mq input:focus-visible,form.mq select:focus-visible,form.mq textarea:focus-visible{outline:2px solid #6ABF1E;outline-offset:1px;border-color:#6ABF1E}
form.mq .qty{display:grid;grid-template-columns:1fr 130px;gap:10px}
form.mq button{justify-self:start;background:#CC1111;color:#fff;border:1px solid #CC1111;border-radius:2px;padding:15px 26px;min-height:48px;cursor:pointer;
  font:600 12.5px/1 'Instrument Sans','Inter',system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}
form.mq button:hover{filter:brightness(1.12)}
.mq-note{margin:18px 0 0;font:400 14px/1.6 'Instrument Sans','Inter',system-ui,sans-serif;color:#A39D95}
.mq-note a{color:#6ABF1E}
@media (max-width:700px){form.mq{grid-template-columns:1fr}}

/* "buy this material" box on supply blog posts */
.site-buybox{margin:28px 0;padding:18px 20px;border:1px solid rgba(106,191,30,.45);border-radius:4px;background:rgba(106,191,30,.06);
  font:400 15px/1.7 'Instrument Sans','Inter',system-ui,sans-serif}
.site-buybox b{display:block;margin:0 0 4px;color:#FAF8F5}
.site-buybox a{color:#6ABF1E}
.site-buybox a.go{display:inline-block;margin-top:8px;padding:10px 16px;background:#CC1111;color:#fff;border-radius:2px;text-decoration:none;font-weight:600}

/* product table on supply pages */
.site-ptable{width:100%;border-collapse:collapse;margin:20px 0;font:400 15px/1.5 'Instrument Sans','Inter',system-ui,sans-serif}
.site-ptable th{text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8A847C;padding:0 12px 10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.site-ptable td{padding:11px 12px 11px 0;border-bottom:1px solid rgba(255,255,255,.10);vertical-align:top;color:#C9C3BB}
.site-ptable td a{color:#FAF8F5}
.site-ptwrap{overflow-x:auto}

/* shared nav: keep labels on one line; tighten spacing on narrower desktops */
.navlinks a,.nav-links a{white-space:nowrap}
@media (max-width:1240px){.navlinks{gap:16px !important}.nav-links{gap:14px !important}.nav-links a{font-size:14px}}
.navcta{white-space:nowrap}