/* olycoder.com theme "forge" (2026-10-30): style + layout, CSS only (HTML/text unchanged).
   One audited variant (frontend-design skill), v2 redo on owner request; own skeleton, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek-ext.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-greek.woff2) format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-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:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-400-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:"Oxanium";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oxanium-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:"Oxanium";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/oxanium-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:"Oxanium";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oxanium-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:"Oxanium";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oxanium-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}
/* OlyForge v2 reset: neutralise theme-workshop quirks of site.css (Georgia headings, round brand tile, tilted workspace, faded text) */
body.theme-workshop{--bg:#121519!important;--ink:#e6eaef!important;--accent:#8fd3ff!important;background:#121519;color:#e6eaef}
body.theme-workshop :is(h1,h2){font-family:inherit;font-weight:inherit}
body.theme-workshop .brand-symbol{border-radius:0;color:inherit;background:none}
body.theme-workshop .workspace{transform:none;border:0;border-radius:0;box-shadow:none}
body.theme-workshop .feature-list li{border:0;border-top:0;border-radius:0}
body.theme-workshop .footer-bottom{opacity:1}
body.theme-workshop .privacy .updated{opacity:1!important}
body.theme-workshop .main-nav a{opacity:1}
body.theme-workshop :is(p,li,td,dd,.hero-lead,.large,.cards p,.steps p,.split-section p,.sticky-example>p,.faq p,.privacy p,.footer-top p,.feature-matrix>p,.feature-definitions dd){opacity:1}

/* OlyForge v2 «Server telemetry, cold forge» — dark technical theme. Display: Oxanium 600/700 (latin, latin-ext); Inter body. */
body.theme-workshop{
 --g-1:#0e1115;--g1:#191d23;--g2:#20262e;--line:#2c343e;--line2:#3a4553;--mute:#9aa6b2;--soft:#c3ccd6;
 --ice:#8fd3ff;--ok:#63d39a;--ember:#ff9a5c;--onice:#0b1520;
 --disp:Oxanium,Inter,system-ui,sans-serif;
 --mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",monospace;
 --lang-radius:4px;--nav-radius:4px;--nav-accent:#8fd3ff;
 font:17px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:clip;position:relative;
}
body.theme-workshop::before{content:"";position:absolute;inset:0 0 auto 0;height:680px;z-index:-1;pointer-events:none;
 background-image:linear-gradient(rgba(143,211,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(143,211,255,.045) 1px,transparent 1px);
 background-size:48px 48px;-webkit-mask-image:linear-gradient(#000 0,transparent 100%);mask-image:linear-gradient(#000 0,transparent 100%)}
body.theme-workshop ::selection{background:rgba(143,211,255,.35);color:#fff}
body.theme-workshop :is(a,button,select,summary):focus-visible{outline:2px solid var(--ice);outline-offset:3px}
body.theme-workshop :is(p,li,dd){overflow-wrap:break-word}

/* ---------- header: slim control bar ---------- */
body.theme-workshop .header{min-height:58px;gap:24px;border-bottom:0;position:relative;isolation:isolate;color:var(--ink)}
body.theme-workshop .header::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;margin-left:-50vw;width:100vw;background:var(--g-1)}
body.theme-workshop .header::after{content:"";position:absolute;inset-block-end:0;left:50%;margin-left:-50vw;width:100vw;height:1px;background:var(--ice);opacity:.9}
body.theme-workshop .brand{font:700 20px/1 var(--disp);letter-spacing:.01em;gap:11px}
body.theme-workshop .brand-symbol{width:30px;height:30px;flex:none;display:block}
body.theme-workshop .brand-symbol svg{display:block;width:100%;height:100%}
body.theme-workshop .header .brand::after{content:"";flex:none;width:7px;height:7px;border-radius:50%;margin-inline-start:2px;background:var(--ok);
 box-shadow:0 0 0 3px rgba(99,211,154,.16),0 0 10px rgba(99,211,154,.75);animation:forge-led 3.2s ease-in-out infinite}
@keyframes forge-led{0%,86%,100%{opacity:1}92%{opacity:.35}}
body.theme-workshop .main-nav{margin-inline:14px auto;gap:2px;font-size:14px;font-weight:500}
body.theme-workshop .main-nav a{padding:8px 13px;border-radius:3px;color:var(--mute);text-decoration:none}
body.theme-workshop .main-nav a:hover,body.theme-workshop .main-nav a[aria-current]{color:var(--ink);background:var(--g2);text-decoration:none}
body.theme-workshop .main-nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--ice)}

/* ---------- type ---------- */
body.theme-workshop h1,body.theme-workshop h2,body.theme-workshop h3{font-family:var(--disp);font-weight:700;color:var(--ink)}
body.theme-workshop h1{font-size:clamp(38px,4.8vw,68px);line-height:1.03;letter-spacing:-.005em;margin-bottom:24px;hyphens:manual;-webkit-hyphens:manual}
body.theme-workshop h2{font-size:clamp(26px,2.7vw,38px);line-height:1.15;letter-spacing:0;margin-bottom:.55em}
body.theme-workshop h3{font-size:21px;line-height:1.25;letter-spacing:0}
body.theme-workshop :is(.reading,.feature-matrix,.faq,.scenario,.sticky-example,.download-grid)>h2::before,
body.theme-workshop .split-section h2::before{content:"";display:inline-block;width:9px;height:9px;margin-inline-end:14px;border:1.6px solid var(--ice);transform:rotate(45deg) translateY(-3px);vertical-align:middle;flex:none}
body.theme-workshop .hero-lead{font-size:19px;line-height:1.65;color:var(--soft);max-width:52ch;opacity:1}
body.theme-workshop .large{font-size:20px;line-height:1.65;color:var(--soft);opacity:1;max-width:62ch}
body.theme-workshop .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 13px 6px 11px;margin-bottom:22px;border:1px solid var(--line2);border-radius:3px;background:var(--g1);
 font:500 13.5px/1.35 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--soft)}
