/* ==========================================================================
   Automation Pioneer 2026 — main.css
   Design tokens, base, layout, components, header, footer, inner templates.
   ========================================================================== */

/* Fonts (self-hosted, latin subset, variable) ------------------------------ */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:75% 125%;font-display:swap;src:url(../fonts/archivo-400-800.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/ibm-plex-sans-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-500.woff2) format('woff2')}

/* Tokens ------------------------------------------------------------------- */
:root{
  /* Brand — sampled from the Automation Pioneer logo + live site buttons */
  --c-navy-950:#06111a;
  --c-navy-900:#0b1d2a;
  --c-navy-800:#10283a;
  --c-navy-700:#1b3a50;
  --c-steel-500:#546c78;
  --c-steel-400:#8a9ba6;
  --c-steel-300:#b4c0cc;
  --c-red-500:#d94948;   /* brand red (decorative / large) */
  --c-red-600:#c23b3a;   /* buttons w/ white text: 5.3:1 */
  --c-red-300:#f07b79;   /* red text on navy: 7:1 */
  /* Neutrals */
  --c-white:#fff;
  --c-paper:#f3f5f4;
  --c-paper-2:#e8ecea;
  --c-ink:#0b1d2a;
  --c-text:#24333e;
  --c-muted:#4a5b66;     /* 6.4:1 on paper */
  --c-line:rgba(11,29,42,.12);
  --c-line-strong:rgba(11,29,42,.22);
  --c-line-light:rgba(255,255,255,.14);
  /* Type */
  --f-display:'Archivo','Arial Narrow',system-ui,sans-serif;
  --f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-xs:.8125rem;
  --fs-sm:.9375rem;
  --fs-base:1.0625rem;
  --fs-lg:clamp(1.125rem,1.05rem + .35vw,1.3125rem);
  --fs-xl:clamp(1.375rem,1.2rem + .8vw,1.875rem);
  --fs-2xl:clamp(2rem,1.45rem + 2.3vw,3.375rem);
  --fs-hero:clamp(2.6rem,1.5rem + 4.4vw,5.25rem);
  --lh-tight:1.02;
  --lh-snug:1.2;
  --lh-body:1.6;
  /* Space & layout */
  --sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;
  --sp-section:clamp(4.5rem,2.75rem + 6vw,8.5rem);
  --container:1280px;
  --gutter:clamp(1rem,.4rem + 2.6vw,2.5rem);
  --topbar-h:38px;
  --navbar-h:76px;
  /* Shape */
  --r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(6,17,26,.06),0 2px 10px rgba(6,17,26,.05);
  --sh-2:0 18px 40px -18px rgba(6,17,26,.35);
  --sh-3:0 30px 60px -24px rgba(6,17,26,.45);
  /* Motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --dur-1:160ms;--dur-2:320ms;--dur-3:700ms;--dur-4:1100ms;
  /* Focus */
  --focus:var(--c-red-600);
}

/* Base --------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--navbar-h) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;font-family:var(--f-body);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--c-text);background:var(--c-white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
h1,h2,h3,h4{font-family:var(--f-display);color:var(--c-ink);line-height:var(--lh-snug);margin:0;font-weight:700;letter-spacing:-.01em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}
.site-main:focus{outline:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:1000;background:var(--c-ink);color:#fff;padding:.75rem 1rem;border-radius:var(--r-sm);font-weight:600;text-decoration:none}
.skip-link:focus{top:var(--sp-4)}

/* Layout ------------------------------------------------------------------- */
.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:calc(760px + var(--gutter) * 2)}
.section{padding-block:var(--sp-section);position:relative}
.section--paper{background:var(--c-paper)}
.section--ink{background:var(--c-navy-900);color:var(--c-steel-300);--focus:var(--c-red-300)}

/* Typography helpers ------------------------------------------------------- */
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--c-red-600);margin-bottom:var(--sp-4)}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.eyebrow--light{color:var(--c-red-300)}
.section-head{max-width:46rem}
.section-head--center{margin-inline:auto;text-align:center}
.section-head--center .eyebrow{justify-content:center}
.section-title{font-size:var(--fs-2xl);line-height:1.06;font-weight:700;font-stretch:92%;letter-spacing:-.02em}
.section-title em{font-style:normal;color:var(--c-red-600)}
.section-intro{margin-top:var(--sp-4);font-size:var(--fs-lg);color:var(--c-muted);max-width:40rem}
.section-head--light .section-title{color:#fff}
.section-head--light .section-title em{color:var(--c-red-300)}
.section-head--light .section-intro{color:var(--c-steel-300)}
.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}

