/* primecodeeg.com theme "rail" (2026-10-28): style + layout, CSS only (HTML/text unchanged).
   Chosen from 3 audited variants. Fonts self-hosted from Google Fonts (SIL OFL). */
@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-500-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-500-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-500-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/oswald-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-600-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-600-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-600-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oswald-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-700-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-700-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oswald-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* primecodeeg.com — neutralise theme-circuit quirks from site.css; shared safety rules for v1–v3 */
body.theme-circuit .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px}
body.theme-circuit h1{font-family:inherit;font-size:clamp(40px,4.4vw,68px)}
body.theme-circuit .cards article{border-radius:0;background:none;border:0}
body.theme-circuit .eyebrow i{border-radius:0}
main{overflow-x:clip}
main section>*,.workflow-grid>*,.split-section>*,.download-grid>*,.home-hero>*,.cards>*{min-width:0}
.steps article{padding:0}
.steps .number{position:static}
[dir=rtl] .steps article{padding:0}
.feature-matrix table{max-width:100%}
@media(max-width:760px){
  body.theme-circuit h1{font-size:clamp(32px,8.6vw,44px)}
  .main-nav{flex-wrap:wrap;justify-content:flex-start;gap:6px 16px}
}
/* phones: header = brand + language on line 1, nav on line 2; hero starts high so H1 + Download fit the first screen */
@media(max-width:760px){
  html body.theme-circuit .header{padding:12px 0 10px;gap:6px 12px;min-height:0}
  html body.theme-circuit .header .brand{font-size:19px;gap:9px}
  html body.theme-circuit .header .brand-symbol{width:30px;height:30px;font-size:19px}
  html body.theme-circuit .language select{max-width:118px;padding:6px 4px}
  html body.theme-circuit .header{width:calc(100% - 28px)}
  html body.theme-circuit .main-nav{flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:4px 0 0;font-size:12px;letter-spacing:-.005em;text-transform:none}
  html body.theme-circuit .main-nav a{white-space:nowrap}
  html body.theme-circuit .home-hero{padding-top:20px}
  html body.theme-circuit .home-hero .hero-lead{font-size:15.5px;line-height:1.6}
  html body.theme-circuit .home-hero .actions{margin-top:20px}
  html body.theme-circuit .hero-number:after{content:none}
}

/* v1 "Rail" — rusted corrugated metal: oxidised orange on charcoal.
   Layout: magazine. Every home section's H2 lives in a sticky 280px rail on the inline-start side,
   content in the right column; facts = bento with one large tile; walkthroughs = vertical timeline;
   CTA = text + button split. Inner pages reuse the rail (reading prose, privacy articles, inner hero). */