body.theme-workshop .eyebrow i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(99,211,154,.16),0 0 9px rgba(99,211,154,.8)}

/* ---------- buttons ---------- */
body.theme-workshop .button{min-height:48px;padding:12px 22px;border-radius:4px;font:600 15px/1.2 Inter,system-ui,sans-serif;letter-spacing:0;gap:14px;transition:background-color .15s,border-color .15s,box-shadow .15s}
body.theme-workshop .button:hover{transform:none}
body.theme-workshop .primary{background:var(--ice);border-color:var(--ice);color:var(--onice);box-shadow:0 0 28px -8px rgba(143,211,255,.65)}
body.theme-workshop .primary:hover{background:#b3e2ff;border-color:#b3e2ff;box-shadow:0 0 34px -4px rgba(143,211,255,.8)}
body.theme-workshop .secondary{background:transparent;border-color:var(--line2);color:var(--ink)}
body.theme-workshop .secondary:hover{border-color:var(--ice);color:var(--ice)}

/* ---------- home hero: copy left, telemetry drawing right, console below ---------- */
body.theme-workshop .home-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);grid-template-rows:auto auto;column-gap:56px;row-gap:44px;align-items:center;padding:60px 0 36px;min-height:0}
body.theme-workshop .home-hero::before{content:"";grid-column:2;grid-row:1;width:100%;aspect-ratio:560/480;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 480' fill='none'%3E%3Crect x='.5' y='.5' width='559' height='479' rx='6' fill='%23191d23' stroke='%232c343e'/%3E%3Cpath d='M0 38.5h560' stroke='%232c343e'/%3E%3Ccircle cx='20' cy='19' r='4.5' fill='%2363d39a'/%3E%3Ccircle cx='38' cy='19' r='4.5' stroke='%233a4553'/%3E%3Ccircle cx='56' cy='19' r='4.5' stroke='%233a4553'/%3E%3Cpath d='M500 26v-6' stroke='%238fd3ff' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M508 26v-10' stroke='%238fd3ff' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M516 26v-14' stroke='%238fd3ff' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M524 26v-18' stroke='%238fd3ff' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M88.5 184.5L88.5 215.5L61.7 231L34.8 215.5L34.8 184.5L61.7 169ZM117.1 234L117.1 265L90.3 280.5L63.4 265L63.4 234L90.3 218.5ZM145.7 283.5L145.7 314.5L118.8 330L92 314.5L92 283.5L118.8 268ZM117.1 135L117.1 166L90.3 181.5L63.4 166L63.4 135L90.3 119.5ZM145.7 184.5L145.7 215.5L118.8 231L92 215.5L92 184.5L118.8 169ZM202.8 283.5L202.8 314.5L176 330L149.2 314.5L149.2 283.5L176 268ZM145.7 85.5L145.7 116.5L118.8 132L92 116.5L92 85.5L118.8 70ZM174.3 135L174.3 166L147.4 181.5L120.6 166L120.6 135L147.4 119.5ZM260 283.5L260 314.5L233.2 330L206.3 314.5L206.3 283.5L233.2 268ZM202.8 85.5L202.8 116.5L176 132L149.2 116.5L149.2 85.5L176 70ZM260 85.5L260 116.5L233.2 132L206.3 116.5L206.3 85.5L233.2 70ZM288.6 135L288.6 166L261.7 181.5L234.9 166L234.9 135L261.7 119.5ZM317.2 184.5L317.2 215.5L290.3 231L263.5 215.5L263.5 184.5L290.3 169Z' stroke='%23323b46'/%3E%3Cpath d='M174.3 234L174.3 265L147.4 280.5L120.6 265L120.6 234L147.4 218.5ZM202.8 184.5L202.8 215.5L176 231L149.2 215.5L149.2 184.5L176 169ZM231.4 234L231.4 265L204.6 280.5L177.7 265L177.7 234L204.6 218.5ZM231.4 135L231.4 166L204.6 181.5L177.7 166L177.7 135L204.6 119.5ZM260 184.5L260 215.5L233.2 231L206.3 215.5L206.3 184.5L233.2 169ZM288.6 234L288.6 265L261.7 280.5L234.9 265L234.9 234L261.7 218.5Z' stroke='%238fd3ff' stroke-width='1.4' stroke-opacity='.75'/%3E%3Cpath d='M202.8 184.5L202.8 215.5L176 231L149.2 215.5L149.2 184.5L176 169Z' fill='%238fd3ff' fill-opacity='.1' stroke='%238fd3ff' stroke-width='1.6'/%3E%3Cpath d='M176 180v40M176 196l-13-13M176 196l13-13M176 208l11 11' stroke='%238fd3ff' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M204.6 150.5L233.2 200L261.7 249.5L204.6 249.5L147.4 249.5' stroke='%238fd3ff' stroke-dasharray='3 5' stroke-opacity='.7'/%3E%3Ccircle cx='204.6' cy='150.5' r='3.5' fill='%2363d39a'/%3E%3Ccircle cx='261.7' cy='249.5' r='3.5' fill='%2363d39a'/%3E%3Ccircle cx='147.4' cy='249.5' r='3.5' fill='%2363d39a'/%3E%3Ccircle cx='233.2' cy='200' r='2.5' fill='%238fd3ff'/%3E%3Ccircle cx='204.6' cy='249.5' r='2.5' fill='%238fd3ff'/%3E%3Cpath d='M32 346v10' stroke='%233a4553'/%3E%3Cpath d='M56 346v6' stroke='%233a4553'/%3E%3Cpath d='M80 346v6' stroke='%233a4553'/%3E%3Cpath d='M104 346v6' stroke='%233a4553'/%3E%3Cpath d='M129 346v10' stroke='%233a4553'/%3E%3Cpath d='M153 346v6' stroke='%233a4553'/%3E%3Cpath d='M177 346v6' stroke='%233a4553'/%3E%3Cpath d='M202 346v6' stroke='%233a4553'/%3E%3Cpath d='M226 346v10' stroke='%233a4553'/%3E%3Cpath d='M250 346v6' stroke='%233a4553'/%3E%3Cpath d='M275 346v6' stroke='%233a4553'/%3E%3Cpath d='M299 346v6' stroke='%233a4553'/%3E%3Cpath d='M323 346v10' stroke='%233a4553'/%3E%3Cpath d='M24 62h10' stroke='%233a4553'/%3E%3Cpath d='M24 89h6' stroke='%233a4553'/%3E%3Cpath d='M24 116h6' stroke='%233a4553'/%3E%3Cpath d='M24 143h6' stroke='%233a4553'/%3E%3Cpath d='M24 170h6' stroke='%233a4553'/%3E%3Cpath d='M24 197h10' stroke='%233a4553'/%3E%3Cpath d='M24 224h6' stroke='%233a4553'/%3E%3Cpath d='M24 251h6' stroke='%233a4553'/%3E%3Cpath d='M24 278h6' stroke='%233a4553'/%3E%3Cpath d='M24 305h6' stroke='%233a4553'/%3E%3Cpath d='M24 332h10' stroke='%233a4553'/%3E%3Cpath d='M352 190.5h184' stroke='%233a4553'/%3E%3Crect x='352.5' y='162.5' width='9' height='27' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='367.8' y='154.5' width='9' height='35' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='383.1' y='150.5' width='9' height='39' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='398.4' y='138.5' width='9' height='51' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='413.7' y='126.5' width='9' height='63' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='429' y='130.5' width='9' height='59' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='444.3' y='112.5' width='9' height='77' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='459.6' y='98.5' width='9' height='91' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='474.9' y='106.5' width='9' height='83' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='490.2' y='90.5' width='9' height='99' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='505.5' y='102.5' width='9' height='87' fill='%238fd3ff' fill-opacity='.16' stroke='%238fd3ff'/%3E%3Crect x='520.8' y='116.5' width='9' height='73' fill='%238fd3ff' fill-opacity='.85' stroke='%238fd3ff'/%3E%3Cpath d='M352 72.5h172' stroke='%23ff9a5c' stroke-dasharray='4 4'/%3E%3Crect x='529' y='69' width='7' height='7' fill='%23ff9a5c'/%3E%3Ccircle cx='357' cy='228' r='3.5' fill='%238fd3ff'/%3E%3Crect x='371.5' y='225' width='164' height='7' rx='3.5' stroke='%233a4553'/%3E%3Crect x='373' y='226.5' width='99.8' height='4' rx='2' fill='%238fd3ff' fill-opacity='.9'/%3E%3Ccircle cx='357' cy='258' r='3.5' fill='%2363d39a'/%3E%3Crect x='371.5' y='255' width='164' height='7' rx='3.5' stroke='%233a4553'/%3E%3Crect x='373' y='256.5' width='61.2' height='4' rx='2' fill='%2363d39a' fill-opacity='.9'/%3E%3Ccircle cx='357' cy='288' r='3.5' fill='%238fd3ff'/%3E%3Crect x='371.5' y='285' width='164' height='7' rx='3.5' stroke='%233a4553'/%3E%3Crect x='373' y='286.5' width='130.4' height='4' rx='2' fill='%238fd3ff' fill-opacity='.9'/%3E%3Crect x='352' y='312' width='10' height='10' rx='1.5' fill='%2363d39a' fill-opacity='.85'/%3E%3Crect x='371' y='312' width='10' height='10' rx='1.5' fill='%2363d39a' fill-opacity='.85'/%3E%3Crect x='390' y='312' width='10' height='10' rx='1.5' fill='%2363d39a' fill-opacity='.85'/%3E%3Crect x='409' y='312' width='10' height='10' rx='1.5' fill='%2363d39a' fill-opacity='.85'/%3E%3Crect x='428' y='312' width='10' height='10' rx='1.5' fill='%2363d39a' fill-opacity='.85'/%3E%3Crect x='447' y='312' width='10' height='10' rx='1.5' fill='%2363d39a' fill-opacity='.85'/%3E%3Crect x='466' y='312' width='10' height='10' rx='1.5' stroke='%233a4553'/%3E%3Crect x='485' y='312' width='10' height='10' rx='1.5' stroke='%233a4553'/%3E%3Crect x='504' y='312' width='10' height='10' rx='1.5' stroke='%233a4553'/%3E%3Crect x='523' y='312' width='10' height='10' rx='1.5' stroke='%233a4553'/%3E%3Cpath d='M24 366.5h512M24 411.5h512M24 456.5h512' stroke='%232c343e' stroke-dasharray='2 5'/%3E%3Cpath d='M24 383.5h512' stroke='%23ff9a5c' stroke-opacity='.8' stroke-dasharray='6 5'/%3E%3Crect x='24' y='380' width='7' height='7' fill='%23ff9a5c'/%3E%3Cpath d='M24 424H78l6 -30 l7 45 l7 -36 l6 21L106 424l12 -3 l12 4 l12 -2 l12 3H154H188l6 -22 l7 33 l7 -26 l6 15L216 424l12 -3 l12 4 l12 -2 l12 3H264H298l6 -34 l7 51 l7 -40 l6 23L326 424l12 -3 l12 4 l12 -2 l12 3H374H410l6 -26 l7 39 l7 -31 l6 18L438 424l12 -3 l12 4 l12 -2 l12 3H486H520' stroke='%238fd3ff' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'/%3E%3Ccircle cx='520' cy='424' r='9' stroke='%238fd3ff' stroke-opacity='.4'/%3E%3Ccircle cx='520' cy='424' r='4' fill='%2363d39a'/%3E%3C/svg%3E") center/100% 100% no-repeat;filter:drop-shadow(0 0 40px rgba(143,211,255,.07))}
body.theme-workshop .home-hero .hero-copy{grid-column:1;grid-row:1}
body.theme-workshop .home-hero .agent-run{grid-column:1/-1;grid-row:2}
body.theme-workshop .actions{margin-top:30px;gap:12px}

/* ---------- console (agent run) ---------- */
body.theme-workshop .agent-run{border:1px solid var(--line);border-radius:6px;background:var(--g-1);color:var(--ink);box-shadow:0 0 0 1px rgba(143,211,255,.04),0 28px 56px -28px rgba(0,0,0,.7)}
body.theme-workshop .agent-run-bar{padding:10px 18px;background:var(--g2);border-bottom:1px solid var(--line);font:500 13px/1.4 var(--mono);align-items:center}
body.theme-workshop .agent-run-bar span:first-child{opacity:1;color:var(--soft)}
body.theme-workshop .agent-run-bar span:first-child::before{content:"";display:inline-block;width:8px;height:8px;margin-inline-end:11px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px rgba(99,211,154,.8)}
body.theme-workshop .agent-run-mode{color:var(--ice);padding:2px 10px;border:1px solid rgba(143,211,255,.4);border-radius:3px;font-size:12px}
body.theme-workshop .agent-run-body{padding:20px 20px 18px}
body.theme-workshop .agent-run-prompt{justify-content:flex-start;margin:0 0 16px}
body.theme-workshop .agent-run-prompt span{display:block;max-width:100%;padding:3px 0 3px 16px;background:none;border-radius:0;border-inline-start:2px solid var(--ice);font-size:16px;line-height:1.55;color:var(--ink)}
body.theme-workshop .agent-run-steps{gap:6px}
body.theme-workshop .agent-run-steps li{grid-template-columns:104px minmax(0,1fr) auto;padding:9px 14px;border:1px solid var(--line);border-radius:4px;background:var(--g1)}
body.theme-workshop .ar-tool{font:600 12.5px/1.4 var(--mono);color:var(--ice)}
body.theme-workshop .agent-run-steps code{font:13px/1.5 var(--mono);color:#d3dce6}
body.theme-workshop .ar-res{font:12.5px/1.4 var(--mono);color:var(--mute);opacity:1}
body.theme-workshop .ar-ok{color:var(--ok)}
body.theme-workshop .agent-run-foot{margin-top:16px}
body.theme-workshop .agent-run-foot>span:first-child{font-size:14px;color:var(--mute);opacity:1}
body.theme-workshop .ar-btn{padding:7px 14px;border-radius:3px;border:1px solid var(--line2);font-size:13px;color:var(--soft)}
body.theme-workshop .ar-btn-primary{background:var(--ice);border-color:var(--ice);color:var(--onice);font-weight:600}
body.theme-workshop .home-hero .agent-run-body{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.6fr);gap:0 28px;padding:24px}
body.theme-workshop .home-hero .agent-run-prompt{grid-column:1;grid-row:1;margin:0;align-self:stretch;display:flex}
body.theme-workshop .home-hero .agent-run-prompt span{flex:1;padding:18px 20px;border:1px solid var(--line);border-inline-start:2px solid var(--ice);border-radius:4px;background:var(--g1);font-size:18px;line-height:1.6}
body.theme-workshop .home-hero .agent-run-steps{grid-column:2;grid-row:1}
body.theme-workshop .home-hero .agent-run-foot{grid-column:1/-1;grid-row:2;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line)}

