/* coderzway.com theme "mapsheets" (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:"Bitter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/bitter-500-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Bitter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/bitter-600-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Bitter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/bitter-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Bitter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/bitter-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:"Bitter";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/bitter-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}
@font-face{font-family:"Bitter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/bitter-800-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:"Bitter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/bitter-800-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Bitter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/bitter-800-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:"Bitter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/bitter-800-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:"Bitter";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/bitter-800-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}
/* coderzway.com redesign — shared reset: neutralise theme-route quirks from site.css + safety rules */
body.theme-route .home-hero{grid-template-columns:1fr 1fr;gap:44px}
body.theme-route .hero-copy:before{content:none}
body.theme-route .cards{gap:24px;border-top:0}
body.theme-route .cards article{background:none;border:0;border-radius:0;padding:0}
body.theme-route .number{font-size:12px;font-weight:400;color:inherit;opacity:1}
body.theme-route .button{border-radius:0}
body.theme-route .closing{background:none;color:inherit}
body.theme-route .brand-symbol{color:inherit}
main{overflow-x:clip}
body.theme-route main section>*,body.theme-route .workflow-grid>*,body.theme-route .split-section>*,body.theme-route .download-grid>*,body.theme-route .cards>*,body.theme-route .steps>*{min-width:0}
body.theme-route .steps article{padding:0}
body.theme-route .steps .number{position:static}
[dir=rtl] body.theme-route .steps article{padding:0}
body.theme-route .hero-lead,body.theme-route .cards p,body.theme-route .steps p,body.theme-route .split-section p,body.theme-route .faq p,body.theme-route .privacy p,body.theme-route .large,body.theme-route .footer-top p,body.theme-route .footer-bottom,body.theme-route .main-nav a,body.theme-route .sticky-example>p{opacity:1}
@media(max-width:760px){
 body.theme-route .main-nav{flex-wrap:wrap;gap:4px 10px;justify-content:space-between;letter-spacing:0;font-size:12px}
 body.theme-route .main-nav a{letter-spacing:0;white-space:nowrap}
 body.theme-route .header{min-width:0}
}

/* V3 — Stacked cards: topographic map sheets. Paper map, contour lines, muted greens.
   Layout: every home section is a map sheet; on large screens the sheets stick to the top with growing offsets and
   the next sheet slides over the previous one (long sheets — walkthroughs and FAQ — scroll normally). Inside, each
   sheet uses a compact two-zone layout so it fits on one screen. Inner pages use the same sheets without stacking. */