/* Buttons ------------------------------------------------------------------ */
.btn{--btn-bg:var(--c-ink);--btn-fg:#fff;--btn-bd:var(--btn-bg);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.75rem 1.4rem;border:1.5px solid var(--btn-bd);border-radius:var(--r-sm);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--f-body);font-weight:600;font-size:var(--fs-sm);letter-spacing:.01em;line-height:1.1;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}
.btn .icon{width:18px;height:18px;transition:transform var(--dur-2) var(--ease-out)}
.btn:hover .icon-arrow{transform:translateX(4px)}
.btn:active{transform:translateY(1px)}
.btn--primary{--btn-bg:var(--c-red-600);--btn-bd:var(--c-red-600)}
.btn--primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-120%);transition:transform var(--dur-3) var(--ease-out)}
.btn--primary:hover{--btn-bg:#a92f2e;--btn-bd:#a92f2e;box-shadow:0 10px 24px -10px rgba(194,59,58,.7)}
.btn--primary:hover::after{transform:translateX(120%)}
.btn--ghost{--btn-bg:transparent;--btn-fg:var(--c-ink);--btn-bd:var(--c-line-strong)}
.btn--ghost:hover{--btn-bd:var(--c-ink)}
.btn--outline-light{--btn-bg:transparent;--btn-fg:#fff;--btn-bd:rgba(255,255,255,.4)}
.btn--outline-light:hover{--btn-bg:#fff;--btn-fg:var(--c-ink);--btn-bd:#fff}
.btn--sm{min-height:42px;padding:.55rem 1.05rem}
.btn--lg{min-height:56px;padding:.9rem 1.7rem;font-size:var(--fs-base)}
.btn--block{width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:var(--fs-sm);color:var(--c-ink);text-decoration:none;padding-block:.5rem;border-bottom:1.5px solid var(--c-red-500);white-space:nowrap;flex-shrink:0}
.link-arrow .icon{width:18px;height:18px;transition:transform var(--dur-2) var(--ease-out)}
.link-arrow:hover .icon{transform:translateX(4px)}
.link-arrow--light{color:#fff;border-color:var(--c-red-300)}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-white);color:var(--c-ink);transition:border-color var(--dur-1),background-color var(--dur-1)}
.icon-btn:hover{border-color:var(--c-ink)}
.icon-btn .icon{width:20px;height:20px}

/* Chips -------------------------------------------------------------------- */
.chip-row{margin-top:var(--sp-7);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3) var(--sp-5)}
.chip-row--center{justify-content:center;text-align:center}
.chip-row__title{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip-row--center .chips{justify-content:center}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:.4rem .9rem;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);font-size:var(--fs-sm);text-decoration:none;color:var(--c-ink);background:var(--c-white);transition:border-color var(--dur-1),background-color var(--dur-1),color var(--dur-1)}
.chip:hover{border-color:var(--c-ink);background:var(--c-ink);color:#fff}

/* Part search -------------------------------------------------------------- */
.part-search__label{display:block;font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);margin-bottom:.5rem}
.part-search__field{display:flex;align-items:center;gap:.5rem;background:var(--c-white);border:1.5px solid var(--c-line-strong);border-radius:var(--r-sm);padding:.35rem .35rem .35rem .9rem;transition:border-color var(--dur-1),box-shadow var(--dur-1)}
.part-search__field:focus-within{border-color:var(--c-ink);box-shadow:0 0 0 4px rgba(194,59,58,.18)}
.part-search__field>.icon{width:20px;height:20px;color:var(--c-muted);flex-shrink:0}
.part-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:.6rem .25rem;font-family:var(--f-mono);font-size:1rem;color:var(--c-ink)}
.part-search input[type=search]:focus{outline:none}
.part-search input::placeholder{color:#7d8b95}
.part-search .btn{min-height:44px}
.part-search--dark .part-search__label{color:var(--c-steel-400)}
.part-search--dark .part-search__field{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.part-search--dark .part-search__field:focus-within{border-color:rgba(255,255,255,.7);box-shadow:0 0 0 4px rgba(240,123,121,.25)}
.part-search--dark input[type=search]{color:#fff}
.part-search--dark input::placeholder{color:var(--c-steel-400)}
.part-search--dark .part-search__field>.icon{color:var(--c-steel-400)}

/* Header ------------------------------------------------------------------- */
.site-header{position:sticky;top:calc(var(--topbar-h) * -1);z-index:100}
.admin-bar .site-header{top:calc(var(--topbar-h) * -1 + 32px)}
.topbar{height:var(--topbar-h);background:var(--c-navy-950);color:var(--c-steel-300);font-size:var(--fs-xs)}
.topbar__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}
.topbar__note{display:flex;align-items:center;gap:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .dot{width:7px;height:7px;border-radius:50%;background:#3ccf8e;box-shadow:0 0 0 3px rgba(60,207,142,.2);flex-shrink:0}
.topbar__contact{display:flex;gap:var(--sp-5)}
.topbar__contact a{display:inline-flex;align-items:center;min-height:28px;gap:.4rem;text-decoration:none;color:#fff;white-space:nowrap}
.topbar__contact a:hover{color:var(--c-red-300)}
.topbar__contact .icon{width:14px;height:14px;color:var(--c-red-300)}
.navbar{height:var(--navbar-h);background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--dur-2),box-shadow var(--dur-2),background-color var(--dur-2)}
.site-header.is-stuck .navbar{border-color:var(--c-line);box-shadow:0 10px 30px -20px rgba(6,17,26,.45);background:rgba(255,255,255,.97)}
.navbar__inner{height:100%;display:flex;align-items:center;gap:var(--sp-5)}
.site-logo{display:block;flex-shrink:0;text-decoration:none}
.site-logo-img{width:clamp(150px,10vw + 60px,196px);height:auto}
.site-logo-text{font-family:var(--f-display);font-weight:800;font-size:1.25rem;color:var(--c-ink)}
.primary-nav{margin-inline:auto}
.primary-nav__list{display:flex;gap:.25rem}
.primary-nav__list a{position:relative;display:block;padding:.6rem .8rem;font-size:var(--fs-sm);font-weight:500;color:var(--c-ink);text-decoration:none;border-radius:var(--r-sm)}
.primary-nav__list a::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.3rem;height:2px;background:var(--c-red-500);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-out)}
.primary-nav__list a:hover::after,.primary-nav__list a[aria-current]::after{transform:scaleX(1)}
.navbar__actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}
.primary-nav+.navbar__actions{margin-left:0}
.nav-toggle{display:none}
.nav-toggle__close{display:none}
.nav-toggle[aria-expanded=true] .nav-toggle__open{display:none}
.nav-toggle[aria-expanded=true] .nav-toggle__close{display:block}
.search-panel{position:absolute;left:0;right:0;top:100%;background:var(--c-white);border-bottom:1px solid var(--c-line);box-shadow:var(--sh-2);padding-block:var(--sp-5)}
.search-panel .part-search{max-width:760px;margin-inline:auto}
.mobile-nav{position:fixed;left:0;right:0;bottom:0;top:var(--mnav-top,var(--navbar-h));background:var(--c-white);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--c-line)}
.mobile-nav__inner{padding-block:var(--sp-5) var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-6);min-height:100%}
.mobile-nav__list a{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--c-line);font-family:var(--f-display);font-size:1.5rem;font-weight:600;font-stretch:95%;color:var(--c-ink);text-decoration:none}
.mobile-nav__list a::after{content:"→";color:var(--c-red-600);font-family:var(--f-body);font-size:1.1rem}
.mobile-nav__footer{display:grid;gap:.75rem;margin-top:auto}
html.nav-open{overflow:hidden}