/* ---------- code (config diff) ---------- */
body.theme-workshop .code-example{background:var(--g-1);color:#d3dce6;border:1px solid var(--line);border-radius:6px}
body.theme-workshop .code-example>div{padding:9px 14px;background:var(--g2);border-bottom:1px solid var(--line);font:500 12.5px/1.4 var(--mono);color:var(--mute);align-items:center}
body.theme-workshop .code-example button{padding:5px 11px;border:1px solid var(--line2);border-radius:3px;background:transparent;color:var(--ice);font:600 12px/1.3 Inter,system-ui,sans-serif}
body.theme-workshop .code-example button:hover{background:rgba(143,211,255,.12);border-color:var(--ice)}
body.theme-workshop .code-example pre{padding:16px 20px;font:13.5px/1.8 var(--mono);color:#d3dce6;border-inline-start:3px solid var(--ok);
 background:linear-gradient(90deg,rgba(99,211,154,.11),rgba(99,211,154,.03) 55%,transparent),var(--g-1)}

/* ---------- facts: status board ---------- */
body.theme-workshop .cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:0;margin:4px 0 64px;border:1px solid var(--line);border-radius:6px;background:var(--line);overflow:hidden}
body.theme-workshop .cards article{display:flex;flex-direction:column;padding:18px 18px 20px;border:0;border-radius:0;background:var(--g1);transform:none;margin:0}
body.theme-workshop .cards .number{display:flex;align-items:center;gap:9px;margin:0 0 14px;font:500 13px/1.2 Inter,system-ui,sans-serif;color:var(--mute);opacity:1}
body.theme-workshop .cards .number::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 7px rgba(99,211,154,.75)}
body.theme-workshop .cards article:nth-child(4) .number::before,body.theme-workshop .cards article:nth-child(5) .number::before{background:var(--ice);box-shadow:0 0 7px rgba(143,211,255,.7)}
body.theme-workshop .cards h3{margin:0 0 6px;font:600 25px/1.15 var(--mono);letter-spacing:-.02em;color:var(--ink)}
body.theme-workshop .cards p{margin:0;font-size:14.5px;line-height:1.5;color:var(--mute);opacity:1}
body.theme-workshop.page-1 .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
body.theme-workshop.page-1 .cards h3{font:700 26px/1.15 var(--disp);letter-spacing:0}
body.theme-workshop.page-1 .cards p{font-size:16px;color:var(--soft)}

