/* AI Compute section stylesheet (Sep 26 2026). Own shell, own palette: graphite ink on cool paper with one electric accent,
   solid blocks and strong rules. Shares only the font families with the component site. Nothing here targets the main
   site's classes, and site.css never loads on these pages. */
:root{
  --ac-ink:#0b1220; --ac-ink-2:#3b475c; --ac-ink-3:#6b7689;
  --ac-paper:#ffffff; --ac-bg:#f3f5f9; --ac-line:#d6dce6; --ac-line-2:#e7ebf1;
  --ac-accent:#1f5eff; --ac-accent-2:#153fb3; --ac-accent-ink:#ffffff;
  --ac-dark:#0f172a; --ac-dark-2:#1c2740; --ac-good:#0f7a43; --ac-warn:#9a5b00; --ac-bad:#b42318;
  --ac-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --ac-display:"Archivo",Helvetica,Arial,sans-serif;
  --ac-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --ac-wrap:1392px; --ac-gutter:clamp(16px,3vw,48px); --ac-r:8px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ac-bg);-webkit-text-size-adjust:100%}
body.ac{font-family:var(--ac-sans);font-size:16px;line-height:1.55;color:var(--ac-ink);background:var(--ac-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--ac-ink);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--ac-accent)}
h1,h2,h3{font-family:var(--ac-display);line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(28px,4vw,42px);font-weight:800}
h2{font-size:clamp(22px,2.6vw,28px);font-weight:700}
h3{font-size:18px;font-weight:700}
.ac-wrap{width:100%;max-width:var(--ac-wrap);margin:0 auto;padding:0 var(--ac-gutter)}
.ac-narrow{max-width:860px}
.ac-narrow-col{max-width:860px}
.ac-main{min-height:60vh;padding-bottom:48px}
.ac-muted{color:var(--ac-ink-3)}
.ac-small{font-size:14px;color:var(--ac-ink-2)}
.ac-num{text-align:right;font-variant-numeric:tabular-nums}
.ac-mono,.ac-mpn{font-family:var(--ac-mono);font-size:14px;font-weight:600;letter-spacing:.01em}
.ac-kicker{display:inline-block;font-family:var(--ac-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ac-accent);margin-bottom:8px}
.ac-kicker-light{color:#9cc0ff}

/* header */
.ac-header{background:var(--ac-dark);color:#fff;border-bottom:4px solid var(--ac-accent);position:sticky;top:0;z-index:30}
.ac-head-row{display:flex;align-items:center;gap:10px;min-height:64px}
/* header, Oct 15 2026: the G. mark and the section name, one row, the contacts inside it, the accessories in a menu */
.ac-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;white-space:nowrap}
.ac-mark{position:relative;display:inline-block;font-family:var(--ac-display);font-weight:800;font-size:30px;line-height:1;padding-right:.4em}
.ac-mark i{position:absolute;right:0;bottom:.05em;width:.28em;height:.28em;background:var(--ac-accent)}
.ac-brand-name{font-family:var(--ac-display);font-weight:800;font-size:19px;letter-spacing:-.01em}
.ac-nav{display:flex;align-items:center;gap:2px;flex:0 0 auto;flex-wrap:nowrap}
.ac-nav a,.ac-drop-btn{color:#dbe3f2;text-decoration:none;padding:8px 8px;border:0;border-radius:6px;background:none;font-family:inherit;font-weight:500;font-size:14px;line-height:1.3;white-space:nowrap;cursor:pointer}
.ac-nav a:hover,.ac-nav a[aria-current],.ac-drop-btn:hover,.ac-drop-btn[aria-current],.ac-has-menu.open .ac-drop-btn{background:var(--ac-dark-2);color:#fff}
.ac-drop-btn::after{content:"";display:inline-block;margin-left:7px;vertical-align:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--ac-accent)}
.ac-has-menu{position:relative}
.ac-drop{display:none;position:absolute;left:0;top:calc(100% + 6px);min-width:220px;background:#fff;border:2px solid var(--ac-dark);border-top:4px solid var(--ac-accent);padding:6px;z-index:40;box-shadow:0 12px 28px rgba(11,18,32,.18)}
.ac-has-menu:hover .ac-drop,.ac-has-menu:focus-within .ac-drop,.ac-has-menu.open .ac-drop{display:block}
/* Oct 17 2026 (Ilya): the 6px gap under the button broke the hover on the way to the menu; an invisible bridge keeps it */
@media (hover:hover){.ac-drop::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}}
.ac-nav .ac-drop a{display:block;color:var(--ac-ink);padding:9px 10px;border-radius:4px;font-size:15px}
.ac-nav .ac-drop a:hover,.ac-nav .ac-drop a[aria-current]{background:var(--ac-bg);color:var(--ac-ink)}
.ac-nav-switch{display:inline-flex;align-items:center;gap:7px;color:#dbe3f2;text-decoration:none;font-weight:500;font-size:14px;line-height:1.3;white-space:nowrap;border:2px solid rgba(255,255,255,.55);border-radius:6px;padding:6px 9px}
.ac-nav-switch:hover{background:#fff;color:var(--ac-dark);border-color:#fff}
.ac-nav .ac-switch-nav{display:none}
/* Oct 31 2026: two switches in the row, Electronics sourcing and Enterprise; from 1220px to 1299px they stack in one column so the
   row stays one row down to the width where the nav collapses */
.ac-switches{display:flex;align-items:center;gap:10px}
@media (min-width:1220px) and (max-width:1299px){.ac-switches{flex-direction:column;align-items:stretch;gap:3px}.ac-switches .ac-nav-switch{justify-content:space-between;padding:1px 8px;font-size:13px}}
.ac-contact{display:flex;align-items:center;gap:0}
.ac-contact a{display:inline-flex;align-items:center;gap:7px;color:#dbe3f2;text-decoration:none;padding:8px 6px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap}
.ac-contact a:hover{background:var(--ac-dark-2);color:#fff}
.ac-contact svg{flex:0 0 auto}
.ac-nav .ac-contact-nav{display:none}
.ac-cartlink{margin-left:auto;color:#fff;text-decoration:none;font-weight:600;padding:8px 11px;border:2px solid #fff;border-radius:6px;white-space:nowrap}
.ac-cartlink:hover{background:#fff;color:var(--ac-dark)}
.ac-badge{display:inline-block;min-width:22px;margin-left:8px;padding:0 6px;background:var(--ac-accent);color:#fff;border-radius:11px;font-size:13px;text-align:center;line-height:22px}
.ac-menu{display:none;background:none;border:2px solid #fff;border-radius:6px;width:42px;height:38px;padding:8px;flex-direction:column;justify-content:space-between;cursor:pointer}
.ac-menu span{display:block;height:2px;background:#fff}
.ac-head-row{flex-wrap:wrap}   /* if a font ever makes the row too long, the contacts wrap under it instead of overlapping */
@media (max-width:1219px){
  .ac-nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--ac-dark);padding:8px 16px 16px;flex-direction:column;align-items:stretch;border-bottom:4px solid var(--ac-accent);z-index:35}
  .ac-nav.open{display:flex}
  .ac-menu{display:flex}
  .ac-nav a,.ac-drop-btn{font-size:16px;padding:10px}
  .ac-drop-btn{text-align:left;width:100%}
  .ac-has-menu .ac-drop{display:block;position:static;min-width:0;background:none;border:0;box-shadow:none;padding:0 0 0 16px}
  .ac-nav .ac-drop a{color:#dbe3f2;font-size:16px;padding:10px}
  .ac-nav .ac-drop a:hover,.ac-nav .ac-drop a[aria-current]{background:var(--ac-dark-2);color:#fff}
  .ac-nav .ac-switch-nav{display:inline-flex;margin:10px 0 0;align-self:flex-start}
  .ac-switch-row,.ac-switches{display:none}
  .ac-contact-row{margin-left:auto}
}
@media (max-width:560px){
  .ac-head-row{gap:8px}
  .ac-brand-name{font-size:17px}
  .ac-cartlink{padding:8px 10px}
  .ac-contact-row{display:none}
  .ac-cartlink{margin-left:auto}
  .ac-nav .ac-contact-nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ac-dark-2)}
  .ac-nav .ac-contact-nav a{font-size:15px}
  .ac-nav .ac-contact-nav .hc-phone span{display:inline}
}

/* hero */
.ac-hero{background:linear-gradient(160deg,var(--ac-dark) 0%,#14203a 60%,#1b2a4d 100%);color:#fff;padding:56px 0 48px;border-bottom:1px solid var(--ac-line)}
.ac-hero h1{color:#fff;max-width:820px;font-size:clamp(34px,5vw,64px);line-height:1.04;letter-spacing:-.025em}
.ac-hero-lead{font-size:18px;max-width:760px;margin-top:16px;color:#dbe3f2}
/* hero grid (Oct 17 2026, review item 4): copy left, the drawn board right; one column until 1000px */
.ac-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
@media (min-width:1000px){.ac-hero-grid:has(.ac-hero-side){grid-template-columns:minmax(0,1.05fr) minmax(380px,640px);gap:56px}}
.ac-hero-avail{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ac-hero-avail span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);padding:8px 12px;border-radius:6px;font-size:14px;color:#fff}
.ac-hero-cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}

/* page head band (Oct 16 2026): every inner page opens like the landing, the content follows in its own wrap */
.ac-pagehead-band{background:linear-gradient(160deg,var(--ac-dark) 0%,#14203a 60%,#1b2a4d 100%);color:#fff;padding:18px 0 40px;border-bottom:1px solid var(--ac-line)}
.ac-pagehead-band .ac-crumbs{margin:0 0 22px;color:#9fb0cc}
.ac-pagehead-band .ac-crumbs a{color:#c9d3e6}
.ac-pagehead-band .ac-crumbs a:hover{color:#fff}
.ac-pagehead-band .ac-pagehead{margin:0}
.ac-pagehead-band h1{color:#fff;font-size:clamp(32px,4.8vw,60px);line-height:1.06;letter-spacing:-.025em;max-width:960px}
.ac-pagehead-band .ac-pagehead p,.ac-pagehead-band .ac-lead{color:#dbe3f2;max-width:760px}
.ac-pagehead-band .ac-kicker{color:#9cc0ff}
.ac-pagehead-band .ac-mpnline{color:#c9d3e6;margin:4px 0 0}
.ac-pagehead-band .ac-lead{margin-top:14px;font-size:18px}
.ac-pagehead-band a{color:#fff}
.ac-pagehead-band + .ac-wrap{padding-top:28px}
/* the facts panel beside a family page head (review item 3) */
.ac-pagehead-side{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:22px}
@media (min-width:1000px){.ac-has-side .ac-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:56px;align-items:end}.ac-has-side .ac-crumbs{grid-column:1 / -1}.ac-has-side .ac-pagehead-side{margin-top:0}}
.ac-pagehead-band + .ac-wrap > .ac-narrow-col > .ac-sec:first-child{margin-top:8px}
.ac-page-product .ac-pagehead-band{padding-bottom:100px}
.ac-page-product .ac-pagehead-band .ac-pagehead{max-width:calc(100% - 440px)}
.ac-page-product .ac-pagehead-band + .ac-wrap .ac-product{margin-top:-84px}
.ac-page-product .ac-product-main{padding-top:84px}
@media (max-width:900px){.ac-page-product .ac-pagehead-band{padding-bottom:40px}.ac-page-product .ac-pagehead-band .ac-pagehead{max-width:none}.ac-page-product .ac-pagehead-band + .ac-wrap .ac-product{margin-top:0}.ac-page-product .ac-product-main{padding-top:0}}

/* the order strip on How ordering works (Oct 17 2026, review item 6) */
.ac-proc{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:4px 0 40px;padding:0}
.ac-proc li{background:#fff;border:1px solid var(--ac-line);border-top:4px solid var(--ac-ink);border-radius:var(--ac-r);padding:18px 16px 16px}
.ac-proc svg{width:44px;height:44px;display:block;color:var(--ac-accent);fill:currentColor;margin-bottom:14px}
.ac-proc .n{font-family:var(--ac-mono);font-size:12px;letter-spacing:.06em;color:var(--ac-ink-3)}
.ac-proc h3{font-size:17px;margin:4px 0 6px}
.ac-proc h2{font-size:17px;font-weight:700;margin:4px 0 6px}
.ac-proc p{font-size:14px;color:var(--ac-ink-2);margin:0;max-width:none}
@media (max-width:900px){.ac-proc{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ac-proc{grid-template-columns:1fr}}

/* buttons */
.ac-btn{display:inline-block;padding:10px 16px;border:2px solid var(--ac-ink);border-radius:6px;background:#fff;color:var(--ac-ink);font-weight:600;text-decoration:none;cursor:pointer;font-family:var(--ac-sans);font-size:15px;line-height:1.2}
.ac-btn:hover{background:var(--ac-ink);color:#fff}
.ac-btn-primary{background:var(--ac-accent);border-color:var(--ac-accent);color:#fff}
.ac-btn-primary:hover{background:var(--ac-accent-2);border-color:var(--ac-accent-2);color:#fff}
.ac-btn-light{background:transparent;border-color:#fff;color:#fff}
.ac-btn-light:hover{background:#fff;color:var(--ac-dark)}
.ac-btn-lg{padding:14px 22px;font-size:16px}
.ac-btn[disabled],.ac-btn:disabled{opacity:.5;cursor:not-allowed}

/* sections and grids */
.ac-sec{margin:36px 0}
.ac-sec>h2{margin-bottom:16px}
.ac-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.ac-sec-links{display:inline-flex;gap:18px}
.ac-pagehead-side{gap:10px;flex-wrap:wrap}
.ac-grid{display:grid;gap:14px}
.ac-grid-2{grid-template-columns:repeat(2,1fr)}
.ac-grid-3{grid-template-columns:repeat(3,1fr)}
.ac-grid-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.ac-grid-4{grid-template-columns:repeat(2,1fr)}.ac-grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ac-grid-4,.ac-grid-3,.ac-grid-2{grid-template-columns:1fr}}
.ac-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:720px){.ac-tiles{grid-template-columns:1fr}}
.ac-tile{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--ac-line);border-top:4px solid var(--ac-ink);border-radius:var(--ac-r);padding:18px;text-decoration:none;color:var(--ac-ink)}
.ac-tile:hover{border-top-color:var(--ac-accent);color:var(--ac-ink)}
.ac-tile-name{font-family:var(--ac-display);font-weight:700;font-size:19px}
.ac-tile-n{font-family:var(--ac-mono);font-size:12px;color:var(--ac-accent);text-transform:uppercase;letter-spacing:.06em}
.ac-tile-lead{font-size:14px;color:var(--ac-ink-2)}

/* listing graphics (Oct 17 2026, review item 7): a maker photo on a cool tile, or the drawn silhouette */
.ac-card-media{display:flex;align-items:center;justify-content:center;height:148px;background:#eef1f6;border-radius:6px;margin:-4px 0 10px;overflow:hidden}
.ac-card-media img{max-width:88%;max-height:88%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.ac-card-media .acs{width:62%;height:auto;color:var(--ac-dark);fill:currentColor}
.ac-product-media{margin:0 0 22px;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r);padding:20px;display:flex;flex-direction:column;align-items:center}
.ac-product-media img{max-width:100%;max-height:380px;width:auto;height:auto;object-fit:contain}
.ac-product-media .acs{width:min(440px,82%);height:auto;color:var(--ac-dark);fill:currentColor;margin:10px 0}
.ac-product-media figcaption{font-size:13px;color:var(--ac-ink-3);margin-top:12px;align-self:flex-start}
/* one box on configurable pages (Oct 17 2026): the price head inside the configuration rail */
.ac-cfg-sum>.ac-price{border:0;border-radius:0;padding:20px 18px 8px;border-bottom:2px solid var(--ac-line)}

/* cards */
.ac-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r);padding:18px;text-decoration:none;color:var(--ac-ink);position:relative}
.ac-card:hover{border-color:var(--ac-ink);color:var(--ac-ink)}
.ac-card-kicker{font-family:var(--ac-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ac-ink-3)}
.ac-card-name{font-family:var(--ac-display);font-weight:700;font-size:17px;line-height:1.25}
.ac-card-desc{font-size:14px;color:var(--ac-ink-2);flex:1}
.ac-card-compact .ac-card-price{margin-top:auto}
.ac-card-price{font-family:var(--ac-display);font-weight:800;font-size:22px;margin-top:6px}
.ac-card-price small{font-family:var(--ac-sans);font-weight:500;font-size:13px;color:var(--ac-ink-3)}
.ac-card-sub{font-size:13px;color:var(--ac-ink-3)}
.ac-card-cta{margin-top:10px;display:inline-block;align-self:flex-start;padding:8px 12px;background:var(--ac-ink);color:#fff;border-radius:6px;font-weight:600;font-size:14px}
.ac-card:hover .ac-card-cta{background:var(--ac-accent)}

/* product page */
.ac-crumbs{font-size:14px;color:var(--ac-ink-3);margin:18px 0 8px;display:flex;gap:8px;flex-wrap:wrap}
.ac-crumbs a{color:var(--ac-ink-2);text-decoration:none}
.ac-crumbs a:hover{color:var(--ac-accent)}
.ac-pagehead{margin:8px 0 20px}
.ac-pagehead p{max-width:760px;margin-top:10px;font-size:17px;color:var(--ac-ink-2)}
.ac-product{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start;margin-top:8px}
@media (max-width:900px){.ac-product{grid-template-columns:1fr}}
.ac-product-main h1{margin-bottom:6px}
.ac-mpnline{color:var(--ac-ink-2);margin-bottom:14px}
.ac-lead{font-size:17px;max-width:720px}
.ac-avail{display:flex;flex-direction:column;gap:6px;margin:18px 0;padding:14px 16px;background:#fff;border-left:5px solid var(--ac-ink);border-radius:0 var(--ac-r) var(--ac-r) 0}
.ac-avail p{margin:0;font-size:15px}
.ac-avail-now{flex-direction:row;align-items:center;gap:12px;border-left-color:var(--ac-good)}
.ac-availbadge{display:inline-block;padding:5px 12px;background:var(--ac-good);color:#fff;border-radius:4px;font-family:var(--ac-mono);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ac-availcount{font-family:var(--ac-display);font-weight:700;font-size:18px}
.ac-card-avail{font-size:13px;color:var(--ac-ink-2);margin-top:4px}
.ac-avail:empty,.ac-card-avail:empty{display:none}
.ac-card-avail-now{color:var(--ac-good);font-weight:600}
.ac-avail-inquire{flex-direction:row;align-items:center;gap:12px;border-left-color:var(--ac-ink)}
.ac-avail-inquire .ac-availbadge{background:var(--ac-ink)}
.ac-avail-col{flex-direction:column;align-items:flex-start;gap:8px}
.ac-card-ship{display:block;margin-bottom:4px;font-weight:400;color:var(--ac-ink-2)}
.ac-card-avail-inquire{color:var(--ac-ink);font-weight:600}
.ac-card-avail-inquire b{display:inline-block;padding:1px 7px;margin-right:4px;background:var(--ac-ink);color:#fff;border-radius:4px;font-family:var(--ac-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.ac-card-avail-now b{display:inline-block;padding:1px 7px;margin-right:4px;background:var(--ac-good);color:#fff;border-radius:4px;font-family:var(--ac-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.ac-line-avail{display:block;font-size:13px;color:var(--ac-ink-2);margin-top:4px}
.ac-line-avail.now{color:var(--ac-good);font-weight:600}
.ac-promise{padding:12px 14px;background:#fff;border-left:5px solid var(--ac-accent);border-radius:0 6px 6px 0;font-weight:500}
.ac-terms-h{font-size:18px;margin:0 0 6px}
.ac-adjusted{padding:12px 14px;background:#fff4e5;border-left:5px solid var(--ac-warn);border-radius:0 6px 6px 0;font-weight:600;margin:14px 0}
.ac-admin-avail table input{width:110px}
.ac-specs{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r);overflow:hidden;margin:6px 0 10px}
.ac-specs th,.ac-specs td{padding:10px 14px;border-bottom:1px solid var(--ac-line-2);text-align:left;vertical-align:top;font-size:15px}
.ac-specs th{width:38%;color:var(--ac-ink-2);font-weight:500;background:var(--ac-bg)}
.ac-specs tr:last-child th,.ac-specs tr:last-child td{border-bottom:0}
.ac-product-side{position:sticky;top:84px}
.ac-price{background:#fff;border:2px solid var(--ac-ink);border-radius:var(--ac-r);padding:20px}
.ac-price-lead{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:12px}
.ac-from{font-size:14px;color:var(--ac-ink-3);text-transform:uppercase;letter-spacing:.06em;font-family:var(--ac-mono)}
.ac-big{font-family:var(--ac-display);font-weight:800;font-size:30px;letter-spacing:-.01em}
.ac-unit{font-size:14px;color:var(--ac-ink-3);flex-basis:100%}
.ac-tiers{width:100%;border-collapse:collapse;margin:6px 0 10px;font-size:15px}
.ac-tiers th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ac-ink-3);padding:6px 0;border-bottom:2px solid var(--ac-ink)}
.ac-tiers th:last-child{text-align:right}
.ac-tiers td{padding:8px 0;border-bottom:1px solid var(--ac-line-2)}
.ac-tiers td span{font-size:12px;color:var(--ac-ink-3)}
.ac-minline{font-size:14px;color:var(--ac-ink-2);margin:8px 0 12px}
.ac-domestic{font-size:12px;line-height:1.4;color:var(--ac-ink-3);margin:8px 0 4px}
.ac-price .ac-domestic{margin:-4px 0 8px}
.ac-add{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.ac-add label{display:flex;flex-direction:column;font-size:13px;color:var(--ac-ink-2);gap:4px}
.ac-add input{width:120px;padding:10px;border:2px solid var(--ac-ink);border-radius:6px;font-size:16px;font-family:var(--ac-mono)}
.ac-add-note{flex-basis:100%;font-size:14px;color:var(--ac-good);min-height:1.2em}
.ac-add-note.bad{color:var(--ac-bad)}

/* steps, prose, faq */
.ac-steps ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}
@media (max-width:900px){.ac-steps ol{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ac-steps ol{grid-template-columns:1fr}}
.ac-steps li{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r);padding:18px}
.ac-steps li span{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;background:var(--ac-ink);color:#fff;border-radius:16px;font-family:var(--ac-display);font-weight:800;margin-bottom:10px}
.ac-steps li p{font-size:15px}
.ac-prose p{max-width:760px;margin:10px 0;font-size:16px}
.ac-prose ol,.ac-prose ul{margin:10px 0 10px 22px;max-width:760px}
.ac-about{background:#fff;border:1px solid var(--ac-line);border-left:6px solid var(--ac-ink);border-radius:var(--ac-r);padding:20px 24px}
.ac-faq h2{margin-bottom:10px}
.ac-faq .faq-q{margin-top:16px;font-size:17px}
.ac-faq .faq-a p{max-width:760px;margin:6px 0;color:var(--ac-ink-2)}

/* cart, checkout, forms */
.ac-cart,.ac-checkout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
@media (max-width:900px){.ac-cart,.ac-checkout{grid-template-columns:1fr}}
.ac-lines{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r);overflow:hidden}
.ac-lines th,.ac-lines td{padding:12px 14px;border-bottom:1px solid var(--ac-line-2);text-align:left;vertical-align:top;font-size:15px}
.ac-lines th{background:var(--ac-bg);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ac-ink-3)}
.ac-lines td.ac-num,.ac-lines th.ac-num{text-align:right}
.ac-lines input[type=number]{width:96px;padding:8px;border:2px solid var(--ac-ink);border-radius:6px;font-family:var(--ac-mono);font-size:15px}
.ac-lines .ac-line-bad{color:var(--ac-bad);font-size:13px;display:block;margin-top:4px}
.ac-lines .ac-line-tier{color:var(--ac-ink-3);font-size:13px;display:block;margin-top:4px}
.ac-remove{background:none;border:0;color:var(--ac-ink-3);text-decoration:underline;cursor:pointer;font-size:13px;padding:0;font-family:var(--ac-sans)}
.ac-summary{background:#fff;border:2px solid var(--ac-ink);border-radius:var(--ac-r);padding:20px}
.ac-summary-sticky{position:sticky;top:84px}
.ac-summary h2{font-size:20px;margin-bottom:12px}
.ac-sum{width:100%;border-collapse:collapse;margin-bottom:12px}
.ac-sum td{padding:6px 0;border-bottom:1px solid var(--ac-line-2);font-size:15px}
.ac-sum td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ac-sum tr.ac-total td{font-weight:700;font-size:17px;border-bottom:0;padding-top:10px}
.ac-sum tr.ac-due td{background:var(--ac-bg);font-weight:700}
.ac-rule{margin:8px 0;padding:10px 12px;border-radius:6px;font-size:14px;background:#fff4e5;color:var(--ac-warn);border:1px solid #f3d9a4}
.ac-rule.bad{background:#fdecea;color:var(--ac-bad);border-color:#f2b8b3}
.ac-rule.good{background:#e8f6ee;color:var(--ac-good);border-color:#b6e2c8}
.ac-form fieldset{border:1px solid var(--ac-line);background:#fff;border-radius:var(--ac-r);padding:18px 18px 8px;margin-bottom:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
@media (max-width:640px){.ac-form fieldset{grid-template-columns:1fr}}
.ac-form legend{font-family:var(--ac-display);font-weight:700;font-size:18px;padding:0 6px}
.ac-field{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}
.ac-field.ac-wide,.ac-form .ac-check,.ac-form .ac-notice,.ac-form .ac-form-err,.ac-form button,.ac-form .ac-small,.ac-form .ac-turnstile{grid-column:1 / -1}
.ac-field label{font-size:14px;font-weight:600}
.ac-req,.ac-opt{font-weight:400;color:var(--ac-ink-3);font-size:12px}
.ac-field input,.ac-field select,.ac-field textarea{padding:10px 12px;border:2px solid var(--ac-line);border-radius:6px;font-size:16px;font-family:var(--ac-sans);background:#fff;width:100%}
.ac-field input:focus,.ac-field select:focus,.ac-field textarea:focus{border-color:var(--ac-accent);outline:none}
.ac-field.invalid input,.ac-field.invalid select{border-color:var(--ac-bad)}
.ac-hint{font-size:13px;color:var(--ac-ink-3)}
.ac-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:4px 0 10px}
.ac-phone{display:flex;gap:8px}.ac-phone select{flex:0 0 auto;width:auto;max-width:46%}.ac-phone input{flex:1 1 auto;min-width:0}
.ac-form .ac-sub{display:contents}.ac-form .ac-sub[hidden]{display:none}
.ac-places{margin-bottom:6px}.ac-places gmp-place-autocomplete{width:100%;display:block;color-scheme:light;--gmp-mat-color-surface:#fff;--gmp-mat-color-on-surface:#0b1220;--gmp-mat-color-on-surface-variant:#3b475c;--gmp-mat-color-primary:#1f5eff;--gmp-mat-color-outline:#d6dce6;--gmp-mat-font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
.ac-check input{margin-top:4px}
.ac-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ac-notice{padding:12px 14px;border-radius:6px;background:#fff4e5;border:1px solid #f3d9a4;color:var(--ac-warn);font-size:14px}
.ac-notice.bad{background:#fdecea;border-color:#f2b8b3;color:var(--ac-bad)}
.ac-form-err{color:var(--ac-bad);font-weight:600}
.ac-terms{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--ac-line);margin:14px 0 8px;font-size:15px}
.ac-terms caption{text-align:left;font-family:var(--ac-display);font-weight:700;padding:0 0 8px}
.ac-terms th,.ac-terms td{padding:9px 12px;border-bottom:1px solid var(--ac-line-2);text-align:left}
.ac-terms th{background:var(--ac-bg);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ac-ink-3)}
.ac-terms-block{margin-top:20px}
.ac-terms-block p{margin:8px 0}
.ac-done{background:#fff;border:2px solid var(--ac-good);border-radius:var(--ac-r);padding:24px;margin-top:20px}

/* order page */
.ac-order{background:#fff;border:1px solid var(--ac-line);border-radius:var(--ac-r);padding:24px}
.ac-order h2{font-size:20px;margin:18px 0 8px}
.ac-order .ac-status{display:inline-block;padding:4px 10px;border-radius:12px;background:var(--ac-bg);font-family:var(--ac-mono);font-size:13px}
.ac-order .ac-instr{padding:14px 16px;background:#eef3ff;border-left:5px solid var(--ac-accent);margin:14px 0;border-radius:0 6px 6px 0}

/* admin */
.ac-admin table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
.ac-admin th,.ac-admin td{padding:8px 10px;border-bottom:1px solid var(--ac-line-2);text-align:left;vertical-align:top}
.ac-admin th{background:var(--ac-bg);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.ac-admin .ac-flag{display:inline-block;padding:2px 8px;border-radius:10px;background:#fff4e5;color:var(--ac-warn);font-size:12px;margin-right:4px}
.ac-admin .ac-flag.bad{background:#fdecea;color:var(--ac-bad)}
.ac-admin select,.ac-admin button,.ac-admin input{font-size:14px;padding:6px 8px;border:1px solid var(--ac-line);border-radius:4px;background:#fff}
.ac-admin details{margin-top:6px}
.ac-admin pre{white-space:pre-wrap;font-size:12px;background:var(--ac-bg);padding:8px;border-radius:4px}

/* footer */
.ac-footer{background:var(--ac-dark);color:#dbe3f2;margin-top:40px;padding:36px 0 40px;border-top:6px solid var(--ac-accent)}
.ac-foot-grid{display:grid;grid-template-columns:1.1fr 1.4fr .9fr;gap:28px}
@media (max-width:900px){.ac-foot-grid{grid-template-columns:1fr}}
.ac-foot-brand{font-family:var(--ac-display);font-weight:800;font-size:20px;color:#fff;margin-bottom:8px}
.ac-footer address{font-style:normal;line-height:1.6}
.ac-footer a{color:#fff}
.ac-foot-legal{margin-top:10px;font-size:13px;color:#9aa8c2}
.ac-foot-avail p{margin:0 0 8px;font-size:14px}
.ac-foot-avail b{color:#fff}
.ac-foot-links{display:flex;flex-direction:column;gap:8px;font-size:15px}

/* unified cart (Sep 26 2026) */
.ac-add-config{flex-direction:column;align-items:stretch}
.ac-add-config label.ac-wide{width:100%}
.ac-add-config select,.ac-add-config textarea{width:100%;padding:10px;border:2px solid var(--ac-line);border-radius:6px;font-size:15px;font-family:var(--ac-sans);background:#fff}
.ac-add-config select:focus,.ac-add-config textarea:focus{border-color:var(--ac-accent);outline:none}
.ac-add-config input{width:120px}
.ac-cart-h{font-size:20px;margin:18px 0 8px}
.ac-line-notes{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ac-ink-2);margin-top:6px}
.ac-line-notes textarea{width:100%;max-width:520px;padding:8px;border:1px solid var(--ac-line);border-radius:6px;font-family:var(--ac-sans);font-size:14px}
.ac-admin-lines{margin-bottom:6px}
.ac-admin-lines td{font-size:13px;padding:4px 6px}
.ac-pricetable td,.ac-pricetable th{font-size:15px}
.ac-compare th{width:auto}
.ac-compare thead th{background:var(--ac-bg);font-family:var(--ac-display);font-size:16px}
.ac-answers{margin:8px 0 0 22px}
.ac-answers li{margin:6px 0;font-size:16px}

/* Link back to the component site (Sep 27 2026) */

/* Contact in the section header, the posted-prices date, the request link (Oct 7 2026) */
.ac-head-row{position:relative}
.ac-product-side,.ac-summary-sticky{top:114px}
.ac-posted{margin:0 0 12px}
.ac-price .ac-posted{margin:-4px 0 12px}
.ac-rfq{margin-top:12px}
.ac-lines a.ac-rfq{margin-left:14px;font-size:13px}
/* Oct 7 2026: the consent line under every email field, and the cart's "Email me this cart" */
.ac-consent{display:block;font-size:12px;line-height:1.45;color:var(--ac-ink-3)}
.ac-cart-email{margin-top:18px;padding-top:16px;border-top:1px solid var(--ac-line-2)}
.ac-cart-email .ac-field{margin-bottom:4px}
.ac-cart-email [data-ac-cart-email-state]{margin:6px 0 0}

/* maker sections on the family pages (Ilya, Oct 12 2026): a left-aligned maker header, one row per group */
.ac-maker{margin-top:2.5rem}
.ac-maker-head{text-align:left;font-size:1.75rem;margin:0 0 1rem}
.ac-maker .ac-grid{margin-bottom:1.25rem}
/* priced builds (Oct 18 2026): one option per group, each priced against the group's default; the live total in the rail */
.ac-build-base{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border:2px solid var(--ac-line);border-radius:6px;font-size:14px;margin:0 0 14px}
.ac-build-base span:last-child{color:var(--ac-ink-2);white-space:nowrap}
.ac-cfg-fields>.ac-build-opts{grid-column:1 / -1}
.ac-build-opts{display:flex;flex-direction:column;gap:8px}
.ac-build-opt{display:flex;align-items:center;gap:12px;padding:10px 14px;border:2px solid var(--ac-line);border-radius:6px;cursor:pointer;font-size:15px;background:#fff}
.ac-build-opt:has(input:checked){border-color:var(--ac-accent);background:var(--ac-accent-soft,#eef3ff)}
.ac-build-opt input{margin:0;width:18px;height:18px;flex:0 0 18px;accent-color:var(--ac-accent)}
.ac-build-lbl{flex:1 1 auto}
.ac-build-delta{font-family:var(--ac-mono);font-size:13px;white-space:nowrap;color:var(--ac-ink-2)}
.ac-cfg-qty input{width:90px;padding:8px 10px;border:2px solid var(--ac-line);border-radius:6px;font-size:16px;font-family:var(--ac-sans)}
.ac-build-note{font-size:14px;margin:8px 0 0}
.ac-build-note.bad{color:var(--ac-bad)}
/* the stock split on a cart or order line (Oct 18 2026): the count ships now, the rest is backordered */
.ac-line-split{display:inline-block;margin-top:4px;font-size:13px;color:var(--ac-ink-2)}
.ac-line-split b{color:var(--ac-ink)}
/* the systems page by accelerator (Oct 18 2026): a tab strip that jumps to each block, a Back to top link on each block head */
html:focus-within{scroll-behavior:smooth}
.ac-gpu-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:1.75rem 0 .25rem}
.ac-gpu-tabs a{display:inline-block;padding:8px 14px;border:2px solid var(--ac-line);border-radius:999px;background:#fff;font-family:var(--ac-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ac-ink);text-decoration:none;white-space:nowrap}
.ac-gpu-tabs a:hover,.ac-gpu-tabs a:focus-visible{border-color:var(--ac-accent);color:var(--ac-accent)}
.ac-maker-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 1rem}
.ac-maker-row .ac-maker-head{margin:0}
.ac-top{font-family:var(--ac-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ac-accent);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.ac-top:hover,.ac-top:focus-visible{border-bottom-color:var(--ac-accent)}
.ac-maker[id],#systems-top{scroll-margin-top:88px}
@media (max-width:720px){.ac-gpu-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}}
/* the bank transfer instructions on the order page (Oct 18 2026) */
.ac-transfer{width:100%;border-collapse:collapse;margin:10px 0}.ac-transfer td{padding:7px 8px;border-bottom:1px solid #d6dce6;vertical-align:top;font-size:14px;line-height:1.4}.ac-transfer td:first-child{color:var(--ac-ink-3);width:42%}.ac-transfer td:last-child{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600;word-break:break-all}