@media (max-width:1180px){
  .primary-nav{display:none}
  .primary-nav+.navbar__actions{margin-left:auto}
  .nav-toggle{display:inline-grid}
}
@media (max-width:900px){
  :root{--topbar-h:0px}
  .topbar{display:none}
}
@media (max-width:560px){
  :root{--navbar-h:66px}
  .navbar__cta{display:none}
  .navbar__actions{gap:.4rem}
}

/* Footer ------------------------------------------------------------------- */
.site-footer{position:relative;background:var(--c-navy-950);color:var(--c-steel-300);padding-top:clamp(4rem,3rem + 4vw,6.5rem);overflow:hidden;--focus:var(--c-red-300)}
.site-footer__grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--c-line-light) 1px,transparent 1px),linear-gradient(90deg,var(--c-line-light) 1px,transparent 1px);background-size:64px 64px;opacity:.25;mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.site-footer .container{position:relative}
.site-footer__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:clamp(2.5rem,2rem + 3vw,5rem);padding-bottom:var(--sp-8);border-bottom:1px solid var(--c-line-light)}
.site-footer__logo{display:inline-block}
.site-footer__logo img{width:210px}
.site-footer__tagline{margin-top:var(--sp-5);max-width:26rem;color:var(--c-steel-300)}
.contact-list{margin-top:var(--sp-6);display:grid;gap:.85rem}
.contact-list li{display:flex;gap:.75rem;align-items:flex-start;font-size:var(--fs-sm)}
.contact-list .icon{width:18px;height:18px;color:var(--c-red-300);flex-shrink:0;margin-top:.2rem}
.contact-list a{color:#fff;text-decoration:none}
.contact-list a:hover{text-decoration:underline}
.site-footer__menus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6)}
.footer-col__title{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:var(--sp-5)}
.footer-col__list{display:grid;gap:.15rem}
.footer-col__list a{display:inline-block;padding:.35rem 0;font-size:var(--fs-sm);color:var(--c-steel-300);text-decoration:none;transition:color var(--dur-1)}
.footer-col__list a:hover{color:#fff;text-decoration:underline}
.site-footer__bottom{padding-block:var(--sp-6) var(--sp-7);display:grid;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--c-steel-400)}
.site-footer__legal-note{max-width:70rem}
@media (max-width:1024px){
  .site-footer__top{grid-template-columns:1fr}
  .site-footer__menus{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){.site-footer__menus{grid-template-columns:1fr}}

/* Inner templates ---------------------------------------------------------- */
.page-hero{position:relative;background:var(--c-navy-900);color:var(--c-steel-300);padding-block:clamp(3.5rem,2.5rem + 4vw,6rem);overflow:hidden}
.page-hero .hero__grid{opacity:.6}
.page-hero__inner{position:relative}
.page-hero__title{color:#fff;font-size:var(--fs-2xl);font-stretch:92%;max-width:20ch}
.page-hero__intro{margin-top:var(--sp-4);max-width:42rem;font-size:var(--fs-lg)}
.prose{max-width:calc(760px + var(--gutter) * 2)}
.prose>*+*{margin-top:1.15em}
.prose h2{font-size:var(--fs-xl);margin-top:2em}
.prose h3{font-size:var(--fs-lg);margin-top:1.6em}
.prose a{color:var(--c-red-600)}
.prose ul{list-style:disc;padding-left:1.25em}
.prose ol{list-style:decimal;padding-left:1.25em}
.prose img{border-radius:var(--r-md)}
.prose__lead-img{width:100%;margin-bottom:var(--sp-6)}
.prose blockquote{margin-inline:0;padding-left:var(--sp-5);border-left:3px solid var(--c-red-500);font-size:var(--fs-lg)}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--sp-5)}
.post-card{height:100%}
.post-card__link{display:flex;flex-direction:column;gap:.6rem;height:100%;padding:var(--sp-5);background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-md);text-decoration:none;transition:border-color var(--dur-2),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}
.post-card__link:hover{border-color:var(--c-line-strong);transform:translateY(-3px);box-shadow:var(--sh-2)}
.post-card__media{display:block;overflow:hidden;border-radius:var(--r-sm);margin:calc(var(--sp-5) * -1) calc(var(--sp-5) * -1) var(--sp-3);aspect-ratio:4/3}
.post-card__media img{width:100%;height:100%;object-fit:cover}
.post-card__meta{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-muted)}
.post-card__title{font-size:var(--fs-lg)}
.post-card__excerpt{color:var(--c-muted);font-size:var(--fs-sm)}
.nav-links{display:flex;gap:.5rem;margin-top:var(--sp-7);flex-wrap:wrap}
.nav-links .page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 .8rem;border:1px solid var(--c-line-strong);border-radius:var(--r-sm);text-decoration:none}
.nav-links .current{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}
.empty-state{text-align:center;padding-block:var(--sp-7);display:grid;gap:var(--sp-4);justify-items:center}
.notfound__links{display:flex;gap:.75rem;justify-content:center;margin-top:var(--sp-6);flex-wrap:wrap}
.search-again{margin-bottom:var(--sp-6)}
.search-form{display:flex;gap:.5rem}
.search-form .search-field{flex:1;min-height:48px;padding:0 1rem;border:1.5px solid var(--c-line-strong);border-radius:var(--r-sm)}
.search-form .search-submit{min-height:48px;padding:0 1.2rem;border:0;border-radius:var(--r-sm);background:var(--c-ink);color:#fff;font-weight:600}
.entry-footer{margin-top:var(--sp-6)}
/* Comments ----------------------------------------------------------------- */
.comments-area,.comment-respond{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--c-line)}
.comments-title,.comment-reply-title{font-size:var(--fs-xl);margin-bottom:var(--sp-5)}
.comment-list{list-style:none!important;padding:0!important;display:grid;gap:var(--sp-5)}
.comment-list .children{list-style:none;padding-left:var(--sp-6);margin-top:var(--sp-5)}
.comment-body{padding:var(--sp-5);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md)}
.comment-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:var(--fs-sm);color:var(--c-muted);margin-bottom:.75rem}
.comment-author{display:flex;align-items:center;gap:.6rem;color:var(--c-ink)}
.comment-author .avatar{border-radius:50%}
.comment-metadata a{color:var(--c-muted)}
.reply a{font-weight:600;font-size:var(--fs-sm)}
.comment-form{display:grid;gap:var(--sp-4)}
.comment-form label{display:block;font-weight:600;font-size:var(--fs-sm);margin-bottom:.35rem}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:.75rem .9rem;border:1.5px solid var(--c-line-strong);border-radius:var(--r-sm);background:#fff}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--c-ink);box-shadow:0 0 0 4px rgba(194,59,58,.18)}
.comment-form .submit{min-height:48px;padding:.75rem 1.4rem;border:0;border-radius:var(--r-sm);background:var(--c-red-600);color:#fff;font-weight:600}
.comment-form .submit:hover{background:#a92f2e}
.post-navigation{margin-top:var(--sp-7)}
.post-navigation .nav-links{justify-content:space-between}
.post-navigation a{text-decoration:none;font-weight:600}
/* Inner page layouts -------------------------------------------------------- */
.page-extra{margin-top:var(--sp-8)}
.with-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:clamp(2rem,1rem + 3vw,4rem);align-items:start}
.with-aside .prose{max-width:none;padding:0}
.aside{position:sticky;top:calc(var(--navbar-h) + 24px);display:grid;gap:var(--sp-5)}
.aside-card{padding:var(--sp-5);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md);display:grid;gap:var(--sp-4)}
.aside-card--dark{background:var(--c-navy-900);border-color:var(--c-navy-900);color:var(--c-steel-300);--focus:var(--c-red-300)}
.aside-card__title{font-size:1.15rem}
.aside-card--dark .aside-card__title{color:#fff}
.aside-links{display:grid}
.aside-links a{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid var(--c-line);text-decoration:none;color:var(--c-ink);font-weight:500;font-size:var(--fs-sm)}
.aside-links a::after{content:"\2192";color:var(--c-red-600)}
.aside-links a:hover{color:var(--c-red-600)}
@media (max-width:1024px){.with-aside{grid-template-columns:1fr}.aside{position:static}}
.industry-card--plain a{background:linear-gradient(150deg,var(--c-navy-700),var(--c-navy-950));aspect-ratio:4/2.6}
.industry-grid--hub{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Forms (Contact Form 7) */
.form-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:start}
.form-panel{padding:clamp(1.25rem,1rem + 2vw,2.5rem);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md);box-shadow:var(--sh-1)}
.form-panel__title{font-size:var(--fs-xl)}
.form-panel__note{margin-top:.4rem;color:var(--c-muted);font-size:var(--fs-sm)}
.form-panel .wpcf7{margin-top:var(--sp-5)}
.wpcf7 form>p,.cf-grid>p{margin:0 0 var(--sp-4)}
.cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--sp-4)}
.wpcf7 label{display:block;font-weight:600;font-size:var(--fs-sm);color:var(--c-ink);margin-bottom:.35rem}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=number],.wpcf7 textarea{width:100%;min-height:48px;padding:.7rem .9rem;border:1.5px solid var(--c-line-strong);border-radius:var(--r-sm);background:#fff;font-size:1rem}
.wpcf7 textarea{min-height:140px;resize:vertical}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:none;border-color:var(--c-ink);box-shadow:0 0 0 4px rgba(194,59,58,.18)}
.wpcf7 .wpcf7-submit{border:0;cursor:pointer;background:var(--c-red-600);color:#fff;min-height:52px;padding:.8rem 1.8rem}
.wpcf7-not-valid-tip{color:var(--c-red-600);font-size:var(--fs-sm);margin-top:.3rem}
.wpcf7 form .wpcf7-response-output{margin:var(--sp-4) 0 0;padding:.85rem 1rem;border-radius:var(--r-sm);border-width:1.5px}
.wpcf7-spinner{vertical-align:middle}
.form-aside{display:grid;gap:var(--sp-5)}
.contact-cards{display:grid;gap:.75rem}
.contact-card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:.9rem;align-items:center;padding:1rem;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md)}
.contact-card__icon{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-sm);background:var(--c-paper);color:var(--c-red-600)}
.contact-card__icon .icon{width:20px;height:20px}
.contact-card__label{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.contact-card__value{font-weight:600;color:var(--c-ink);text-decoration:none;overflow-wrap:anywhere}
a.contact-card__value:hover{color:var(--c-red-600)}
@media (max-width:900px){.form-layout{grid-template-columns:1fr}}
@media (max-width:560px){.cf-grid{grid-template-columns:1fr}}

/* Directories */
.az-nav{position:sticky;top:calc(var(--navbar-h) + 8px);z-index:5;display:flex;flex-wrap:wrap;gap:.3rem;padding:.6rem;margin-bottom:var(--sp-6);background:rgba(243,245,244,.92);backdrop-filter:blur(8px);border:1px solid var(--c-line);border-radius:var(--r-md)}
.az-nav a{display:grid;place-items:center;min-width:40px;min-height:40px;border-radius:var(--r-sm);font-family:var(--f-mono);font-weight:500;text-decoration:none;color:var(--c-ink)}
.az-nav a:hover{background:var(--c-ink);color:#fff}
.az-group{padding-block:var(--sp-5);border-top:1px solid var(--c-line);scroll-margin-top:calc(var(--navbar-h) + 80px)}
.az-group__letter{font-size:var(--fs-xl);margin-bottom:var(--sp-4);color:var(--c-red-600)}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:.75rem}
.brand-card{display:grid;gap:.4rem;height:100%;padding:1rem;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md);text-decoration:none;color:var(--c-ink);transition:border-color var(--dur-2),box-shadow var(--dur-2),transform var(--dur-2) var(--ease-out)}
.brand-card:hover{border-color:var(--c-line-strong);box-shadow:var(--sh-2);transform:translateY(-2px)}
.brand-card__logo{display:grid;place-items:center;height:64px}
.brand-card__logo img{max-height:64px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.brand-card__initial{font-family:var(--f-display);font-weight:800;font-size:1.5rem;color:var(--c-steel-500)}
.brand-card__name{font-weight:600}
.brand-card__count{font-family:var(--f-mono);font-size:.75rem;color:var(--c-muted)}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1rem}
.dir-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-5);display:grid;gap:var(--sp-4);align-content:start}
.dir-card__head{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:var(--c-ink)}
.dir-card__media{width:64px;height:64px;flex-shrink:0;display:grid;place-items:center;background:var(--c-paper);border-radius:var(--r-sm);overflow:hidden}
.dir-card__media img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply}
.dir-card__name{font-family:var(--f-display);font-weight:700;font-size:1.1rem;line-height:1.2}
.dir-card__head:hover .dir-card__name{color:var(--c-red-600)}
.dir-card__children{display:grid;gap:.1rem}
.dir-card__children a{display:block;padding:.3rem 0;font-size:var(--fs-sm);color:var(--c-muted);text-decoration:none}
.dir-card__children a:hover{color:var(--c-red-600);text-decoration:underline}
.dir-card__more{font-weight:600;color:var(--c-ink)!important}
/* Typographic media panel (posts whose featured image is a shared stock fallback) */
.post-card__media--type,.news-feature__media--type{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:1.1rem 1.2rem;background:radial-gradient(120% 90% at 100% 0%,#1d3a50 0%,var(--c-navy-900) 55%,var(--c-navy-950) 100%);color:#fff;overflow:hidden;isolation:isolate}
.post-card__media--type::before,.news-feature__media--type::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(160deg,#000 10%,transparent 85%)}
.post-card__media--type::after,.news-feature__media--type::after{content:"";position:absolute;left:1.2rem;bottom:1.1rem;width:44px;height:3px;background:var(--c-red-500)}
.post-card__kicker{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:#c9d3db;max-width:80%}
.post-card__glyph{align-self:flex-end;font-family:var(--f-display);font-weight:800;font-stretch:84%;font-size:clamp(4rem,3rem + 3vw,6.5rem);line-height:.8;color:rgba(255,255,255,.1)}
.news-feature__media--type{min-height:100%;aspect-ratio:16/10}
.news-feature__media--type .post-card__glyph{font-size:clamp(6rem,4rem + 6vw,11rem)}
/* Contrast fixes (polish pass) */
.prose a.btn{color:var(--btn-fg,#fff);text-decoration:none}
.prose a.btn--primary,.prose a.btn--primary:hover{color:#fff}
.section--ink .eyebrow:not(.eyebrow--light),.section--navy .eyebrow:not(.eyebrow--light),.cta .eyebrow:not(.eyebrow--light){color:var(--c-red-300)}

/* Long unbreakable strings in imported content (nbsp chains, URLs, part numbers) never widen the page */
.prose,.cs-card__body,.faq-item__a{overflow-wrap:break-word}

/* Wide tables in imported content scroll inside their column instead of widening the page */
.prose table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cs-editorial>*,.cs-split>*,.cs-cols,.legal__layout>*{min-width:0}

/* News archive: site-logo fallback when a post has no valid featured image (same box as photos, no layout shift) */
.post-card__media--logo,.news-feature__media--logo{display:flex;align-items:center;justify-content:center;background:var(--c-paper);border:1px solid var(--c-line)}
.post-card__media--logo img,.news-feature__media--logo img{width:62%;max-width:240px;height:auto!important;object-fit:contain}
.news-feature__media--logo{aspect-ratio:16/10}
.news-feature__media--logo img{max-width:320px}

/* Article intro + original CTAs (restored 31 Oct) */
.article-intro{margin:0 0 2rem}.article-intro__lead{font-size:var(--fs-lg,1.125rem);line-height:1.6}.article-intro__ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}@media (max-width:480px){.article-intro__ctas .btn{flex:1 1 100%;white-space:normal}}

/* Universal search results (7 Nov 2026) */
.search-group{margin-bottom:clamp(2.5rem,2rem + 2vw,4rem)}
.search-group__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1.25rem}
.search-group__title{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);margin:0}
.search-group__count{font-family:var(--f-mono);font-size:.85rem;font-weight:500;color:var(--c-muted);margin-left:.35rem}
.product-card__price{font-weight:600;color:var(--c-ink)}
.product-card__price--rfq{font-weight:500;font-size:.9rem;color:var(--c-red-600)}
.shop-hero__also a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.search-group .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (min-width:641px) and (max-width:899px){.search-group .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-group .product-grid>li:nth-child(n+7){display:none}}
@media (max-width:640px){.search-group .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.search-group .product-card a{padding:.75rem}.search-group .product-card__title{font-size:.9rem}.search-group .product-grid>li:nth-child(n+5){display:none}}