/* ---------- scenario ---------- */
body.theme-workshop .scenario{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:56px;align-items:start;padding:38px 40px;margin:0 0 64px;border:1px solid var(--line);border-inline-start:3px solid var(--ice);border-radius:6px;background:var(--g1)}
body.theme-workshop .scenario>.eyebrow{grid-column:1;justify-self:start}
body.theme-workshop .scenario>h2{grid-column:1;margin:0;max-width:20ch}
body.theme-workshop .scenario>p{grid-column:2;grid-row:1/3;margin:0;font-size:17px;line-height:1.7;color:var(--soft);max-width:68ch}

/* ---------- prose ---------- */
body.theme-workshop .reading{max-width:860px;padding-bottom:56px}
body.theme-workshop .reading p{color:var(--soft);font-size:17px;line-height:1.7;max-width:70ch}
body.theme-workshop .reading h3{margin:1.5em 0 .4em;font-size:22px}
body.theme-workshop .reading .text-link{display:inline-flex;align-items:center;margin:0 10px 10px 0;margin-inline:0 10px;padding:9px 15px;border:1px solid var(--line2);border-radius:4px;background:var(--g1);color:var(--ice);font-size:15px;font-weight:600;text-decoration:none}
body.theme-workshop .reading .text-link:hover{border-color:var(--ice);background:var(--g2)}
body.theme-workshop .product-lead{max-width:none;padding-bottom:28px}
body.theme-workshop .reading:has(>.feature-list){max-width:none}
@media(min-width:1181px){body.theme-workshop .reading>.feature-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
body.theme-workshop .feature-list{gap:12px;margin-top:20px}
body.theme-workshop .feature-list li{padding:16px 20px 18px;border:1px solid var(--line);border-top:2px solid rgba(143,211,255,.55);border-radius:4px;background:var(--g1);font-size:15.5px;line-height:1.6;color:var(--soft);list-style:none}
body.theme-workshop .feature-list strong{color:var(--ice);font-weight:600;font-size:16px}
body.theme-workshop .notice{padding:16px 22px;border:1px solid var(--line);border-inline-start:3px solid var(--ember);border-radius:4px;background:var(--g1);font-size:15.5px;color:var(--soft)}
body.theme-workshop .notice strong{color:var(--ember);font-weight:600}
body.theme-workshop .notice p{margin-top:6px;color:var(--soft)}

/* home: walkthroughs as config-diff cards */
body.theme-workshop .reading:has(>.steps){max-width:none;padding-bottom:64px}
body.theme-workshop .reading>.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
body.theme-workshop .reading>.steps article{position:static;display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--g1);overflow:hidden}
body.theme-workshop .reading>.steps .number{position:static;display:flex;align-items:center;gap:10px;margin:0;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--g2);font:600 13px/1.2 var(--mono);color:var(--ice);opacity:1}
body.theme-workshop .reading>.steps .number::before{content:"+";color:var(--ok);font-weight:700}
body.theme-workshop .reading>.steps .number::after{content:"@@";margin-inline-start:auto;color:var(--line2)}
body.theme-workshop .reading>.steps h3{margin:0;padding:20px 24px 0;font-size:22px}
body.theme-workshop .reading>.steps p{margin:0;padding:12px 24px 22px;font-size:16px;line-height:1.65;color:var(--soft);max-width:none;opacity:1}
body.theme-workshop .reading>.steps article .code-example{margin:auto 0 0;border-width:1px 0 0;border-radius:0}
body.theme-workshop .reading:has(>.steps)>p{margin:28px 0 0}