body.theme-circuit{--bg:#1b1c1e!important;--ink:#ece4d9!important;--accent:#e57c40!important;
  --rail:280px;--gutter:56px;--line:#ece4d924;--rust:#9a4520;--plate:#232427;
  background:
    radial-gradient(900px 420px at 88% -120px,#9a45202e,transparent 70%),
    radial-gradient(700px 500px at -10% 40%,#5a2a1418,transparent 70%),
    #1b1c1e;
  background-attachment:scroll}
body.theme-circuit :is(h1,h2,h3,.brand,summary){font-family:Oswald,Inter,system-ui,sans-serif}
body.theme-circuit h1{font-weight:600;letter-spacing:-.01em;line-height:1.04;text-transform:none}
body.theme-circuit h2{font-weight:600;letter-spacing:0;line-height:1.12;font-size:clamp(26px,2.4vw,36px)}
body.theme-circuit h3{font-weight:500;letter-spacing:.005em;font-size:22px}
html:is([lang=ar],[lang=th],[lang=hi],[lang=ja],[lang=ko]) body.theme-circuit :is(h1,h2,h3,.brand,summary){font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:0}

/* header: corrugated sheet strip */
body.theme-circuit .header{border-bottom:0;position:relative}
body.theme-circuit .header:after{content:"";position:absolute;inset-inline:0;bottom:0;height:8px;
  background:repeating-linear-gradient(90deg,#e57c4055 0 3px,#9a452033 3px 7px,#00000044 7px 10px);border-radius:1px}
body.theme-circuit .brand{letter-spacing:.01em;font-weight:600;font-size:25px}
body.theme-circuit .brand-symbol{border-radius:3px;color:#1b1c1e;font-family:Oswald,Inter,sans-serif;box-shadow:inset 0 0 0 2px #00000030,0 0 0 3px #e57c4030}
body.theme-circuit .main-nav{text-transform:uppercase;letter-spacing:.08em;font-size:12px}
body.theme-circuit .main-nav a{opacity:.82}
body.theme-circuit .main-nav a[aria-current]{color:var(--accent)}
body.theme-circuit .button{border-radius:3px;letter-spacing:.04em;text-transform:uppercase;font-size:12.5px}
body.theme-circuit .primary{background:linear-gradient(180deg,#f08a4c,#d66a2e);color:#1b1c1e;box-shadow:0 2px 0 #7a3416}
body.theme-circuit .secondary{border-color:#ece4d955}
body.theme-circuit .eyebrow{color:var(--accent);letter-spacing:.16em}
body.theme-circuit .eyebrow i{width:18px;height:3px;background:var(--accent)}

/* ---------- rail grid (shared) ---------- */
body.theme-circuit :is(.scenario,main>section.reading:not(.privacy),.feature-matrix,.split-section,.faq,.privacy article){
  display:grid;grid-template-columns:var(--rail) minmax(0,1fr);column-gap:var(--gutter);row-gap:0;
  max-width:none;position:relative;align-items:start}
body.theme-circuit :is(.scenario,main>section.reading:not(.privacy),.feature-matrix,.split-section,.faq,.privacy article)>*{grid-column:2}
body.theme-circuit :is(.scenario,main>section.reading:not(.privacy),.feature-matrix,.split-section,.faq,.privacy article)>:is(h2,.eyebrow){grid-column:1;margin:0 0 14px}
/* the rail's divider: a rusted seam between rail and content */
body.theme-circuit :is(.scenario,main>section.reading:not(.privacy),.feature-matrix,.split-section,.faq,.privacy article):before{
  content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--rail) + var(--gutter)/2 - 1px);width:2px;
  background:linear-gradient(180deg,#e57c4066,#9a452033 60%,#ece4d914);pointer-events:none}
/* home + privacy: one H2 per section, so it spans every row and sticks while you read */
body.theme-circuit.page-0 main>section:not(.closing):not(.hero)>h2,body.theme-circuit .privacy article>h2{
  grid-row:span 40;position:sticky;top:28px;align-self:start}
body.theme-circuit :is(.scenario,main>section.reading,.feature-matrix,.split-section,.faq){border-top:1px solid var(--line);padding:56px 0 64px;margin:0}
body.theme-circuit main>section.reading h2{margin-top:0}
body.theme-circuit main>section.reading>:not(h2) + h2{margin-top:0}

/* ---------- home hero: masthead ---------- */
body.theme-circuit .home-hero{grid-template-columns:var(--rail) minmax(0,1fr) minmax(0,1.1fr);column-gap:var(--gutter);row-gap:0;
  align-items:start;min-height:0;padding:70px 0 64px}
body.theme-circuit .home-hero .hero-copy{display:contents}
body.theme-circuit .home-hero .eyebrow{grid-column:1;grid-row:1;align-self:start;margin:14px 0 0;padding-top:14px;border-top:4px solid var(--accent);display:block;line-height:1.6}
body.theme-circuit .home-hero .eyebrow i{display:block;margin-bottom:10px}
body.theme-circuit .home-hero h1{grid-column:2/4;grid-row:1;font-size:clamp(46px,5.4vw,84px);margin-bottom:34px;max-width:none}
body.theme-circuit .home-hero .hero-lead{grid-column:2;grid-row:2;max-width:none;font-size:18px;opacity:.86;margin:0}
body.theme-circuit .home-hero .actions{grid-column:2;grid-row:3;align-self:start;margin-top:30px}
body.theme-circuit .home-hero .agent-run{grid-column:3;grid-row:2/span 3;align-self:start}

/* agent-run: riveted steel plate */
body.theme-circuit .agent-run{border-radius:4px;border:1px solid #ece4d92a;background:
  radial-gradient(circle at 10px 10px,#ece4d933 2px,transparent 3px),radial-gradient(circle at calc(100% - 10px) 10px,#ece4d933 2px,transparent 3px),
  linear-gradient(180deg,#26272a,#1f2022);box-shadow:0 24px 50px #0006}
body.theme-circuit .agent-run-bar{padding-inline:28px;background:#00000026}
body.theme-circuit .agent-run-steps li{border-radius:3px;background:#1b1c1e;border-color:#ece4d91c}
body.theme-circuit .ar-btn{border-radius:3px}
body.theme-circuit .ar-btn-primary{color:#1b1c1e}

/* ---------- facts: bento with one large tile ---------- */
body.theme-circuit.page-0 .cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px;padding:0 0 70px;border-top:0}
body.theme-circuit .cards article{border-radius:3px;padding:24px 26px;position:relative;
  background:radial-gradient(circle at 12px 12px,#ece4d930 2px,transparent 3px),radial-gradient(circle at calc(100% - 12px) 12px,#ece4d930 2px,transparent 3px),var(--plate);
  border:1px solid #ece4d917}
body.theme-circuit .cards .number{font:600 11px/1 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);opacity:1;margin-bottom:18px}
body.theme-circuit .cards h3{margin-bottom:6px}
body.theme-circuit .cards p{opacity:.78}
body.theme-circuit.page-0 .cards article:first-child{grid-column:1/3;grid-row:1/3;display:flex;flex-direction:column;justify-content:flex-end;padding:34px 38px;
  background:
    repeating-linear-gradient(90deg,#ffffff0d 0 4px,#00000000 4px 12px,#00000030 12px 16px,#00000000 16px 24px),
    radial-gradient(420px 260px at 85% 20%,#e57c4055,transparent 70%),
    linear-gradient(135deg,#6e3015,#3a1d10 60%,#2a1a12);border-color:#e57c4040}
body.theme-circuit.page-0 .cards article:first-child h3{font-size:clamp(64px,8vw,120px);line-height:.95;font-weight:700;color:#f6e7d6;margin:0 0 10px;letter-spacing:-.01em}
body.theme-circuit.page-0 .cards article:first-child p{font-size:17px;opacity:.9}
body.theme-circuit.page-0 .cards article:first-child .number{margin-bottom:auto}
body.theme-circuit.page-0 .cards article:nth-child(n+4){grid-row:3}

/* ---------- scenario + walkthrough timeline ---------- */
body.theme-circuit .scenario{border-radius:0;background:none;border-width:1px 0 0;border-color:var(--line);padding-bottom:30px}
body.theme-circuit .scenario p{font-size:19px;line-height:1.7;max-width:780px;margin:0}
body.theme-circuit .scenario+section.reading{border-top:0;padding-top:10px}
body.theme-circuit .steps{position:relative;padding-inline-start:64px}
body.theme-circuit .steps:before{content:"";position:absolute;inset-inline-start:17px;top:10px;bottom:40px;width:3px;
  background:repeating-linear-gradient(180deg,var(--accent) 0 14px,#e57c4044 14px 20px)}
body.theme-circuit .steps article{position:relative;border-top:0;padding:0 0 44px}
body.theme-circuit .steps .number{position:absolute;inset-inline-start:-64px;top:0;width:38px;height:38px;display:grid;place-items:center;
  border-radius:50%;background:#1b1c1e;border:3px solid var(--accent);color:var(--ink);font:600 13px/1 Oswald,Inter,sans-serif;opacity:1;margin:0;
  box-shadow:0 0 0 5px #1b1c1e}
body.theme-circuit .steps h3{font-size:25px;margin:4px 0 10px}
body.theme-circuit .steps p{font-size:15.5px;opacity:.82}
body.theme-circuit .code-example{border-radius:3px;background:#141517;border-color:#ece4d922}
body.theme-circuit .code-example>div{background:#2a1c14;color:#f0c9a8}
body.theme-circuit .code-example pre{color:#e9d7c4}

/* ---------- comparison table ---------- */
body.theme-circuit .feature-matrix>p{max-width:760px}
body.theme-circuit .feature-matrix table{border-top:3px solid var(--accent);background:#ffffff05}
body.theme-circuit .feature-matrix thead th{font:600 12px/1.3 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}
body.theme-circuit .feature-matrix tbody th{font-family:Oswald,Inter,sans-serif;font-weight:500;font-size:20px}
body.theme-circuit .feature-matrix td:last-child{background:#e57c400d}
body.theme-circuit .feature-matrix th:first-child{width:22%}

/* ---------- how it works ---------- */
body.theme-circuit .split-section{align-items:start;gap:0 var(--gutter)}
body.theme-circuit .setup{counter-reset:s;list-style:none;padding:0;margin:0}
body.theme-circuit .setup li{counter-increment:s;display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px dashed #ece4d926}
body.theme-circuit .setup li:before{content:counter(s,upper-alpha);font:600 30px/1 Oswald,Inter,sans-serif;color:var(--accent)}

/* ---------- who it is for / links ---------- */
body.theme-circuit main>section.reading:not(.privacy)>p{max-width:760px;opacity:.86}
body.theme-circuit.page-0 main>section.reading:last-child p:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:none}
body.theme-circuit.page-0 main>section.reading:last-child .text-link{margin:0;padding:14px 16px;border:1px solid #ece4d922;border-radius:3px;text-decoration:none;background:var(--plate)}
body.theme-circuit.page-0 main>section.reading:last-child .text-link:hover{border-color:var(--accent);color:var(--accent)}

/* ---------- FAQ ---------- */
body.theme-circuit .faq details{border-top:1px solid #ece4d922;padding:22px 0}
body.theme-circuit .faq details:first-of-type{border-top:0;padding-top:0}
body.theme-circuit .faq summary{font-size:21px;font-weight:500}
body.theme-circuit .faq summary::marker{color:var(--accent)}
body.theme-circuit .faq p{margin-top:12px}

/* ---------- CTA: text + button ---------- */
body.theme-circuit .closing{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;row-gap:0;align-items:center;text-align:start;
  padding:52px 56px;margin:40px 0 70px;border-radius:3px;border:1px solid #e57c4044;
  background:repeating-linear-gradient(90deg,#ffffff0a 0 4px,transparent 4px 12px,#0000002a 12px 16px,transparent 16px 24px),linear-gradient(120deg,#5a2812,#2c1c14 70%)}
body.theme-circuit .closing>*{grid-column:1}
body.theme-circuit .closing>span{color:#f3b48a;font-weight:700}
body.theme-circuit .closing h2{margin:10px 0 12px;max-width:760px;font-size:clamp(28px,3vw,44px)}
body.theme-circuit .closing p{max-width:700px;margin:0;opacity:.88}
body.theme-circuit .closing .button{grid-column:2;grid-row:1/span 3;padding:20px 28px;font-size:14px}

/* ---------- inner pages ---------- */
body.theme-circuit .inner-hero{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) auto;column-gap:var(--gutter);align-items:end;min-height:300px}
body.theme-circuit .inner-hero .hero-copy{display:contents}
body.theme-circuit .inner-hero .eyebrow{grid-column:1;align-self:start;margin:12px 0 0;padding-top:14px;border-top:4px solid var(--accent)}
body.theme-circuit .inner-hero h1{grid-column:2;margin:0;font-size:clamp(40px,4.6vw,70px)}
body.theme-circuit .hero-number{direction:ltr;unicode-bidi:isolate}
body.theme-circuit .hero-number:after{content:"/06";font-size:.32em;font-weight:500;letter-spacing:.02em;margin-inline-start:.12em;opacity:.7}
body.theme-circuit .hero-number{grid-column:3;font-family:Oswald,Inter,sans-serif;font-size:150px;letter-spacing:0;color:var(--accent);opacity:.18}
body.theme-circuit .product-lead{max-width:none;padding-inline-start:calc(var(--rail) + var(--gutter));padding-bottom:40px}
body.theme-circuit:not(.page-0) .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:0;padding:0 0 60px}
body.theme-circuit main>section.reading:not(.privacy)>h2:not(:first-child){padding-top:34px}
body.theme-circuit main>section.reading:not(.privacy)>h2:not(:first-child)+*{margin-top:34px}
body.theme-circuit:not(.page-0) main>section.reading:not(.privacy)>h2{grid-row:span 3}
body.theme-circuit main>section.reading>h3{margin:0 0 8px}
body.theme-circuit main>section.reading>p+h3{margin-top:22px}
body.theme-circuit .feature-list li{border-radius:3px;background:var(--plate);border-color:#ece4d91c}
body.theme-circuit .notice{border-inline-start:4px solid var(--accent);background:#e57c4012;border-radius:0 3px 3px 0}
[dir=rtl] body.theme-circuit .notice{border-radius:3px 0 0 3px}
body.theme-circuit:not(.page-0) .split-section{grid-template-columns:var(--rail) minmax(0,1fr)}
body.theme-circuit:not(.page-0) .split-section>div:first-child{grid-column:1}
body.theme-circuit:not(.page-0) .split-section>div:first-child h2{position:sticky;top:28px}
body.theme-circuit:not(.page-0) .split-section>.agent-run{grid-column:2}
body.theme-circuit .connection{border-radius:3px;border-color:#ece4d940;margin-inline-start:calc(var(--rail) + var(--gutter))}
body.theme-circuit .connection span{border-radius:3px;background:var(--plate);font-family:Oswald,Inter,sans-serif}
body.theme-circuit .workflow-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding-bottom:60px}
body.theme-circuit .sticky-example{position:sticky;top:20px;align-self:start}
body.theme-circuit .download-grid{grid-template-columns:var(--rail) minmax(0,1fr);gap:var(--gutter)}
body.theme-circuit .download-card{border-radius:3px;padding:36px 22px;background:linear-gradient(160deg,#4a2312,#241a15);border-color:#e57c4040;position:sticky;top:20px}
body.theme-circuit .app-icon{border-radius:6px;color:#1b1c1e;font-family:Oswald,Inter,sans-serif}
body.theme-circuit.page-5 .faq{max-width:none}
body.theme-circuit .privacy{max-width:none}
body.theme-circuit .privacy article{border-top:1px solid var(--line);padding:44px 0 30px}
body.theme-circuit .privacy article>h2{font-size:clamp(24px,2.2vw,32px)}
body.theme-circuit .privacy .updated{padding-inline-start:calc(var(--rail) + var(--gutter))}
body.theme-circuit footer{border-top:1px solid var(--line)}
body.theme-circuit footer .brand{font-family:Oswald,Inter,sans-serif}

@media(max-width:1050px){
  body.theme-circuit{--rail:200px;--gutter:36px}
  body.theme-circuit .home-hero{grid-template-columns:var(--rail) minmax(0,1fr)}
  body.theme-circuit .home-hero h1{grid-column:2}
  body.theme-circuit .home-hero .agent-run{grid-column:2;grid-row:4;margin-top:36px}
}
@media(max-width:760px){
  body.theme-circuit{--rail:0px;--gutter:0px}
  body.theme-circuit :is(.scenario,main>section.reading:not(.privacy),.feature-matrix,.split-section,.faq,.privacy article,.home-hero,.inner-hero,.download-grid,.workflow-grid){grid-template-columns:minmax(0,1fr)!important}
  body.theme-circuit :is(.scenario,main>section.reading:not(.privacy),.feature-matrix,.split-section,.faq,.privacy article,.home-hero,.inner-hero,.split-section,.closing)>*,
  body.theme-circuit :is(.home-hero,.inner-hero) .hero-copy>*,body.theme-circuit:not(.page-0) .split-section>div:first-child{grid-column:1!important;grid-row:auto!important}
  body.theme-circuit.page-0 main>section:not(.closing):not(.hero)>h2,body.theme-circuit .privacy article>h2,body.theme-circuit:not(.page-0) .split-section>div:first-child h2{position:static}
  body.theme-circuit :is(.scenario,main>section.reading:not(.privacy),.feature-matrix,.split-section,.faq,.privacy article):before{display:none}
  body.theme-circuit :is(.scenario,main>section.reading,.feature-matrix,.split-section,.faq){padding:36px 0 40px}
  body.theme-circuit main section h2{border-inline-start:4px solid var(--accent);padding-inline-start:12px}
  body.theme-circuit .home-hero{padding:36px 0 40px}
  body.theme-circuit .home-hero h1{font-size:clamp(34px,9.4vw,46px);margin-bottom:18px}
  body.theme-circuit .home-hero .eyebrow{border-top-width:3px;margin-bottom:16px}
  body.theme-circuit .home-hero .agent-run{margin-top:30px}
  body.theme-circuit.page-0 .cards,body.theme-circuit:not(.page-0) .cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px}
  body.theme-circuit.page-0 .cards article:first-child{grid-column:1/-1;grid-row:auto;padding:26px}
  body.theme-circuit.page-0 .cards article:nth-child(n+4){grid-row:auto}
  body.theme-circuit.page-0 .cards article:last-child{grid-column:1/-1}
  body.theme-circuit:not(.page-0) .cards{grid-template-columns:minmax(0,1fr)}
  body.theme-circuit .cards article{padding:18px}
  body.theme-circuit .steps{padding-inline-start:48px}
  body.theme-circuit .steps:before{inset-inline-start:13px}
  body.theme-circuit .steps .number{inset-inline-start:-48px;width:30px;height:30px;font-size:11px}
  body.theme-circuit .steps h3{font-size:21px}
  body.theme-circuit .feature-matrix th:first-child{width:100%}
  body.theme-circuit .setup li{grid-template-columns:38px minmax(0,1fr);gap:10px}
  body.theme-circuit .setup li:before{font-size:22px}
  body.theme-circuit.page-0 main>section.reading:last-child p:last-child{grid-template-columns:minmax(0,1fr)}
  body.theme-circuit .closing{grid-template-columns:minmax(0,1fr);padding:30px 20px}
  body.theme-circuit .closing .button{grid-column:1;grid-row:auto;margin-top:22px;justify-self:start}
  body.theme-circuit .inner-hero{min-height:0}
  body.theme-circuit .inner-hero .eyebrow{margin-bottom:16px}
  body.theme-circuit .inner-hero h1{font-size:clamp(32px,8.6vw,42px)}
  body.theme-circuit .product-lead,body.theme-circuit .privacy .updated{padding-inline-start:0}
  body.theme-circuit .connection{margin-inline-start:0}
  body.theme-circuit .download-card,body.theme-circuit .sticky-example{position:static}
}

/* ---------- desktop: the rail is a solid corrugated spine, never a blank column ---------- */
@media(min-width:761px){
  body.theme-circuit :is(.scenario,main>section.reading:not(.privacy),.feature-matrix,.split-section,.faq,.privacy article):after{
    content:"";position:absolute;top:34px;bottom:34px;inset-inline-start:-18px;width:calc(var(--rail) + 18px);border-radius:3px;z-index:0;pointer-events:none;
    background:repeating-linear-gradient(90deg,#ffffff07 0 3px,transparent 3px 9px,#0000002a 9px 12px,transparent 12px 18px),
      linear-gradient(180deg,#e57c4014,#9a452010 50%,#e57c400a),#212225;box-shadow:inset 0 3px 0 #e57c4066}
  body.theme-circuit :is(.scenario,main>section.reading:not(.privacy),.feature-matrix,.split-section,.faq,.privacy article)>:is(h2,.eyebrow){position:relative;z-index:1}
  body.theme-circuit.page-0 main>section:not(.closing):not(.hero)>h2,body.theme-circuit .privacy article>h2{position:sticky;z-index:1}
  /* walkthroughs: titles live in the rail, text + trace in the column, nodes ride the seam */
  body.theme-circuit.page-0 main>section.reading:not(.privacy)>.steps{grid-column:1/-1;padding:0;position:relative;z-index:1}
  body.theme-circuit.page-0 .steps:before{display:none}
  body.theme-circuit.page-0 .steps article{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);column-gap:var(--gutter);row-gap:0;padding:0 0 40px}
  body.theme-circuit.page-0 .steps article>*{grid-column:2}
  body.theme-circuit.page-0 .steps article>h3{grid-column:1;grid-row:1/span 6;margin:2px 0 0;padding-inline-end:12px;text-align:end;font-size:23px}
  body.theme-circuit.page-0 .steps article>.number{grid-column:auto;grid-row:auto;inset-inline-start:calc(var(--rail) + var(--gutter)/2 - 19px);top:-2px;z-index:2}
  body.theme-circuit.page-0 .steps article>p{padding-inline-start:12px}
  body.theme-circuit.page-0 .steps article>.code-example{margin-inline-start:12px}
  body.theme-circuit.page-0 .scenario+section.reading{padding-top:34px}
  body.theme-circuit.page-0 .scenario+section.reading>p{padding-inline-start:12px}
  body.theme-circuit.page-0 .scenario+section.reading:before{background:repeating-linear-gradient(180deg,var(--accent) 0 14px,#e57c4044 14px 20px);width:3px}
  body.theme-circuit main>section.reading:not(.privacy)>h2,body.theme-circuit :is(.scenario,.feature-matrix,.split-section,.faq,.privacy article)>h2{padding-top:2px}
}
@media(min-width:761px){
  body.theme-circuit:not(.page-0) main>section.reading:not(.privacy):not(:has(>h2)):after{content:none}
}

/* no automatic hyphenation in the main headline (long words still wrap) */
body h1{hyphens:manual;-webkit-hyphens:manual}