body.theme-route{--bg:#f3f1e3!important;--ink:#22322a!important;--accent:#3f5c3a!important;--paper:#f3f1e3;--paper2:#ebe9d6;--muted:#46564c;--brown:#6b4f2e;--line:#22322a26;
 background-color:#dcdcc6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520' fill='none' stroke='%23a7b294' stroke-width='1.2' opacity='.55'%3E%3Cpath d='M260 120c80 0 150 50 150 130s-60 150-150 150-160-60-150-150 70-130 150-130z'/%3E%3Cpath d='M260 160c55 0 105 35 105 92s-45 105-105 105-115-42-108-105 53-92 108-92z'/%3E%3Cpath d='M262 200c33 0 62 22 62 55s-28 62-62 62-66-26-62-62 30-55 62-55z'/%3E%3Cpath d='M-20 470c90-30 150 10 240-20s170-60 320-10'/%3E%3Cpath d='M-20 30c120 30 190-20 300 10s170 40 260-10'/%3E%3Cpath d='M-20 80c120 30 190-20 300 10s170 40 260-10'/%3E%3C/svg%3E");background-size:520px 520px;color:var(--ink)}
body.theme-route :is(h1,h2,h3,.feature-matrix th,.hero-number,.app-icon,.connection,.closing>span){font-family:Bitter,Georgia,serif}
body.theme-route h1{font-weight:800;letter-spacing:-.025em;line-height:1.05;font-size:clamp(40px,4.3vw,64px)}
body.theme-route h2{font-weight:700;letter-spacing:-.02em;font-size:clamp(26px,2.4vw,36px)}
body.theme-route h3{font-weight:700;letter-spacing:-.01em}
body.theme-route .header{border-bottom:0}
body.theme-route .brand-symbol{background:var(--accent);color:#f3f1e3;border-radius:50%;font-family:Bitter,serif}
body.theme-route .main-nav a{color:var(--muted)}
body.theme-route .main-nav a:hover,body.theme-route .main-nav a[aria-current]{color:var(--ink);text-decoration:underline dashed;text-underline-offset:6px}
body.theme-route .button{border-radius:999px}
body.theme-route .primary{background:var(--accent);color:#f6f4e8}
body.theme-route .secondary{border:1.5px solid var(--ink);color:var(--ink)}
body.theme-route .text-link{color:var(--accent);text-decoration-style:dashed}
/* ---------- sheet (card) primitive ---------- */
body.theme-route.page-0 main.wrap{counter-reset:sheet;padding:10px 0 60px}
body.theme-route.page-0 :where(main.wrap>*),body.theme-route:not(.page-0) :where(main.wrap>:not(.inner-hero)){position:relative;counter-increment:sheet;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400' viewBox='0 0 600 400' fill='none' stroke='%23c9ccb2' stroke-width='1'%3E%3Cpath d='M480 -10c60 40 140 60 130 150s-110 110-170 70-80-180 40-220z'/%3E%3Cpath d='M500 30c40 25 90 45 82 105s-70 72-110 46-50-120 28-151z'/%3E%3Cpath d='M520 70c22 15 46 26 42 58s-38 40-60 25-26-66 18-83z'/%3E%3Cpath d='M-10 360c70-20 130 30 220 10s150-50 240-20 120 40 170 30'/%3E%3C/svg%3E") no-repeat right top/600px 400px;border:1px solid #22322a33;border-radius:16px;box-shadow:0 -10px 30px -12px #22322a40,0 2px 0 #fff8 inset;padding:42px 48px;margin:0 0 26px}
[dir=rtl] body.theme-route main.wrap>*{background-position:left top}
body.theme-route.page-0 main.wrap>*:before,body.theme-route:not(.page-0) main.wrap>:not(.inner-hero):before{content:"◬";position:absolute;top:14px;inset-inline-end:20px;font:600 13px/1 ui-monospace,Consolas,monospace;color:var(--brown);pointer-events:none}
body.theme-route.page-0 main.wrap>*:nth-child(even){background-color:var(--paper2)}
/* labels */
body.theme-route .eyebrow{color:var(--brown)}
body.theme-route .eyebrow i{background:none;width:10px;height:10px;border:2px solid currentColor;border-radius:50%}
body.theme-route .hero-lead{color:var(--muted)}
/* ---------- home sheets ---------- */
body.theme-route .home-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;min-height:0;align-items:center}
body.theme-route .home-hero h1{margin-bottom:20px}
body.theme-route .agent-run{background:#fbfaf1;border:1px solid #22322a40;border-radius:12px;box-shadow:6px 8px 0 #22322a14}
body.theme-route .agent-run-bar{border-bottom:1px dashed #22322a40}
body.theme-route .agent-run-bar span:first-child{opacity:1;color:var(--muted)}
body.theme-route .agent-run-steps li{background:transparent;border-color:#22322a26;border-radius:8px}
body.theme-route .agent-run-prompt span{background:#dfe3cf;color:var(--ink)}
body.theme-route .ar-res,body.theme-route .agent-run-foot>span:first-child{opacity:1;color:var(--muted)}
body.theme-route .ar-btn{border-radius:999px}
body.theme-route .ar-btn-primary{color:#f6f4e8}
/* facts as a map legend */
body.theme-route.page-0 .cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:42px 48px 38px}
body.theme-route .cards article{padding:6px 18px 4px;border-inline-start:1px dashed #22322a40}
body.theme-route .cards article:first-child{border-inline-start:0;padding-inline-start:0}
body.theme-route .cards .number{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--brown);font:600 11px/1.2 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em}
body.theme-route .cards .number:before{content:"";flex:0 0 12px;height:12px;border:2px solid var(--accent);border-radius:50%}
body.theme-route .cards article:nth-child(2) .number:before{border-radius:0;transform:rotate(45deg) scale(.85)}
body.theme-route .cards article:nth-child(3) .number:before{border-radius:2px}
body.theme-route .cards article:nth-child(4) .number:before{border-radius:0;border-width:0;height:0;border-inline:7px solid transparent;border-bottom:12px solid var(--accent);flex-basis:0}
body.theme-route .cards article:nth-child(5) .number:before{background:var(--accent)}
body.theme-route .cards article:nth-child(6) .number:before{border-style:dashed}
body.theme-route .cards h3{font-size:22px;margin-bottom:4px}
body.theme-route .cards p{font-size:13.5px;color:var(--muted)}
/* scenario: title zone + text zone */
body.theme-route .scenario{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:56px;align-items:start}
body.theme-route .scenario>*{grid-column:1}
body.theme-route .scenario>p{grid-column:2;grid-row:1/span 2;font-size:18px;line-height:1.75;color:var(--ink);margin:0;max-width:none}
body.theme-route .scenario>h2{margin:0;max-width:none}
/* walkthroughs: a route with waypoints (long sheet, not stacked) */
body.theme-route .steps{position:relative;display:grid;gap:30px}
body.theme-route .steps:before{content:"";position:absolute;top:10px;bottom:10px;inset-inline-start:21px;border-inline-start:3px dashed #3f5c3a66}
body.theme-route .steps article{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;padding-inline-start:70px;border-top:0}
[dir=rtl] body.theme-route .steps article{padding:0 70px 0 0}
body.theme-route .steps article>*{grid-column:1}
body.theme-route .steps .code-example{grid-column:2;grid-row:1/span 3;margin-top:0;align-self:start}
body.theme-route .steps .number{position:absolute;top:0;inset-inline-start:0;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#f6f4e8;font:700 15px/1 Bitter,Georgia,serif;box-shadow:0 0 0 6px var(--paper2),0 0 0 7px #3f5c3a55;margin:0}
body.theme-route .steps h3{font-size:22px;margin:8px 0 8px}
body.theme-route .steps p{font-size:15px;color:var(--muted)}
body.theme-route .reading:has(.steps)>p{margin:30px 0 0;padding-inline-start:70px}
body.theme-route .code-example{background:#22322a;border-color:#22322a;color:#e9eedf;border-radius:10px}
body.theme-route .code-example>div{background:#2e4236;color:#dfe6d6}
body.theme-route .code-example pre{color:#dfe9d3}
/* comparison */
body.theme-route .feature-matrix{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);column-gap:48px;align-items:start}
body.theme-route .feature-matrix>:is(h2,p){grid-column:1}
body.theme-route .feature-matrix>p{color:var(--muted);opacity:1}
body.theme-route .feature-matrix>table{grid-column:2;grid-row:1/span 2}
body.theme-route .feature-matrix th,body.theme-route .feature-matrix td{padding:14px 16px;border-bottom:1px dashed #22322a40}
body.theme-route .feature-matrix thead th{border-bottom:2px solid var(--ink);color:var(--brown);font-size:15px}
body.theme-route .feature-matrix tbody th{font-size:17px}
body.theme-route .feature-matrix td:last-child{background:#3f5c3a14;font-weight:600}
/* how it works: four waypoints on a trail */
body.theme-route .split-section{display:block;border-top:1px solid #22322a33}
body.theme-route .split-section>h2{margin-bottom:26px}
body.theme-route .setup{list-style:none;counter-reset:wp;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:0;position:relative}
body.theme-route .setup:before{content:"";position:absolute;top:19px;inset-inline:20px;border-top:3px dashed #3f5c3a66}
body.theme-route .setup li{counter-increment:wp;position:relative;padding:56px 0 0;font-size:15px;color:var(--ink)}
body.theme-route .setup li:before{content:counter(wp,upper-alpha);position:absolute;top:0;inset-inline-start:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--paper);border:3px solid var(--accent);color:var(--accent);font:700 15px/1 Bitter,Georgia,serif}
body.theme-route.page-0 main.wrap>.split-section:nth-child(even) .setup li:before{background:var(--paper2)}
/* who it is for: three columns */
body.theme-route.page-0 .split-section+.reading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px;max-width:none}
body.theme-route.page-0 .split-section+.reading>h2{grid-column:1/-1;margin:0 0 18px}
body.theme-route.page-0 .split-section+.reading>p{margin:0;font-size:15.5px;padding-top:14px;border-top:3px solid var(--accent)}
/* FAQ (long sheet, not stacked) */
body.theme-route .faq{max-width:none;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);column-gap:48px;align-items:start}
body.theme-route .faq>h2{grid-column:1;grid-row:1/span 20;position:sticky;top:30px;margin:0}
body.theme-route .faq{row-gap:0}
body.theme-route .faq details{grid-column:2;border-top:1px dashed #22322a55;padding:18px 4px}
body.theme-route .faq details:first-of-type{border-top:0;padding-top:4px}
body.theme-route .faq summary{font-size:19px;font-weight:650}
body.theme-route .faq summary::marker{color:var(--accent)}
body.theme-route .faq p{color:var(--muted)}
/* closing */
body.theme-route .closing{background:#2e4236 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400' viewBox='0 0 800 400' fill='none' stroke='%23577a5d' stroke-width='1.2'%3E%3Cellipse cx='400' cy='200' rx='380' ry='170'/%3E%3Cellipse cx='400' cy='205' rx='300' ry='130'/%3E%3Cellipse cx='400' cy='210' rx='220' ry='92'/%3E%3Cellipse cx='400' cy='215' rx='140' ry='56'/%3E%3C/svg%3E") no-repeat center/cover!important;color:#f3f1e3;border-color:#2e4236;padding:70px 40px}
body.theme-route .closing>span{color:#d9e4c4;letter-spacing:.14em}
body.theme-route .closing h2{color:#fbf9ee}
body.theme-route .closing p{color:#e3e8d8}
body.theme-route .closing .primary{background:#e9edc9;color:#22322a}
body.theme-route main.wrap>.closing:before{color:#d9e4c4}
/* links */
body.theme-route.page-0 main>.reading:last-child{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);column-gap:48px;max-width:none;align-items:start}
body.theme-route.page-0 main>.reading:last-child>:is(h2,p:first-of-type){grid-column:1}
body.theme-route.page-0 main>.reading:last-child>h2{margin:0 0 10px}
body.theme-route.page-0 main>.reading:last-child>p:first-of-type{color:var(--muted)}
body.theme-route.page-0 main>.reading:last-child>p:last-child{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
body.theme-route.page-0 main>.reading:last-child .text-link{margin:0;padding:14px 16px;border:1px solid #22322a33;border-radius:10px;background:#fbfaf1;text-decoration:none;font-weight:600}
body.theme-route.page-0 main>.reading:last-child .text-link:hover{border-color:var(--accent)}
/* stacking on large screens */
@media(min-width:1180px) and (min-height:720px){
 body.theme-route.page-0 main.wrap>*{position:sticky;top:calc(14px + var(--k,0)*12px)}
 body.theme-route.page-0 main.wrap>:nth-child(1){--k:0}
 body.theme-route.page-0 main.wrap>:nth-child(2){--k:1}
 body.theme-route.page-0 main.wrap>:nth-child(3){--k:2}
 body.theme-route.page-0 main.wrap>:nth-child(5){--k:3}
 body.theme-route.page-0 main.wrap>:nth-child(6){--k:4}
 body.theme-route.page-0 main.wrap>:nth-child(7){--k:5}
 body.theme-route.page-0 main.wrap>:nth-child(9){--k:6}
 body.theme-route.page-0 main.wrap>:nth-child(10){--k:7}
 body.theme-route.page-0 main.wrap>:is(.reading:has(.steps),.faq){position:relative;top:auto}
 body.theme-route.page-0 main.wrap>*{margin-bottom:40px}
 /* each sheet is sized to its content; a strip of map-table below every sheet (same fixed pattern as the page)
    covers the sheets underneath, so only the 12px tab edges of earlier sheets stay visible at the top */
 body.theme-route.page-0{background-attachment:fixed}
 body.theme-route.page-0 main.wrap{overflow:clip;overflow-clip-margin:24px}
 body.theme-route.page-0 main.wrap>*:after{content:"";position:absolute;top:calc(100% + 1px);inset-inline:-2px;height:100vh;pointer-events:none;background:#dcdcc6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520' fill='none' stroke='%23a7b294' stroke-width='1.2' opacity='.55'%3E%3Cpath d='M260 120c80 0 150 50 150 130s-60 150-150 150-160-60-150-150 70-130 150-130z'/%3E%3Cpath d='M260 160c55 0 105 35 105 92s-45 105-105 105-115-42-108-105 53-92 108-92z'/%3E%3Cpath d='M262 200c33 0 62 22 62 55s-28 62-62 62-66-26-62-62 30-55 62-55z'/%3E%3Cpath d='M-20 470c90-30 150 10 240-20s170-60 320-10'/%3E%3Cpath d='M-20 30c120 30 190-20 300 10s170 40 260-10'/%3E%3Cpath d='M-20 80c120 30 190-20 300 10s170 40 260-10'/%3E%3C/svg%3E") 0 0/520px 520px fixed}
 body.theme-route.page-0 footer{position:relative}
}
/* ---------- inner pages: same sheets, no stacking ---------- */
body.theme-route:not(.page-0) main.wrap{counter-reset:sheet;padding-bottom:40px}
body.theme-route .inner-hero{min-height:250px;padding:50px 0 40px;gap:40px}
body.theme-route .inner-hero h1{margin:0}
body.theme-route .hero-number{opacity:1;font-size:64px;color:var(--accent);letter-spacing:0;width:160px;height:160px;flex:0 0 160px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,transparent 30%,#3f5c3a14 31%,#3f5c3a14 32%,transparent 33%,transparent 46%,#3f5c3a22 47%,#3f5c3a22 48%,transparent 49%,transparent 63%,#3f5c3a33 64%,#3f5c3a33 66%,transparent 67%);font-weight:800}
body.theme-route .reading,body.theme-route .product-lead{max-width:none}
body.theme-route:not(.page-0) .reading>*{max-width:820px}
body.theme-route .reading p{color:#2c3b33}
body.theme-route .large{color:var(--ink)}
body.theme-route.page-1 .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:42px 48px}
body.theme-route .feature-list li{background:#fbfaf1;border:1px solid #22322a2e;border-radius:10px}
body.theme-route .feature-list strong{color:var(--accent);font-family:Bitter,Georgia,serif;font-weight:700}
body.theme-route .notice{border-inline-start:4px solid var(--accent);background:#3f5c3a12;border-radius:0 10px 10px 0}
[dir=rtl] body.theme-route .notice{border-radius:10px 0 0 10px}
body.theme-route.page-1 .split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;border-top:1px solid #22322a33}
body.theme-route .split-section p{color:var(--muted)}
body.theme-route .connection{border:2px dashed #3f5c3a77;font-weight:700;background-color:var(--paper2)}
body.theme-route .connection span{border:2px solid var(--accent);border-radius:999px;background:#fbfaf1;padding:18px 28px}
body.theme-route .connection b{color:var(--brown)}
body.theme-route .workflow-grid{display:block}
body.theme-route .workflow-grid .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
body.theme-route .workflow-grid .steps:before{top:21px;bottom:auto;inset-inline:22px;border-inline-start:0;border-top:3px dashed #3f5c3a66}
body.theme-route .workflow-grid .steps article,[dir=rtl] body.theme-route .workflow-grid .steps article{grid-template-columns:1fr;padding:62px 0 0}
body.theme-route .sticky-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 32px;align-items:start;margin-top:30px;padding-top:30px;border-top:1px dashed #22322a55}
body.theme-route .sticky-example>h2,body.theme-route .sticky-example>p{grid-column:1/-1}
body.theme-route .sticky-example .agent-run{margin:4px 0 0}
body.theme-route .sticky-example .code-example{margin-top:4px}
body.theme-route .sticky-example>p{color:var(--muted)}
body.theme-route.page-3 .scenario{margin-bottom:26px}
body.theme-route .download-grid{gap:48px;margin-bottom:26px}
body.theme-route .download-card{background:#fbfaf1;border:1px solid #22322a33;border-radius:14px}
body.theme-route .app-icon{border-radius:50%;background:var(--accent);color:#f3f1e3;box-shadow:0 0 0 8px #3f5c3a22,0 0 0 16px #3f5c3a12}
body.theme-route .download-grid .setup{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 28px}
body.theme-route .download-grid .setup:before{display:none}
body.theme-route .download-grid .setup li{padding:0 0 0 54px;min-height:40px}
[dir=rtl] body.theme-route .download-grid .setup li{padding:0 54px 0 0}
body.theme-route.page-5 .faq{margin-bottom:26px}
body.theme-route .privacy article{border-top:1px dashed #22322a55;padding:24px 0 8px}
body.theme-route .privacy article:first-child{border-top:0;padding-top:0}
body.theme-route .privacy .updated{color:var(--muted)}
/* footer */
body.theme-route footer{border-top:1px solid #22322a33}
body.theme-route .footer-top p,body.theme-route .footer-bottom{color:var(--muted)}
/* scripts Bitter does not cover */
html:is([lang=ar],[lang=th],[lang=hi],[lang=ja],[lang=ko]) body.theme-route :is(h1,h2,h3,.feature-matrix th,.connection,.closing>span,.feature-list strong){font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:0}
/* ---------- responsive ---------- */
@media(max-width:1180px){
 body.theme-route.page-0 .cards{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
 body.theme-route .cards article:nth-child(4){border-inline-start:0;padding-inline-start:0}
}
@media(max-width:900px){
 body.theme-route .scenario,body.theme-route .feature-matrix,body.theme-route .faq,body.theme-route.page-0 main>.reading:last-child,body.theme-route .steps article{grid-template-columns:1fr}
 body.theme-route .scenario>p,body.theme-route .feature-matrix>table,body.theme-route .faq details,body.theme-route .steps .code-example,body.theme-route.page-0 main>.reading:last-child>p:last-child{grid-column:1;grid-row:auto}
 body.theme-route .scenario>p{margin-top:16px}
 body.theme-route .steps .code-example{margin-top:16px}
 body.theme-route .faq>h2{position:static;grid-row:auto;margin-bottom:12px}
 body.theme-route .setup{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.theme-route .setup:before{display:none}
 body.theme-route.page-0 .split-section+.reading{grid-template-columns:1fr}
 body.theme-route.page-0 .split-section+.reading>p{margin-bottom:16px}
}
@media(max-width:760px){
 body.theme-route.page-0 main.wrap>*,body.theme-route:not(.page-0) main.wrap>:not(.inner-hero){padding:34px 18px 24px;border-radius:12px;margin-bottom:16px;background-size:360px auto}
 body.theme-route.page-0 .cards,body.theme-route.page-1 .cards{grid-template-columns:1fr 1fr;padding:34px 18px 24px}
 body.theme-route.page-1 .cards{grid-template-columns:1fr}
 body.theme-route .cards article:nth-child(n){border-inline-start:0;padding:0 0 4px}
 body.theme-route .cards article:nth-child(even){border-inline-start:1px dashed #22322a40;padding-inline-start:14px}
 body.theme-route.page-1 .cards article:nth-child(n){border-inline-start:0;padding-inline-start:0}
 body.theme-route .home-hero{gap:28px}
 body.theme-route .setup{grid-template-columns:1fr;gap:18px}
 body.theme-route .setup li{padding:6px 0 0 56px;min-height:40px}
 [dir=rtl] body.theme-route .setup li{padding:6px 56px 0 0}
 body.theme-route .steps article,[dir=rtl] body.theme-route .steps article{padding-inline-start:58px;padding-inline-end:0}
 body.theme-route .steps:before{inset-inline-start:19px}
 body.theme-route .steps .number{width:40px;height:40px}
 body.theme-route .reading:has(.steps)>p{padding-inline-start:0}
 body.theme-route.page-0 main>.reading:last-child>p:last-child{grid-template-columns:1fr 1fr}
 body.theme-route .feature-matrix th,body.theme-route .feature-matrix td{padding:10px 8px}
 body.theme-route .closing{padding:50px 18px}
 body.theme-route .inner-hero{padding:30px 0 24px}
 body.theme-route.page-1 .split-section,body.theme-route .download-grid .setup{grid-template-columns:1fr}
 body.theme-route .sticky-example{display:block}
 body.theme-route .workflow-grid .steps{grid-template-columns:1fr}
 body.theme-route .workflow-grid .steps:before{display:none}
 body.theme-route .workflow-grid .steps article,[dir=rtl] body.theme-route .workflow-grid .steps article{padding:0 0 0 58px}
 [dir=rtl] body.theme-route .workflow-grid .steps article{padding:0 58px 0 0}
 body.theme-route .sticky-example .agent-run{margin:14px 0}
 body.theme-route .connection span{padding:12px}
}
/* fixes */
body.theme-route .steps article>.number{grid-column:auto;grid-row:auto}
body.theme-route:not(.page-0) .reading>.feature-list{max-width:none}
@media(min-width:1181px){body.theme-route .feature-list{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* quality pass 2026-10-28 */
body.theme-route .download-grid>.download-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center}
body.theme-route .hero-number{grid-template-rows:auto auto;align-content:center;line-height:.95}
body.theme-route .hero-number:after{content:"/06";font-size:.3em;letter-spacing:.06em;color:var(--brown);line-height:1}
@media(max-width:1050px){body.theme-route .workflow-grid .steps{grid-template-columns:repeat(2,minmax(0,1fr))}body.theme-route .workflow-grid .steps:before{display:none}}
@media(max-width:760px){body.theme-route .download-grid>.download-card{display:block}}
body.theme-route .faq{grid-template-columns:minmax(0,1fr)}
body.theme-route .faq>h2{grid-column:1;grid-row:auto;position:static;margin:0 0 14px}
body.theme-route .faq details{grid-column:1}
body.theme-route .faq details:first-of-type{border-top:1px dashed #22322a55;padding-top:18px}
body.theme-route .steps article:not(:has(.code-example))>h3{grid-column:1;grid-row:1}
body.theme-route .steps article:not(:has(.code-example))>p{grid-column:2;grid-row:1;margin-top:8px}
@media(max-width:900px){body.theme-route .steps article:not(:has(.code-example))>p{grid-column:1;grid-row:auto;margin-top:0}}
body.theme-route .feature-matrix,body.theme-route.page-0 main>.reading:last-child{grid-template-rows:auto 1fr}
@media(max-width:900px){body.theme-route .feature-matrix,body.theme-route.page-0 main>.reading:last-child{grid-template-rows:none}}

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