/* feature table */
body.theme-workshop .feature-matrix{padding:0 0 64px}
body.theme-workshop .feature-matrix>p{max-width:70ch;margin:0 0 24px;font-size:17px;color:var(--soft);opacity:1}
body.theme-workshop .feature-matrix table{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--g1)}
body.theme-workshop .feature-matrix th,body.theme-workshop .feature-matrix td{padding:17px 22px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.55}
body.theme-workshop .feature-matrix thead th{padding:14px 22px;border-bottom:2px solid var(--ice);background:var(--g2);font:700 16px/1.3 var(--disp);color:var(--mute)}
body.theme-workshop .feature-matrix thead th:first-child{width:22%}
body.theme-workshop .feature-matrix thead th:last-child{color:var(--ice)}
body.theme-workshop .feature-matrix tbody th{width:22%;font-weight:600;color:var(--ink)}
body.theme-workshop .feature-matrix td{color:var(--mute)}
body.theme-workshop .feature-matrix td:last-child{color:var(--ink);background:rgba(143,211,255,.05);border-inline-start:1px solid rgba(143,211,255,.3)}
body.theme-workshop .feature-matrix tbody tr:last-child :is(th,td){border-bottom:0}

/* pipeline of nodes (how it works / setup) */
body.theme-workshop .split-section{display:block;padding:0 0 64px;border-top:0}
body.theme-workshop .split-section>h2{margin-bottom:30px}
body.theme-workshop .setup{list-style:none;margin:0;padding:0;counter-reset:node}
body.theme-workshop .setup li{counter-increment:node;position:relative;min-height:64px;padding:6px 0 28px;padding-inline-start:62px;font-size:17px;line-height:1.6;color:var(--soft)}
body.theme-workshop .setup li::before{content:counter(node,upper-roman);position:absolute;inset-inline-start:0;top:0;width:42px;height:42px;display:grid;place-items:center;border:1.5px solid var(--ice);border-radius:50%;background:var(--g1);box-shadow:0 0 0 4px var(--bg),0 0 16px -2px rgba(143,211,255,.4);font:600 14px/1 var(--mono);color:var(--ice)}
body.theme-workshop .setup li::after{content:"";position:absolute;inset-inline-start:20.5px;top:48px;bottom:2px;width:1.5px;background:linear-gradient(var(--ice),rgba(143,211,255,.15));opacity:.7}
body.theme-workshop .setup li:last-child{padding-bottom:6px}
body.theme-workshop .setup li:last-child::after{display:none}
body.theme-workshop .split-section>.setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}
body.theme-workshop .split-section>.setup li{padding:60px 0 0;padding-inline-start:0;min-height:0}
body.theme-workshop .split-section>.setup li::after{inset-inline-start:52px;inset-inline-end:-18px;top:20.5px;bottom:auto;width:auto;height:1.5px;background:linear-gradient(90deg,var(--ice),rgba(143,211,255,.2))}
body.theme-workshop .split-section>.setup li:last-child::after{display:none}

/* who it is for: three readouts */
body.theme-workshop.page-0 .reading:has(>p:nth-of-type(3)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:none}
body.theme-workshop.page-0 .reading:has(>p:nth-of-type(3))>h2{grid-column:1/-1;margin-bottom:.2em}
body.theme-workshop.page-0 .reading:has(>p:nth-of-type(3))>p{margin:0;max-width:none;padding:22px 24px 24px;border:1px solid var(--line);border-top:2px solid rgba(143,211,255,.55);border-radius:4px;background:var(--g1);font-size:16.5px}

/* FAQ rows */
body.theme-workshop .faq{max-width:none;margin-bottom:64px}
body.theme-workshop .faq details{padding:0 20px;border-top:1px solid var(--line);border-inline-start:2px solid transparent}
body.theme-workshop .faq details:last-child{border-bottom:1px solid var(--line)}
body.theme-workshop .faq details[open]{border-inline-start-color:var(--ice);background:linear-gradient(90deg,rgba(143,211,255,.06),transparent 65%)}
body.theme-workshop .faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;list-style:none;cursor:pointer;font:600 18.5px/1.45 Inter,system-ui,sans-serif;color:var(--ink);overflow-wrap:anywhere}
body.theme-workshop .faq summary::-webkit-details-marker{display:none}
body.theme-workshop .faq summary::after{content:"+";flex:none;font:500 24px/1 var(--mono);color:var(--ice)}
body.theme-workshop .faq details[open] summary::after{content:"\2212"}
body.theme-workshop .faq details p{max-width:76ch;margin:0 0 22px;font-size:17px;line-height:1.7;color:var(--soft);opacity:1;overflow-wrap:anywhere}

/* CTA panel with cold glow edge */
body.theme-workshop .closing{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:center;text-align:start;padding:44px 48px;margin:8px 0 64px;border:1px solid rgba(143,211,255,.4);border-radius:8px;
 background:linear-gradient(180deg,rgba(143,211,255,.08),rgba(143,211,255,.015)),var(--g1);box-shadow:0 0 0 1px rgba(143,211,255,.07),0 0 54px -12px rgba(143,211,255,.38),inset 0 1px 0 rgba(143,211,255,.55)}
body.theme-workshop .closing>span{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:5px 12px;margin:0;border:1px solid var(--line2);border-radius:3px;background:var(--g-1);font:500 13.5px/1.35 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none;color:var(--soft)}
body.theme-workshop .closing>span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px rgba(99,211,154,.8)}
body.theme-workshop .closing h2{grid-column:1;margin:16px 0 10px;max-width:24ch;font-size:clamp(28px,3.2vw,42px)}
body.theme-workshop .closing p{grid-column:1;margin:0;max-width:58ch;color:var(--soft);font-size:17px}
body.theme-workshop .closing .button{grid-column:2;grid-row:1/4;align-self:center}

/* ---------- inner pages ---------- */
body.theme-workshop .inner-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;min-height:0;padding:56px 0 62px;margin-bottom:44px;border-bottom:1px solid var(--line);
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='28' viewBox='0 0 320 28' fill='none'%3E%3Cpath d='M0 14H118l6 0 5-10 6 20 6-14 4 6 5-2H320' stroke='%238fd3ff' stroke-opacity='.55' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left bottom/320px 28px}
body.theme-workshop .inner-hero h1{font-size:clamp(34px,4.1vw,58px);max-width:20ch;margin-bottom:0}
body.theme-workshop .inner-hero .eyebrow{margin-bottom:20px}
body.theme-workshop .hero-number{flex:none;align-self:center;font:700 clamp(84px,10vw,140px)/.9 var(--disp);letter-spacing:0;color:transparent;-webkit-text-stroke:1.5px rgba(143,211,255,.5);opacity:1;margin-bottom:-6px}
body.theme-workshop .connection{display:flex;align-items:center;justify-content:center;gap:0;padding:30px;margin:8px 0 56px;border:1px solid var(--line);border-radius:6px;background:var(--g1);font-size:clamp(14px,1.5vw,19px)}
body.theme-workshop .connection span{flex:0 1 auto;min-width:0;padding:16px 24px;border:1px solid var(--ice);border-radius:4px;background:var(--g2);font:600 1.05em/1.3 var(--disp);color:var(--ink);text-align:center;overflow-wrap:anywhere}
body.theme-workshop .connection b{flex:1 1 56px;min-width:44px;text-align:center;font-weight:400;font-size:1.5em;line-height:1;color:var(--ice);background:linear-gradient(var(--line2),var(--line2)) center/100% 1px no-repeat}
body.theme-workshop .workflow-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start;margin-bottom:56px}
body.theme-workshop .workflow-grid .steps article{position:relative;padding:18px 0 34px;padding-inline-start:66px;border-top:0}
body.theme-workshop .workflow-grid .steps .number{position:absolute;inset-inline-start:0;top:18px;width:44px;height:44px;display:grid;place-items:center;margin:0;border:1.5px solid var(--ice);border-radius:50%;background:var(--g1);box-shadow:0 0 0 4px var(--bg);font:600 14px/1 var(--mono);color:var(--ice);opacity:1}
body.theme-workshop .workflow-grid .steps article::after{content:"";position:absolute;inset-inline-start:21.5px;top:66px;bottom:-16px;width:1.5px;background:linear-gradient(var(--ice),rgba(143,211,255,.15));opacity:.7}
body.theme-workshop .workflow-grid .steps article:last-child::after{display:none}
body.theme-workshop .workflow-grid .steps h3{margin:6px 0 6px}
body.theme-workshop .workflow-grid .steps p{margin:0;font-size:16.5px;color:var(--soft);opacity:1}
body.theme-workshop .sticky-example{padding-top:0}
body.theme-workshop .sticky-example>p{font-size:16px;color:var(--mute);opacity:1}
body.theme-workshop .download-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;margin-bottom:64px}
body.theme-workshop .download-card{display:flex;flex-direction:column;align-items:flex-start;text-align:start;padding:34px 30px;border:1px solid rgba(143,211,255,.4);border-radius:8px;
 background:linear-gradient(180deg,rgba(143,211,255,.08),rgba(143,211,255,.015)),var(--g1);box-shadow:0 0 0 1px rgba(143,211,255,.07),0 0 54px -14px rgba(143,211,255,.35),inset 0 1px 0 rgba(143,211,255,.5)}
body.theme-workshop .app-icon{width:68px;height:68px;margin:0 0 20px;border:1.5px solid var(--ice);border-radius:12px;background:var(--g-1);box-shadow:0 0 22px -4px rgba(143,211,255,.45);font:700 38px/1 var(--disp);color:var(--ice)}
body.theme-workshop .download-card h2{margin:0 0 6px;font-size:30px}
body.theme-workshop .download-card p{margin:0 0 22px;color:var(--mute);font-size:16px}
body.theme-workshop .download-card .button{align-self:stretch}
body.theme-workshop .download-grid .setup{margin:24px 0}
body.theme-workshop .privacy.reading{max-width:860px}
body.theme-workshop .privacy article{padding:28px 0 12px;border-top:1px solid var(--line)}
body.theme-workshop .privacy h2{font-size:26px;margin-bottom:.4em}
body.theme-workshop .privacy p{font-size:17px;color:var(--soft);opacity:1}
body.theme-workshop .privacy .updated{font-size:13.5px!important;color:var(--mute);font-family:var(--mono)}
body.theme-workshop .faq+.faq{margin-top:-24px}


/* inner prose: heading column + text column fills the width */
body.theme-workshop .reading:has(>h3){display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);column-gap:48px;max-width:none;align-items:start}
body.theme-workshop .reading:has(>h3)>*{grid-column:1/-1}
body.theme-workshop .reading:has(>h3)>h2{margin:1.2em 0 .5em}
body.theme-workshop .reading:has(>h3)>h2:first-child{margin-top:0}
body.theme-workshop .reading:has(>h3)>h3{grid-column:1;margin:0;padding-top:22px;border-top:1px solid var(--line);font-size:21px}
body.theme-workshop .reading:has(>h3)>:is(h3+p,h3+p+p){grid-column:2;margin:0 0 22px;padding-top:22px;border-top:1px solid var(--line);max-width:74ch}
body.theme-workshop .reading:has(>h3)>:is(h3+p+p){border-top:0;padding-top:0}
body.theme-workshop .reading:has(>h3)>.notice{max-width:none}
body.theme-workshop .privacy.reading{max-width:none}
body.theme-workshop .privacy article{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);column-gap:48px;padding:26px 0 8px}
body.theme-workshop .privacy article>h2{grid-column:1;grid-row:1/span 4;margin:0;font-size:24px}
body.theme-workshop .privacy article>p{grid-column:2;margin:0 0 18px;max-width:74ch}
@media(max-width:920px){
 body.theme-workshop .reading:has(>h3){display:block;max-width:none}
 body.theme-workshop .reading:has(>h3)>h3{padding-top:20px;margin-top:24px}
 body.theme-workshop .reading:has(>h3)>:is(h3+p,h3+p+p){padding-top:8px;border-top:0;margin-bottom:14px}
 body.theme-workshop .reading:has(>h3)>h3+p+p{padding-top:0}
 body.theme-workshop .privacy article{display:block}
 body.theme-workshop .privacy article>h2{margin:0 0 10px}
}

/* ---------- footer ---------- */
body.theme-workshop footer{margin-top:16px;border-top:1px solid var(--line);padding-top:32px}
body.theme-workshop footer .brand{font:700 19px/1 var(--disp)}
body.theme-workshop .footer-top p{font-size:14.5px;color:var(--mute);opacity:1}
body.theme-workshop footer nav{gap:6px 22px;font-size:14px;margin:26px 0}
body.theme-workshop footer nav a{color:var(--soft)}
body.theme-workshop footer nav a:hover{color:var(--ice)}
body.theme-workshop .footer-bottom{font-size:13px;color:var(--mute);opacity:1}

/* ---------- scripts Oxanium lacks: heavy Inter ---------- */
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko],[lang=vi]) body.theme-workshop :is(h1,h2,h3,.brand,.hero-number,.thead th,.feature-matrix thead th,.connection span,.app-icon){font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:0}

/* ---------- tablet ---------- */
@media(max-width:1180px){
 body.theme-workshop .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.theme-workshop .cards h3{font-size:23px}
 body.theme-workshop.page-1 .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.theme-workshop .home-hero{column-gap:36px}
}
@media(max-width:920px){
 body.theme-workshop .home-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:44px 0 28px}
 body.theme-workshop .home-hero::before{grid-column:1;grid-row:2;max-width:520px;justify-self:center}
 body.theme-workshop .home-hero .hero-copy{grid-column:1;grid-row:1}
 body.theme-workshop .home-hero .agent-run{grid-column:1;grid-row:3}
 body.theme-workshop .home-hero .agent-run-body{display:block;padding:18px}
 body.theme-workshop .home-hero .agent-run-prompt{margin:0 0 16px;display:block}
 body.theme-workshop .home-hero .agent-run-prompt span{padding:12px 16px;font-size:16.5px}
 body.theme-workshop .home-hero .agent-run-foot{margin:16px 0 0;padding-top:14px}
 body.theme-workshop .scenario{grid-template-columns:minmax(0,1fr);padding:28px}
 body.theme-workshop .scenario>p{grid-column:1;grid-row:auto;margin-top:16px}
 body.theme-workshop .scenario>h2{max-width:none}
 body.theme-workshop .reading>.steps{grid-template-columns:minmax(0,1fr)}
 body.theme-workshop.page-0 .reading:has(>p:nth-of-type(3)){grid-template-columns:minmax(0,1fr)}
 body.theme-workshop .split-section>.setup{grid-template-columns:minmax(0,1fr)}
 body.theme-workshop .split-section>.setup li{padding:6px 0 28px;padding-inline-start:62px}
 body.theme-workshop .split-section>.setup li::after{inset-inline-start:20.5px;inset-inline-end:auto;top:48px;bottom:2px;width:1.5px;height:auto;background:linear-gradient(var(--ice),rgba(143,211,255,.15))}
 body.theme-workshop .split-section>.setup li:last-child{padding-bottom:6px}
 body.theme-workshop .workflow-grid,body.theme-workshop .download-grid{grid-template-columns:minmax(0,1fr);gap:36px;padding:0}
 body.theme-workshop .closing{grid-template-columns:minmax(0,1fr);padding:32px 28px}
 body.theme-workshop .closing .button{grid-column:1;grid-row:auto;justify-self:start;margin-top:24px}
}

/* ---------- phone ---------- */
@media(max-width:760px){
 body.theme-workshop{font-size:16.5px}
 body.theme-workshop .header{padding:0;gap:0}
 body.theme-workshop .brand{font-size:19px}
 body.theme-workshop .hero{padding:32px 0 24px}
 body.theme-workshop .home-hero{padding:28px 0 20px;gap:26px!important}
 body.theme-workshop h1,body.theme-workshop .hero-copy h1{font-size:clamp(33px,9.4vw,42px);line-height:1.06;margin-bottom:18px;hyphens:auto;-webkit-hyphens:auto}
 body.theme-workshop h2{font-size:clamp(24px,7vw,30px)}
 body.theme-workshop .eyebrow{margin-bottom:16px;font-size:13px}
 body.theme-workshop .hero-lead{font-size:16.5px;line-height:1.6}
 body.theme-workshop .actions{margin-top:22px;gap:10px}
 body.theme-workshop .actions .button{flex:1 1 100%}
 body.theme-workshop .agent-run-steps li{grid-template-columns:minmax(0,1fr) auto;gap:3px 10px}
 body.theme-workshop .ar-tool{grid-column:1/-1}
 body.theme-workshop .cards,body.theme-workshop.page-1 .cards{grid-template-columns:minmax(0,1fr);margin-bottom:44px}
 body.theme-workshop .cards article{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n v" "p v";column-gap:16px;align-items:center;padding:14px 18px}
 body.theme-workshop .cards .number{grid-area:n;margin:0 0 4px}
 body.theme-workshop .cards h3{grid-area:v;margin:0;font-size:22px;text-align:end}
 body.theme-workshop .cards p{grid-area:p}
 body.theme-workshop.page-1 .cards article{display:flex;flex-direction:column;align-items:stretch}
 body.theme-workshop.page-1 .cards h3{text-align:start;margin:0 0 6px}
 body.theme-workshop .scenario{padding:22px 20px;margin-bottom:44px}
 body.theme-workshop .reading>.steps p{padding:10px 18px 20px;font-size:16px}
 body.theme-workshop .reading>.steps h3{padding:16px 18px 0;font-size:20px}
 body.theme-workshop .reading>.steps .number{padding:9px 18px}
 body.theme-workshop .code-example pre{padding:14px 16px;font-size:12.5px}
 body.theme-workshop .feature-matrix{padding-bottom:44px}
 body.theme-workshop .feature-matrix table{table-layout:fixed}
 body.theme-workshop .feature-matrix :is(th,td){display:table-cell;width:auto;padding:12px 10px;font-size:14.5px;overflow-wrap:anywhere}
 body.theme-workshop .feature-matrix thead th{display:table-cell;font-size:14.5px;padding:12px 10px}
 body.theme-workshop .feature-matrix tbody th{width:26%}
 body.theme-workshop .split-section,body.theme-workshop .reading{padding-bottom:40px}
 body.theme-workshop .split-section>.setup li,body.theme-workshop .setup li{font-size:16.5px}
 body.theme-workshop .faq summary{font-size:17px;padding:16px 0}
 body.theme-workshop .faq details{padding:0 12px}
 body.theme-workshop .faq details p{font-size:16.5px}
 body.theme-workshop .closing{padding:26px 20px;margin-bottom:44px}
 body.theme-workshop .closing .button{justify-self:stretch}
 body.theme-workshop .inner-hero{padding:36px 0 46px;margin-bottom:30px;min-height:0}
 body.theme-workshop .inner-hero h1{font-size:clamp(30px,8.6vw,38px);max-width:none}
 body.theme-workshop .connection{flex-direction:column;padding:20px 16px;gap:0}
 body.theme-workshop .connection span{width:100%}
 body.theme-workshop .connection b{flex:none;width:44px;height:44px;display:grid;place-items:center;transform:rotate(90deg)}
 body.theme-workshop .workflow-grid .steps article{padding-inline-start:58px}
 body.theme-workshop .workflow-grid .steps .number{width:40px;height:40px}
 body.theme-workshop .workflow-grid .steps article::after{inset-inline-start:19.5px;top:62px}
 body.theme-workshop .download-card{padding:26px 20px}
 body.theme-workshop .large{font-size:18px}
 body.theme-workshop .reading p,body.theme-workshop .privacy p{font-size:16.5px}
 body.theme-workshop .reading .text-link{flex:1 1 100%;justify-content:space-between}
 body.theme-workshop :is(.faq details p,.notice,.reading p,.reading li){overflow-wrap:anywhere}
 body.theme-workshop footer .footer-top{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(prefers-reduced-motion:reduce){body.theme-workshop .header .brand::after{animation:none}}

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