/* grrrlcode.com theme "zine" (2026-10-30): style + layout, CSS only (HTML/text unchanged).
   One audited variant (frontend-design skill), v3 redo on owner request (round 3); own skeleton, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */
@font-face{font-family:"Dela Gothic One";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dela-gothic-one-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Dela Gothic One";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dela-gothic-one-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:"Dela Gothic One";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dela-gothic-one-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:"Dela Gothic One";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dela-gothic-one-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:"Dela Gothic One";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dela-gothic-one-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: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:500;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:500;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:500;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:500;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:500;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:500;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:500;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:"Inter";font-style:normal;font-weight:800;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:800;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:800;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:800;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:800;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:800;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:800;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}
/* _reset3.css — neutralise theme-studio-notes quirks of site.css (Georgia headings, narrow centred hero, tinted workspace shadow) */
body.theme-studio-notes .home-hero{display:block;max-width:none;margin:0}
body.theme-studio-notes .hero-copy{max-width:none;margin-bottom:0}
body.theme-studio-notes h1,body.theme-studio-notes h2{font-family:"Dela Gothic One",Inter,system-ui,sans-serif;font-weight:400}
body.theme-studio-notes .primary,body.theme-studio-notes .brand-symbol{color:#fff}
body.theme-studio-notes .cards article,body.theme-studio-notes .closing,body.theme-studio-notes .scenario{background-image:none}
body.theme-studio-notes .faq details{border:0}

/* v3-zine «Hacker zine» — grrrlcode.com / Grrrl Studio. Generated from zine.src.css by build.py (placeholders -> data URIs). */
body.theme-studio-notes{
  --bg:#f3f0e8!important;--ink:#111111!important;--accent:#ff3d8b!important;
  --pink:#ff3d8b;--paper:#f3f0e8;--sheet:#fffdf7;--lime:#c6ff3d;--cobalt:#2d4bff;--pale:#ffd6e7;--tan:#e5dfcf;
  --lang-radius:0px;--nav-radius:0px;--nav-accent:#111111;--lang-border:2px solid #111;
  --display:"Dela Gothic One",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--dw:400;
  --hh:84px;--bs:var(--pink);
  background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%2523n)' opacity='.04'/%3E%3C/svg%3E");
  font:400 17px/1.62 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#111;overflow-x:clip;
}
html:has(body.theme-studio-notes){overflow-x:clip}
html:is([lang=ar],[lang=th],[lang=ko],[lang=hi]) body.theme-studio-notes{--display:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--dw:800}
body.theme-studio-notes :is(h1,h2,h3,.brand,.hero-number,.cards h3,.number,.app-icon,.setup li::before){font-family:var(--display);font-weight:var(--dw);letter-spacing:-.01em}
body.theme-studio-notes :is(h1,h2,h3,summary,dt,th){hyphens:manual;overflow-wrap:break-word}
body.theme-studio-notes :is(a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible){outline:3px solid #111;outline-offset:3px;box-shadow:0 0 0 6px var(--lime)}
body.theme-studio-notes p{opacity:1}
body.theme-studio-notes main{position:relative}

/* ---------- header on the pink band ---------- */
body.theme-studio-notes .header{position:relative;z-index:5;height:var(--hh);min-height:0;border:0;color:#111;gap:18px;width:min(1280px,calc(100% - 80px))}
body.theme-studio-notes .brand{background:#111;color:#fff;padding:7px 15px 7px 8px;gap:9px;font-size:18px;transform:rotate(-1.5deg);box-shadow:4px 4px 0 var(--lime)}
body.theme-studio-notes .brand-symbol{width:36px;height:36px;border-radius:0;background:none;color:inherit;display:block}
body.theme-studio-notes .brand-symbol svg{display:block;width:100%;height:100%}
body.theme-studio-notes .main-nav{margin-inline:18px auto;gap:12px;font-size:14px;font-weight:800}
body.theme-studio-notes .main-nav a{opacity:1;background:var(--paper);color:#111;border:2px solid #111;padding:6px 13px;text-decoration:none;white-space:nowrap}
body.theme-studio-notes .main-nav a:hover{background:var(--lime)}
body.theme-studio-notes .main-nav a[aria-current]{background:var(--lime);box-shadow:3px 3px 0 #111;text-decoration:none}
body.theme-studio-notes .header .language{background:var(--paper);color:#111;box-shadow:3px 3px 0 #111;margin-inline-start:0}
@media(min-width:761px){
  body.theme-studio-notes .main-nav a:nth-child(odd){transform:rotate(-1.2deg)}
  body.theme-studio-notes .main-nav a:nth-child(even){transform:rotate(1deg)}
}
body.theme-studio-notes .header.nav-open::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:100vw;margin-left:-50vw;background:var(--pink)}
body.theme-studio-notes .footer-top .brand{box-shadow:none}

/* ---------- buttons ---------- */
body.theme-studio-notes .button{font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:800;letter-spacing:0;padding:14px 22px;border:3px solid #111;border-radius:0;gap:12px;line-height:1.3;box-shadow:4px 4px 0 #111;transition:transform .15s,box-shadow .15s}
body.theme-studio-notes .button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #111}
body.theme-studio-notes .button.primary{background:#111;color:#fff;box-shadow:5px 5px 0 var(--bs)}
body.theme-studio-notes .button.primary:hover{box-shadow:8px 8px 0 var(--bs)}
body.theme-studio-notes .button.secondary{background:var(--paper);color:#111}
body.theme-studio-notes .button.secondary:hover{background:var(--lime)}

/* ---------- the pink band: header + hero ---------- */
body.theme-studio-notes .hero{position:relative;padding:0;min-height:0}
body.theme-studio-notes .home-hero .hero-copy::before,
body.theme-studio-notes .inner-hero::before{content:"";position:absolute;z-index:-1;top:calc(-1 * var(--hh));bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;
  background:var(--art) right bottom/auto 100% no-repeat,var(--pink);clip-path:polygon(0 0,100% 0,100.00% 100%,97.92% calc(100% - 12px),95.83% 100%,93.75% calc(100% - 12px),91.67% 100%,89.58% calc(100% - 12px),87.50% 100%,85.42% calc(100% - 12px),83.33% 100%,81.25% calc(100% - 12px),79.17% 100%,77.08% calc(100% - 12px),75.00% 100%,72.92% calc(100% - 12px),70.83% 100%,68.75% calc(100% - 12px),66.67% 100%,64.58% calc(100% - 12px),62.50% 100%,60.42% calc(100% - 12px),58.33% 100%,56.25% calc(100% - 12px),54.17% 100%,52.08% calc(100% - 12px),50.00% 100%,47.92% calc(100% - 12px),45.83% 100%,43.75% calc(100% - 12px),41.67% 100%,39.58% calc(100% - 12px),37.50% 100%,35.42% calc(100% - 12px),33.33% 100%,31.25% calc(100% - 12px),29.17% 100%,27.08% calc(100% - 12px),25.00% 100%,22.92% calc(100% - 12px),20.83% 100%,18.75% calc(100% - 12px),16.67% 100%,14.58% calc(100% - 12px),12.50% 100%,10.42% calc(100% - 12px),8.33% 100%,6.25% calc(100% - 12px),4.17% 100%,2.08% calc(100% - 12px),0.00% 100%)}
body.theme-studio-notes .home-hero{display:block;max-width:none;margin:0;gap:0}
body.theme-studio-notes .home-hero .hero-copy{max-width:none;margin:0;position:relative;z-index:1;padding:clamp(24px,3.4vw,40px) calc(100% - 620px) 116px 0}
body.theme-studio-notes .home-hero .hero-copy::before{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 640'%3E%3Cdefs%3E%3Cpattern id='p1' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='1.1' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p2' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p3' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2.9' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p4' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='3.8' fill='%23111'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='60' height='250' fill='url(%23p4)'/%3E%3Crect x='60' y='0' width='60' height='250' fill='url(%23p3)'/%3E%3Crect x='120' y='0' width='60' height='250' fill='url(%23p2)'/%3E%3Crect x='180' y='0' width='60' height='250' fill='url(%23p1)'/%3E%3Crect x='690' y='500' width='52' height='140' fill='url(%23p1)'/%3E%3Crect x='742' y='500' width='52' height='140' fill='url(%23p2)'/%3E%3Crect x='794' y='500' width='52' height='140' fill='url(%23p3)'/%3E%3Crect x='846' y='500' width='52' height='140' fill='url(%23p4)'/%3E%3Cg transform='rotate(1.2 560 340)'%3E%3Cpolygon points='236,78 330,70 410,80 520,66 640,76 760,68 872,82 864,190 876,300 866,420 880,560 780,574 660,566 540,580 420,566 310,578 232,566 244,450 234,330 246,200' fill='%23111111' transform='translate(12 14)'/%3E%3Cpolygon points='236,78 330,70 410,80 520,66 640,76 760,68 872,82 864,190 876,300 866,420 880,560 780,574 660,566 540,580 420,566 310,578 232,566 244,450 234,330 246,200' fill='%23fffdf7' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M250  90V556M278  90V556M306  90V556M334  90V556M362  90V556M390  90V556M418  90V556M446  90V556M474  90V556M502  90V556M530  90V556M558  90V556M586  90V556M614  90V556M642  90V556M670  90V556M698  90V556M726  90V556M754  90V556M782  90V556M810  90V556M838  90V556M250 90H862M250 118H862M250 146H862M250 174H862M250 202H862M250 230H862M250 258H862M250 286H862M250 314H862M250 342H862M250 370H862M250 398H862M250 426H862M250 454H862M250 482H862M250 510H862M250 538H862' stroke='%23d9d3c0' stroke-width='1.2' fill='none'/%3E%3Crect x='272' y='112' width='560' height='420' rx='26' fill='none' stroke='%23111111' stroke-width='4' stroke-dasharray='16 11'/%3E%3Cpath d='M385 300C385 270 390 262 390 238' fill='none' stroke='%23111111' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M470 366C520 366 510 462 560 462' fill='none' stroke='%23111111' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M625 440C625 360 640 320 640 222' fill='none' stroke='%23111111' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M696 462C760 462 750 430 750 372' fill='none' stroke='%23111111' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M468 186L548 176' fill='none' stroke='%23111111' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='320' y='142' width='150' height='100' fill='%23111111'/%3E%3Crect x='312' y='134' width='150' height='100' fill='%232d4bff' stroke='%23111111' stroke-width='4'/%3E%3Crect x='312' y='134' width='150' height='24' fill='%23111111'/%3E%3Ccircle cx='325' cy='146' r='4.5' fill='%23c6ff3d'/%3E%3Ccircle cx='340' cy='146' r='4.5' fill='%23ff3d8b'/%3E%3Ccircle cx='355' cy='146' r='4.5' fill='%23fffdf7'/%3E%3Cpath d='M328 176l9 8-9 8' fill='none' stroke='%23c6ff3d' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='348' y='181' width='90' height='6' rx='3' fill='%23fffdf7'/%3E%3Crect x='328' y='202' width='70' height='6' rx='3' fill='%23fffdf7' fill-opacity='.7'/%3E%3Crect x='556' y='130' width='150' height='100' fill='%23111111'/%3E%3Crect x='548' y='122' width='150' height='100' fill='%232d4bff' stroke='%23111111' stroke-width='4'/%3E%3Crect x='548' y='122' width='150' height='24' fill='%23111111'/%3E%3Ccircle cx='561' cy='134' r='4.5' fill='%23c6ff3d'/%3E%3Ccircle cx='576' cy='134' r='4.5' fill='%23ff3d8b'/%3E%3Ccircle cx='591' cy='134' r='4.5' fill='%23fffdf7'/%3E%3Cpath d='M564 164l9 8-9 8' fill='none' stroke='%23c6ff3d' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='584' y='169' width='90' height='6' rx='3' fill='%23fffdf7'/%3E%3Crect x='564' y='190' width='70' height='6' rx='3' fill='%23fffdf7' fill-opacity='.7'/%3E%3Crect x='688' y='276' width='140' height='100' fill='%23111111'/%3E%3Crect x='680' y='268' width='140' height='100' fill='%232d4bff' stroke='%23111111' stroke-width='4'/%3E%3Crect x='680' y='268' width='140' height='24' fill='%23111111'/%3E%3Ccircle cx='693' cy='280' r='4.5' fill='%23c6ff3d'/%3E%3Ccircle cx='708' cy='280' r='4.5' fill='%23ff3d8b'/%3E%3Ccircle cx='723' cy='280' r='4.5' fill='%23fffdf7'/%3E%3Cpath d='M696 310l9 8-9 8' fill='none' stroke='%23c6ff3d' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='716' y='315' width='80' height='6' rx='3' fill='%23fffdf7'/%3E%3Crect x='696' y='336' width='60' height='6' rx='3' fill='%23fffdf7' fill-opacity='.7'/%3E%3Crect x='300' y='300' width='170' height='112' rx='9' fill='%23111111'/%3E%3Cpath d='M318 324l10 9-10 9' fill='none' stroke='%23c6ff3d' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='338' y='336' width='16' height='6' fill='%23ff3d8b'/%3E%3Crect x='318' y='356' width='108' height='6' rx='3' fill='%23c6ff3d'/%3E%3Crect x='318' y='370' width='74' height='6' rx='3' fill='%23fffdf7'/%3E%3Crect x='318' y='384' width='128' height='6' rx='3' fill='%23c6ff3d'/%3E%3Cpath d='M280 412h210l-8 24h-194z' fill='%23e5dfcf' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3Crect x='362' y='420' width='66' height='6' rx='3' fill='%23111111' fill-opacity='.35'/%3E%3Ccircle cx='298' cy='424' r='4' fill='%232d4bff'/%3E%3Cpath d='M576 440 L560 392M674 440L690 392' stroke='%23111111' stroke-width='7' stroke-linecap='round'/%3E%3Ccircle cx='560' cy='390' r='7' fill='%232d4bff' stroke='%23111111' stroke-width='3'/%3E%3Ccircle cx='690' cy='390' r='7' fill='%232d4bff' stroke='%23111111' stroke-width='3'/%3E%3Crect x='554' y='440' width='142' height='46' rx='8' fill='%23111111'/%3E%3Ccircle cx='582' cy='463' r='5.5' fill='%23c6ff3d'/%3E%3Ccircle cx='602' cy='463' r='5.5' fill='%23c6ff3d'/%3E%3Ccircle cx='622' cy='463' r='5.5' fill='%23ff3d8b'/%3E%3Crect x='644' y='458' width='38' height='10' rx='3' fill='%23fffdf7' fill-opacity='.85'/%3E%3Cpath d='M789 244Q808 254 817 260Q825 266 832 273Q839 280 843 288Q847 297 849 305Q850 314 850 323Q850 331 849 340Q848 349 845 359Q842 368 835 376Q828 384 817 389Q806 394 793 395Q781 397 769 397Q758 397 747 397Q735 397 724 396Q712 395 701 392Q690 389 680 383Q671 377 663 369Q656 362 650 354Q645 345 641 336Q638 327 638 317Q639 307 644 299Q649 290 657 283Q665 276 673 270Q681 264 690 257Q698 251 707 245Q717 239 729 235Q741 231 754 232Q767 232 779 236Q791 240 801 245Q811 250 820 257' fill='none' stroke='%23ff3d8b' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M846 150C856 190 840 214 806 232M806 232l4-24M806 232l24-8' fill='none' stroke='%23ff3d8b' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='206' y='88' width='110' height='30' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(-35 261.0 103.0)'/%3E%3Crect x='820' y='92' width='100' height='28' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(35 870.0 106.0)'/%3E%3Cg transform='rotate(-10 270 548)'%3E%3Ccircle cx='270' cy='548' r='50' fill='%23c6ff3d' stroke='%23111111' stroke-width='5'/%3E%3Ccircle cx='270' cy='548' r='41' fill='none' stroke='%23111111' stroke-width='2' stroke-dasharray='3 5'/%3E%3Cpath d='M258 546v-11a12 12 0 0 1 24 0v11' fill='none' stroke='%23111111' stroke-width='6'/%3E%3Crect x='250' y='544' width='40' height='30' rx='5' fill='%23111111'/%3E%3Ccircle cx='270' cy='556' r='4' fill='%23c6ff3d'/%3E%3Crect x='268' y='556' width='4' height='10' fill='%23c6ff3d'/%3E%3C/g%3E%3Cg transform='rotate(8 856 562)'%3E%3Cpolygon points='904,562 893,570 899,583 886,586 886,600 872,596 867,609 856,600 845,609 840,596 826,600 826,586 813,583 819,570 808,562 819,554 813,541 826,538 826,524 840,528 845,515 856,524 867,515 872,528 886,524 886,538 899,541 893,554' fill='%232d4bff' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M834 562l15 15 27-32' fill='none' stroke='%23c6ff3d' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(272 318)'%3E%3Ccircle r='19' fill='%23ff3d8b' stroke='%23111111' stroke-width='4'/%3E%3Cpath d='M-6 0v-5a6 6 0 0 1 12 0v5' fill='none' stroke='%23111111' stroke-width='3.5'/%3E%3Crect x='-9' y='-1' width='18' height='13' rx='2' fill='%23111111'/%3E%3C/g%3E%3Cpath d='M40 440q20-24 40 0t40 0 40 0' fill='none' stroke='%23111111' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right bottom}
body.theme-studio-notes .eyebrow{display:flex;width:fit-content;max-width:100%;align-items:center;gap:8px;background:var(--lime);color:#111;border:2.5px solid #111;padding:5px 13px;font-size:14px;font-weight:800;letter-spacing:0;text-transform:none;line-height:1.3;margin:0 0 26px;transform:rotate(-1.4deg);box-shadow:3px 3px 0 #111}
body.theme-studio-notes .eyebrow i{width:9px;height:9px;border-radius:0;background:var(--pink);border:2px solid #111;flex:none}
body.theme-studio-notes .hero h1{display:inline;font-size:clamp(25px,3.55vw,50px);line-height:1.56;color:#fff;background:#111;padding:.06em .28em;-webkit-box-decoration-break:clone;box-decoration-break:clone;max-width:none;margin:0;text-wrap:auto}
body.theme-studio-notes .hero-lead{display:block;background:var(--sheet);color:#111;border:3px solid #111;box-shadow:5px 5px 0 #111;padding:16px 20px;margin:30px 0 0;font-size:17px;font-weight:500;line-height:1.6;max-width:none;transform:rotate(.7deg)}
body.theme-studio-notes .hero .actions{margin-top:32px;gap:16px;--bs:var(--lime)}
body.theme-studio-notes .hero .button.primary{box-shadow:5px 5px 0 var(--lime)}
body.theme-studio-notes .hero .button.primary:hover{box-shadow:8px 8px 0 var(--lime)}

/* run printout (agent-run) */
body.theme-studio-notes .agent-run{background:#111;color:var(--paper);border:3px solid #111;border-radius:0;box-shadow:8px 8px 0 var(--lime);position:relative;z-index:2;min-width:0}
body.theme-studio-notes .agent-run-bar{border-bottom:2px solid #444;padding:11px 16px;font-size:13px;color:var(--paper);background:#111}
body.theme-studio-notes .agent-run-bar span:first-child{opacity:1;color:var(--paper)}
body.theme-studio-notes .agent-run-mode{color:var(--lime)}
body.theme-studio-notes .agent-run-body{padding:18px}
body.theme-studio-notes .agent-run-prompt span{background:var(--paper);color:#111;border-radius:0;font-size:14px;font-weight:600;border:2px solid #111;box-shadow:3px 3px 0 var(--pink)}
body.theme-studio-notes .agent-run-steps li{background:#1c1c1c;border:2px dashed #666;border-radius:0}
body.theme-studio-notes .ar-tool{color:var(--lime)}
body.theme-studio-notes .agent-run-steps code{color:var(--paper)}
body.theme-studio-notes .ar-res{color:#d6d1c2;opacity:1}
body.theme-studio-notes .ar-ok{color:var(--lime)}
body.theme-studio-notes .agent-run-foot>span:first-child{opacity:1;color:var(--paper)}
body.theme-studio-notes .ar-btn{border:2px solid var(--paper);border-radius:0;color:var(--paper);font-weight:700}
body.theme-studio-notes .ar-btn-primary{background:var(--pink);border-color:var(--pink);color:#111}
body.theme-studio-notes .home-hero .agent-run{margin-top:-80px}
@media(min-width:1051px){
  body.theme-studio-notes .home-hero .agent-run-steps{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:26px}
  body.theme-studio-notes .home-hero .agent-run-steps li{grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 14px;position:relative;align-content:start}
  body.theme-studio-notes .home-hero .agent-run-steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-end:-26px;top:50%;width:26px;border-top:3px dotted var(--lime)}
  body.theme-studio-notes .home-hero .agent-run-steps code{white-space:normal;overflow-wrap:anywhere}
  body.theme-studio-notes .home-hero .ar-res{white-space:normal}
}

/* ---------- facts: stickers ---------- */
body.theme-studio-notes .cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding:44px 0 22px;border:0}
body.theme-studio-notes .cards article{border:3px solid #111;border-radius:0;background:var(--lime);padding:16px 16px 14px;box-shadow:5px 5px 0 #111;position:relative;min-width:0}
body.theme-studio-notes .cards article:nth-child(1){transform:rotate(-1.5deg)}
body.theme-studio-notes .cards article:nth-child(2){background:var(--sheet);border-radius:26px;transform:rotate(1.2deg);margin-top:10px}
body.theme-studio-notes .cards article:nth-child(3){background:var(--pink);transform:rotate(-.8deg)}
body.theme-studio-notes .cards article:nth-child(4){background:var(--cobalt);color:#fff;border-radius:26px;transform:rotate(1.4deg);margin-top:8px}
body.theme-studio-notes .cards article:nth-child(5){background:var(--sheet);border-style:dashed;transform:rotate(-1.2deg)}
body.theme-studio-notes .cards article:nth-child(6){background:var(--lime);transform:rotate(.9deg);margin-top:10px}
body.theme-studio-notes .cards article:nth-child(3)::after,body.theme-studio-notes .cards article:nth-child(6)::after{content:"";position:absolute;inset-inline-end:6px;top:6px;width:44px;height:44px;background:radial-gradient(circle,#111 1.6px,transparent 2.2px) 0 0/8px 8px;opacity:.55;-webkit-mask:linear-gradient(225deg,#000,transparent 80%);mask:linear-gradient(225deg,#000,transparent 80%)}
body.theme-studio-notes .number{font:800 13px/1.3 Inter,system-ui,sans-serif;opacity:1;margin:0 0 8px;letter-spacing:0;display:block;position:static}
body.theme-studio-notes .cards h3{font-size:clamp(17px,1.7vw,23px);line-height:1.15;margin:0 0 6px}
body.theme-studio-notes .cards p{font-size:14px;font-weight:600;line-height:1.4;opacity:1;margin:0;overflow-wrap:anywhere}

/* ---------- scenario: cobalt band + paper card ---------- */
body.theme-studio-notes .scenario{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(24px,4vw,56px);row-gap:16px;align-items:start;background:var(--sheet);border:3px solid #111;border-radius:0;box-shadow:8px 8px 0 #111;padding:clamp(24px,3.4vw,40px);margin:66px 0 56px}
body.theme-studio-notes .scenario::before{content:"";position:absolute;z-index:-1;top:-44px;bottom:-44px;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;
  background:linear-gradient(90deg,var(--cobalt) 8%,rgba(45,75,255,0) 62%),radial-gradient(circle,rgba(198,255,61,.85) 2.6px,transparent 3.2px) 0 0/14px 14px,var(--cobalt);clip-path:polygon(0.00% 0,1.67% 10px,3.33% 0,5.00% 10px,6.67% 0,8.33% 10px,10.00% 0,11.67% 10px,13.33% 0,15.00% 10px,16.67% 0,18.33% 10px,20.00% 0,21.67% 10px,23.33% 0,25.00% 10px,26.67% 0,28.33% 10px,30.00% 0,31.67% 10px,33.33% 0,35.00% 10px,36.67% 0,38.33% 10px,40.00% 0,41.67% 10px,43.33% 0,45.00% 10px,46.67% 0,48.33% 10px,50.00% 0,51.67% 10px,53.33% 0,55.00% 10px,56.67% 0,58.33% 10px,60.00% 0,61.67% 10px,63.33% 0,65.00% 10px,66.67% 0,68.33% 10px,70.00% 0,71.67% 10px,73.33% 0,75.00% 10px,76.67% 0,78.33% 10px,80.00% 0,81.67% 10px,83.33% 0,85.00% 10px,86.67% 0,88.33% 10px,90.00% 0,91.67% 10px,93.33% 0,95.00% 10px,96.67% 0,98.33% 10px,100.00% 0,100.00% 100%,98.33% calc(100% - 10px),96.67% 100%,95.00% calc(100% - 10px),93.33% 100%,91.67% calc(100% - 10px),90.00% 100%,88.33% calc(100% - 10px),86.67% 100%,85.00% calc(100% - 10px),83.33% 100%,81.67% calc(100% - 10px),80.00% 100%,78.33% calc(100% - 10px),76.67% 100%,75.00% calc(100% - 10px),73.33% 100%,71.67% calc(100% - 10px),70.00% 100%,68.33% calc(100% - 10px),66.67% 100%,65.00% calc(100% - 10px),63.33% 100%,61.67% calc(100% - 10px),60.00% 100%,58.33% calc(100% - 10px),56.67% 100%,55.00% calc(100% - 10px),53.33% 100%,51.67% calc(100% - 10px),50.00% 100%,48.33% calc(100% - 10px),46.67% 100%,45.00% calc(100% - 10px),43.33% 100%,41.67% calc(100% - 10px),40.00% 100%,38.33% calc(100% - 10px),36.67% 100%,35.00% calc(100% - 10px),33.33% 100%,31.67% calc(100% - 10px),30.00% 100%,28.33% calc(100% - 10px),26.67% 100%,25.00% calc(100% - 10px),23.33% 100%,21.67% calc(100% - 10px),20.00% 100%,18.33% calc(100% - 10px),16.67% 100%,15.00% calc(100% - 10px),13.33% 100%,11.67% calc(100% - 10px),10.00% 100%,8.33% calc(100% - 10px),6.67% 100%,5.00% calc(100% - 10px),3.33% 100%,1.67% calc(100% - 10px),0.00% 100%)}
body.theme-studio-notes .scenario::after{content:"";position:absolute;inset-inline-end:-26px;top:-34px;width:96px;height:96px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpolygon points='92,48 82,57 86,70 73,73 70,86 57,82 48,92 39,82 26,86 23,73 10,70 14,57 4,48 14,39 10,26 23,23 26,10 39,14 48,4 57,14 70,10 73,23 86,26 82,39' fill='%23c6ff3d' stroke='%23111' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M48 26v44M29 37l38 22M29 59l38-22' stroke='%23111' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(10deg)}
body.theme-studio-notes .scenario .eyebrow{grid-column:1/-1;justify-self:start;margin:0 0 4px;background:#111;color:#fff;box-shadow:3px 3px 0 var(--pink)}
body.theme-studio-notes .scenario .eyebrow i{background:var(--lime)}
body.theme-studio-notes .scenario h2{margin:0;max-width:none;font-size:clamp(26px,3.3vw,42px);line-height:1.14}
body.theme-studio-notes .scenario p{margin:0;max-width:none;font-size:17px;line-height:1.62}

/* ---------- headings as cut-out plaques ---------- */
body.theme-studio-notes h2{font-size:clamp(25px,2.9vw,38px);line-height:1.16;text-wrap:auto;letter-spacing:-.01em}
body.theme-studio-notes :is(.reading>h2,.feature-matrix>h2,.split-section h2,.sticky-example>h2,.faq>h2){display:block;width:fit-content;max-width:100%;background:var(--lime);color:#111;border:3px solid #111;box-shadow:5px 5px 0 #111;padding:.2em .5em .24em;margin:0 0 28px;transform:rotate(-1deg)}
body.theme-studio-notes .reading>h2:nth-of-type(3n+2){background:var(--pale);transform:rotate(.8deg)}
body.theme-studio-notes .reading>h2:nth-of-type(3n+3){background:var(--sheet);transform:rotate(-.5deg)}
body.theme-studio-notes .reading>h2:not(:first-child){margin-top:46px}
body.theme-studio-notes .download-card h2{background:none;border:0;box-shadow:none;padding:0;margin:0 0 8px;transform:none;display:block;width:auto}
body.theme-studio-notes .closing h2{display:block;width:auto;background:none;border:0;box-shadow:none;padding:0;transform:none}

/* ---------- walkthroughs: pinned lab notes ---------- */
body.theme-studio-notes .reading{max-width:none;padding-bottom:34px}
body.theme-studio-notes .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 34px;padding:6px 0 0}
body.theme-studio-notes .steps article{position:relative;border:3px solid #111;border-radius:0;background:var(--sheet) repeating-linear-gradient(transparent 0 31px,rgba(45,75,255,.16) 31px 32px);box-shadow:6px 6px 0 #111;padding:32px 24px 22px;min-width:0}
body.theme-studio-notes .steps article:nth-child(1){transform:rotate(-1deg)}
body.theme-studio-notes .steps article:nth-child(2){transform:rotate(.8deg);margin-top:18px}
body.theme-studio-notes .steps article:nth-child(3){transform:rotate(.6deg)}
body.theme-studio-notes .steps article:nth-child(4){transform:rotate(-.7deg);margin-top:18px}
body.theme-studio-notes .steps article::before{content:"";position:absolute;top:-13px;inset-inline-start:50%;width:22px;height:22px;border-radius:50%;background:var(--pink);border:3px solid #111;box-shadow:2px 3px 0 #111}
body.theme-studio-notes .steps .number{position:static;display:inline-block;background:var(--lime);border:2.5px solid #111;padding:2px 11px 3px;font:400 18px/1.3 var(--display);font-weight:var(--dw);margin:0 0 12px;transform:rotate(-2deg)}
body.theme-studio-notes .steps article:nth-child(even) .number{background:var(--pale)}
body.theme-studio-notes .steps h3{font-size:clamp(18px,1.8vw,23px);line-height:1.22;margin:0 0 10px}
body.theme-studio-notes .steps p{font-size:15.5px;line-height:1.56;opacity:1;margin:0}
body.theme-studio-notes .code-example{background:#111;color:var(--paper);border:2px solid #111;border-radius:0;box-shadow:4px 4px 0 var(--pink)}
body.theme-studio-notes .code-example>div{background:#111;color:var(--lime);font-weight:700;border-bottom:2px solid #444;font-size:12px}
body.theme-studio-notes .code-example button{background:var(--lime);color:#111;border:0;border-radius:0;font-weight:800;font-size:11px;padding:5px 10px}
body.theme-studio-notes .code-example pre{color:var(--paper);font-size:12.5px;line-height:1.8}
body.theme-studio-notes .reading>p:has(>.button){text-align:center;margin:40px 0 0}

/* ---------- comparison: typed sheet ---------- */
body.theme-studio-notes .feature-matrix{position:relative;padding:22px 0 28px}
body.theme-studio-notes .feature-matrix>p{max-width:760px;font-size:17px;margin:0 0 26px;opacity:1}
body.theme-studio-notes .feature-matrix table{border-collapse:separate;border-spacing:0;background:var(--sheet) repeating-linear-gradient(transparent 0 35px,rgba(17,17,17,.1) 35px 36px);border:3px solid #111;box-shadow:8px 8px 0 #111;transform:rotate(.4deg);font-family:"Courier New",ui-monospace,Menlo,monospace}
body.theme-studio-notes .feature-matrix::before{content:"";position:absolute;inset-inline-start:-26px;bottom:60px;width:20px;height:190px;background:radial-gradient(circle,#111 7px,transparent 8px) 0 0/20px 64px repeat-y}
body.theme-studio-notes .feature-matrix thead th{background:#111;color:#fff;font-family:var(--display);font-weight:var(--dw);font-size:clamp(14px,1.5vw,19px);padding:16px 22px;border:0}
body.theme-studio-notes .feature-matrix thead th:last-child{background:var(--pink);color:#111}
body.theme-studio-notes .feature-matrix th,body.theme-studio-notes .feature-matrix td{padding:18px 22px;border-bottom:2px dashed #111;font-size:16px;line-height:1.45;width:auto}
body.theme-studio-notes .feature-matrix tbody th{width:22%;font-weight:700}
body.theme-studio-notes .feature-matrix td{font-weight:500}
body.theme-studio-notes .feature-matrix td:last-child{background:rgba(198,255,61,.55);font-weight:700}
body.theme-studio-notes .feature-matrix tbody tr:last-child>*{border-bottom:0}

/* ---------- how to start: torn strips ---------- */
body.theme-studio-notes .split-section{display:block;border:0;padding:34px 0 26px}
body.theme-studio-notes .setup{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:22px}
body.theme-studio-notes .setup li{counter-increment:s;position:relative;background:var(--sheet);border:3px solid #111;box-shadow:5px 5px 0 #111;padding:30px 20px 18px;font-size:16px;line-height:1.55;font-weight:500;min-width:0;overflow-wrap:anywhere}
body.theme-studio-notes .setup li::before{content:counter(s,upper-alpha);position:absolute;top:-16px;inset-inline-start:14px;width:38px;height:38px;display:grid;place-items:center;background:var(--lime);border:3px solid #111;border-radius:50%;font-size:17px;line-height:1;box-shadow:2px 3px 0 #111}
body.theme-studio-notes .setup li:nth-child(even)::before{background:var(--pink)}
body.theme-studio-notes .setup li:nth-child(1){transform:rotate(-.8deg)}
body.theme-studio-notes .setup li:nth-child(2){transform:rotate(.7deg)}
body.theme-studio-notes .setup li:nth-child(3){transform:rotate(-.5deg)}
body.theme-studio-notes .setup li:nth-child(4){transform:rotate(.9deg)}
@media(min-width:900px){
  body.page-0.theme-studio-notes .setup{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px}
  body.page-0.theme-studio-notes .setup li:not(:last-child)::after{content:"";position:absolute;inset-inline-end:-40px;top:46%;width:36px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 22'%3E%3Cpath d='M2 14C10 4 20 20 31 10M31 10l-9-2M31 10l-3 9' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
  [dir=rtl] body.page-0.theme-studio-notes .setup li:not(:last-child)::after{transform:scaleX(-1)}
}

/* ---------- who uses: scraps (home) ---------- */
body.page-0.theme-studio-notes .reading:has(>p:nth-of-type(3)){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 34px;padding:20px 0 40px;align-items:start}
body.page-0.theme-studio-notes .reading:has(>p:nth-of-type(3))>h2{grid-column:1/-1;margin-bottom:6px}
body.page-0.theme-studio-notes .reading:has(>p:nth-of-type(3))>p{position:relative;margin:0;padding:24px 22px 20px;border:3px solid #111;box-shadow:5px 5px 0 #111;font-size:16px;line-height:1.58;font-weight:500;background:var(--sheet)}
body.page-0.theme-studio-notes .reading:has(>p:nth-of-type(3))>p::before{content:"";position:absolute;top:-15px;inset-inline-start:34%;width:84px;height:26px;background:rgba(198,255,61,.92);border:1.5px solid rgba(17,17,17,.35);transform:rotate(-3deg)}
body.page-0.theme-studio-notes .reading:has(>p:nth-of-type(3))>p:nth-of-type(1){background:var(--lime);transform:rotate(-1.2deg)}
body.page-0.theme-studio-notes .reading:has(>p:nth-of-type(3))>p:nth-of-type(2){transform:rotate(.8deg);margin-top:22px}
body.page-0.theme-studio-notes .reading:has(>p:nth-of-type(3))>p:nth-of-type(3){background:var(--pale);transform:rotate(-.6deg);margin-top:8px}

/* ---------- FAQ: stack of torn notes ---------- */
body.theme-studio-notes .faq{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;align-items:start;margin:0 0 34px;padding-top:8px}
body.theme-studio-notes .faq>h2{margin:0;align-self:start}
body.page-5.theme-studio-notes .faq>h2{grid-column:1/-1}
body.page-5.theme-studio-notes .faq:nth-of-type(2)>h2{background:var(--pale)}
body.page-5.theme-studio-notes .faq:nth-of-type(3)>h2{background:var(--cobalt);color:#fff}
body.page-5.theme-studio-notes .faq details:last-of-type:nth-of-type(odd){grid-column:1/-1}
body.theme-studio-notes .faq details{--nc:var(--sheet);position:relative;background:var(--nc);border:0;padding:0;margin-bottom:12px;filter:drop-shadow(4px 4px 0 #111);min-width:0}
body.theme-studio-notes .faq details::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:9px;background:var(--nc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M0 0h20L10 12z'/%3E%3C/svg%3E") 0 0/24px 9px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M0 0h20L10 12z'/%3E%3C/svg%3E") 0 0/24px 9px repeat-x}
body.theme-studio-notes .faq details:nth-of-type(odd){transform:rotate(-.5deg)}
body.theme-studio-notes .faq details:nth-of-type(even){transform:rotate(.45deg)}
body.theme-studio-notes .faq details[open]{--nc:var(--lime)}
body.theme-studio-notes .faq summary{list-style:none;display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:16px 20px;font:800 17.5px/1.38 Inter,system-ui,sans-serif;cursor:pointer}
body.theme-studio-notes .faq summary::-webkit-details-marker{display:none}
body.theme-studio-notes .faq summary::after{content:"+";flex:none;width:30px;height:30px;display:grid;place-items:center;background:#111;color:var(--lime);font:800 22px/1 Inter,sans-serif}
body.theme-studio-notes .faq details[open] summary::after{content:"\2212";background:var(--pink);color:#111}
body.theme-studio-notes .faq details p{margin:0;padding:0 22px 22px;font-size:16.5px;line-height:1.65;max-width:none;opacity:1}

/* ---------- closing: cut-out coupon on a lime band ---------- */
body.theme-studio-notes .closing{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center;text-align:start;background:var(--sheet);border:3px dashed #111;border-radius:0;padding:clamp(26px,3.6vw,44px);margin:84px 0 44px;--bs:var(--pink)}
body.theme-studio-notes .closing::before{content:"";position:absolute;z-index:-1;top:-48px;bottom:-48px;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;background:radial-gradient(circle,rgba(17,17,17,.55) 2.4px,transparent 3px) 0 0/14px 14px,var(--lime);
  clip-path:polygon(0.00% 0,1.67% 10px,3.33% 0,5.00% 10px,6.67% 0,8.33% 10px,10.00% 0,11.67% 10px,13.33% 0,15.00% 10px,16.67% 0,18.33% 10px,20.00% 0,21.67% 10px,23.33% 0,25.00% 10px,26.67% 0,28.33% 10px,30.00% 0,31.67% 10px,33.33% 0,35.00% 10px,36.67% 0,38.33% 10px,40.00% 0,41.67% 10px,43.33% 0,45.00% 10px,46.67% 0,48.33% 10px,50.00% 0,51.67% 10px,53.33% 0,55.00% 10px,56.67% 0,58.33% 10px,60.00% 0,61.67% 10px,63.33% 0,65.00% 10px,66.67% 0,68.33% 10px,70.00% 0,71.67% 10px,73.33% 0,75.00% 10px,76.67% 0,78.33% 10px,80.00% 0,81.67% 10px,83.33% 0,85.00% 10px,86.67% 0,88.33% 10px,90.00% 0,91.67% 10px,93.33% 0,95.00% 10px,96.67% 0,98.33% 10px,100.00% 0,100.00% 100%,98.33% calc(100% - 10px),96.67% 100%,95.00% calc(100% - 10px),93.33% 100%,91.67% calc(100% - 10px),90.00% 100%,88.33% calc(100% - 10px),86.67% 100%,85.00% calc(100% - 10px),83.33% 100%,81.67% calc(100% - 10px),80.00% 100%,78.33% calc(100% - 10px),76.67% 100%,75.00% calc(100% - 10px),73.33% 100%,71.67% calc(100% - 10px),70.00% 100%,68.33% calc(100% - 10px),66.67% 100%,65.00% calc(100% - 10px),63.33% 100%,61.67% calc(100% - 10px),60.00% 100%,58.33% calc(100% - 10px),56.67% 100%,55.00% calc(100% - 10px),53.33% 100%,51.67% calc(100% - 10px),50.00% 100%,48.33% calc(100% - 10px),46.67% 100%,45.00% calc(100% - 10px),43.33% 100%,41.67% calc(100% - 10px),40.00% 100%,38.33% calc(100% - 10px),36.67% 100%,35.00% calc(100% - 10px),33.33% 100%,31.67% calc(100% - 10px),30.00% 100%,28.33% calc(100% - 10px),26.67% 100%,25.00% calc(100% - 10px),23.33% 100%,21.67% calc(100% - 10px),20.00% 100%,18.33% calc(100% - 10px),16.67% 100%,15.00% calc(100% - 10px),13.33% 100%,11.67% calc(100% - 10px),10.00% 100%,8.33% calc(100% - 10px),6.67% 100%,5.00% calc(100% - 10px),3.33% 100%,1.67% calc(100% - 10px),0.00% 100%)}
body.theme-studio-notes .closing::after{content:"";position:absolute;inset-inline-end:-30px;top:-44px;width:92px;height:92px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpolygon points='92,48 82,57 86,70 73,73 70,86 57,82 48,92 39,82 26,86 23,73 10,70 14,57 4,48 14,39 10,26 23,23 26,10 39,14 48,4 57,14 70,10 73,23 86,26 82,39' fill='%23ff3d8b' stroke='%23111' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M28 49l14 14 26-30' fill='none' stroke='%23111' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-8deg)}
body.theme-studio-notes .closing>span{grid-column:1;justify-self:start;background:#111;color:#fff;padding:4px 12px;font-size:14px;font-weight:800;letter-spacing:0;text-transform:none;transform:rotate(-1deg)}
body.theme-studio-notes .closing>span::before{content:"";display:inline-block;width:20px;height:14px;margin-inline-end:8px;vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Ccircle cx='4' cy='3' r='2.6' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3Ccircle cx='4' cy='11' r='2.6' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3Cpath d='M6 4l13 8M6 10L19 2' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
body.theme-studio-notes .closing h2{grid-column:1;margin:18px 0 12px;max-width:none;font-size:clamp(28px,3.8vw,50px);line-height:1.1}
body.theme-studio-notes .closing p{grid-column:1;margin:0;font-size:18px;max-width:640px}
body.theme-studio-notes .closing>a.button{grid-column:2;grid-row:1/-1;align-self:center;padding:18px 28px;font-size:18px;text-align:center}

/* ---------- links: ransom tags ---------- */
body.theme-studio-notes .reading>p:has(>.text-link){margin:0;display:flex;flex-wrap:wrap;gap:16px 18px}
body.theme-studio-notes .reading .text-link{display:inline-block;margin:0;padding:9px 15px;background:var(--sheet);color:#111;border:2.5px solid #111;box-shadow:3px 3px 0 #111;font-size:15px;font-weight:800;text-decoration:none;line-height:1.35}
body.theme-studio-notes .reading .text-link:nth-child(4n+1){background:var(--lime);transform:rotate(-1deg)}
body.theme-studio-notes .reading .text-link:nth-child(4n+2){transform:rotate(.9deg)}
body.theme-studio-notes .reading .text-link:nth-child(4n+3){background:var(--pale);transform:rotate(-.6deg)}
body.theme-studio-notes .reading .text-link:nth-child(4n+4){background:var(--cobalt);color:#fff;transform:rotate(1deg)}
body.theme-studio-notes .reading .text-link:hover{background:#111;color:#fff}

/* ---------- footer ---------- */
body.theme-studio-notes footer{position:relative;margin-top:40px;padding-top:50px;padding-bottom:34px;border:0;color:var(--paper)}
body.theme-studio-notes footer::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:linear-gradient(var(--pink),var(--pink)) top/100% 8px no-repeat,#111;clip-path:polygon(0.00% 0,1.67% 12px,3.33% 0,5.00% 12px,6.67% 0,8.33% 12px,10.00% 0,11.67% 12px,13.33% 0,15.00% 12px,16.67% 0,18.33% 12px,20.00% 0,21.67% 12px,23.33% 0,25.00% 12px,26.67% 0,28.33% 12px,30.00% 0,31.67% 12px,33.33% 0,35.00% 12px,36.67% 0,38.33% 12px,40.00% 0,41.67% 12px,43.33% 0,45.00% 12px,46.67% 0,48.33% 12px,50.00% 0,51.67% 12px,53.33% 0,55.00% 12px,56.67% 0,58.33% 12px,60.00% 0,61.67% 12px,63.33% 0,65.00% 12px,66.67% 0,68.33% 12px,70.00% 0,71.67% 12px,73.33% 0,75.00% 12px,76.67% 0,78.33% 12px,80.00% 0,81.67% 12px,83.33% 0,85.00% 12px,86.67% 0,88.33% 12px,90.00% 0,91.67% 12px,93.33% 0,95.00% 12px,96.67% 0,98.33% 12px,100.00% 0,100% 100%,0 100%)}
body.theme-studio-notes footer .brand{background:none;color:var(--paper);transform:none;padding:0}
body.theme-studio-notes footer .footer-top p,body.theme-studio-notes footer .footer-bottom{color:var(--paper);opacity:1}
body.theme-studio-notes footer nav a{color:var(--lime);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:5px}
body.theme-studio-notes footer nav a:hover{color:#fff}
body.theme-studio-notes footer nav{gap:14px 24px}

/* ---------- inner pages ---------- */
body.theme-studio-notes .inner-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:0;padding:clamp(24px,3.4vw,44px) 0 clamp(58px,6vw,84px);position:relative}
body.theme-studio-notes .inner-hero::before{background:var(--art) right 200px bottom/auto min(100%,330px) no-repeat,var(--pink)}
body.theme-studio-notes .inner-hero .hero-copy{max-width:min(600px,100%);position:relative;z-index:1}
body.theme-studio-notes .inner-hero h1{font-size:clamp(23px,2.7vw,38px);line-height:1.58}
body.theme-studio-notes .hero-number{font-size:clamp(80px,9.5vw,136px);line-height:.8;color:var(--lime);-webkit-text-stroke:3px #111;text-shadow:6px 6px 0 #111;opacity:1;transform:rotate(4deg);position:relative;z-index:1;margin-bottom:-6px;direction:ltr;letter-spacing:0}
body.page-1.theme-studio-notes{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 300'%3E%3Cdefs%3E%3Cpattern id='p1' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='1.1' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p2' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p3' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2.9' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p4' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='3.8' fill='%23111'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='40' height='300' fill='url(%23p3)' opacity='.0'/%3E%3Cg transform='rotate(-1.4 280 150)'%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23111111' transform='translate(12 14)'/%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23fffdf7' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M46  40V264M74  40V264M102  40V264M130  40V264M158  40V264M186  40V264M214  40V264M242  40V264M270  40V264M298  40V264M326  40V264M354  40V264M382  40V264M410  40V264M438  40V264M466  40V264M494  40V264M46 40H516M46 68H516M46 96H516M46 124H516M46 152H516M46 180H516M46 208H516M46 236H516' stroke='%23d9d3c0' stroke-width='1.2' fill='none'/%3E%3Cpath d='M206 172C230 172 230 206 244 206' fill='none' stroke='%23111111' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M336 206C400 206 445 190 445 140' fill='none' stroke='%23111111' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg transform='translate(70 108) scale(.8)'%3E%3Crect x='0' y='0' width='170' height='112' rx='9' fill='%23111111'/%3E%3Cpath d='M18 24l10 9-10 9' fill='none' stroke='%23c6ff3d' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='38' y='36' width='16' height='6' fill='%23ff3d8b'/%3E%3Crect x='18' y='56' width='108' height='6' rx='3' fill='%23c6ff3d'/%3E%3Crect x='18' y='70' width='74' height='6' rx='3' fill='%23fffdf7'/%3E%3Crect x='18' y='84' width='128' height='6' rx='3' fill='%23c6ff3d'/%3E%3Cpath d='M-20 112h210l-8 24h-194z' fill='%23e5dfcf' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3Crect x='62' y='120' width='66' height='6' rx='3' fill='%23111111' fill-opacity='.35'/%3E%3Ccircle cx='-2' cy='124' r='4' fill='%232d4bff'/%3E%3C/g%3E%3Cg transform='translate(250 186) scale(.6)'%3E%3Cpath d='M16 0 L0 -48M114 0L130 -48' stroke='%23111111' stroke-width='7' stroke-linecap='round'/%3E%3Ccircle cx='0' cy='-50' r='7' fill='%232d4bff' stroke='%23111111' stroke-width='3'/%3E%3Ccircle cx='130' cy='-50' r='7' fill='%232d4bff' stroke='%23111111' stroke-width='3'/%3E%3Crect x='-6' y='0' width='142' height='46' rx='8' fill='%23111111'/%3E%3Ccircle cx='22' cy='23' r='5.5' fill='%23c6ff3d'/%3E%3Ccircle cx='42' cy='23' r='5.5' fill='%23c6ff3d'/%3E%3Ccircle cx='62' cy='23' r='5.5' fill='%23ff3d8b'/%3E%3Crect x='84' y='18' width='38' height='10' rx='3' fill='%23fffdf7' fill-opacity='.85'/%3E%3C/g%3E%3Crect x='388' y='60' width='130' height='84' fill='%23111111'/%3E%3Crect x='380' y='52' width='130' height='84' fill='%232d4bff' stroke='%23111111' stroke-width='4'/%3E%3Crect x='380' y='52' width='130' height='24' fill='%23111111'/%3E%3Ccircle cx='393' cy='64' r='4.5' fill='%23c6ff3d'/%3E%3Ccircle cx='408' cy='64' r='4.5' fill='%23ff3d8b'/%3E%3Ccircle cx='423' cy='64' r='4.5' fill='%23fffdf7'/%3E%3Cpath d='M396 94l9 8-9 8' fill='none' stroke='%23c6ff3d' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='416' y='99' width='70' height='6' rx='3' fill='%23fffdf7'/%3E%3Crect x='396' y='120' width='50' height='6' rx='3' fill='%23fffdf7' fill-opacity='.7'/%3E%3Cpath d='M478 42Q495 50 501 54Q508 59 515 63Q522 68 528 73Q535 78 540 85Q544 91 544 98Q544 105 539 112Q534 118 527 123Q520 128 513 133Q506 137 498 141Q490 145 481 148Q473 152 462 153Q452 155 442 155Q431 154 421 153Q410 152 400 150Q390 147 381 143Q371 139 366 133Q360 127 358 120Q356 114 356 107Q356 100 357 94Q357 88 358 81Q358 75 361 68Q364 61 370 55Q376 50 386 46Q395 42 405 39Q416 37 427 36Q437 35 448 35Q459 35 470 37Q480 39 489 43Q497 47 505 52' fill='none' stroke='%23ff3d8b' stroke-width='6' stroke-linecap='round'/%3E%3Cg transform='rotate(-10 500 236)'%3E%3Ccircle cx='500' cy='236' r='34' fill='%23c6ff3d' stroke='%23111111' stroke-width='5'/%3E%3Ccircle cx='500' cy='236' r='25' fill='none' stroke='%23111111' stroke-width='2' stroke-dasharray='3 5'/%3E%3Cpath d='M488 234v-11a12 12 0 0 1 24 0v11' fill='none' stroke='%23111111' stroke-width='6'/%3E%3Crect x='480' y='232' width='40' height='30' rx='5' fill='%23111111'/%3E%3Ccircle cx='500' cy='244' r='4' fill='%23c6ff3d'/%3E%3Crect x='498' y='244' width='4' height='10' fill='%23c6ff3d'/%3E%3C/g%3E%3Crect x='14' y='10' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(-32 59.0 23.0)'/%3E%3Crect x='470' y='12' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(30 515.0 25.0)'/%3E%3C/svg%3E")}
body.page-2.theme-studio-notes{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 300'%3E%3Cdefs%3E%3Cpattern id='p1' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='1.1' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p2' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p3' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2.9' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p4' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='3.8' fill='%23111'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='40' height='300' fill='url(%23p3)' opacity='.0'/%3E%3Cg transform='rotate(-1.4 280 150)'%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23111111' transform='translate(12 14)'/%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23fffdf7' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M46  40V264M74  40V264M102  40V264M130  40V264M158  40V264M186  40V264M214  40V264M242  40V264M270  40V264M298  40V264M326  40V264M354  40V264M382  40V264M410  40V264M438  40V264M466  40V264M494  40V264M46 40H516M46 68H516M46 96H516M46 124H516M46 152H516M46 180H516M46 208H516M46 236H516' stroke='%23d9d3c0' stroke-width='1.2' fill='none'/%3E%3Cpath d='M146 132C190 132 190 130 222 130' fill='none' stroke='%23111111' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M390 130H440' fill='none' stroke='%23111111' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='250' y='62' width='10' height='18' fill='%23111111'/%3E%3Crect x='250' y='170' width='10' height='18' fill='%23111111'/%3E%3Crect x='274' y='62' width='10' height='18' fill='%23111111'/%3E%3Crect x='274' y='170' width='10' height='18' fill='%23111111'/%3E%3Crect x='298' y='62' width='10' height='18' fill='%23111111'/%3E%3Crect x='298' y='170' width='10' height='18' fill='%23111111'/%3E%3Crect x='322' y='62' width='10' height='18' fill='%23111111'/%3E%3Crect x='322' y='170' width='10' height='18' fill='%23111111'/%3E%3Crect x='346' y='62' width='10' height='18' fill='%23111111'/%3E%3Crect x='346' y='170' width='10' height='18' fill='%23111111'/%3E%3Crect x='222' y='90' width='18' height='10' fill='%23111111'/%3E%3Crect x='372' y='90' width='18' height='10' fill='%23111111'/%3E%3Crect x='222' y='110' width='18' height='10' fill='%23111111'/%3E%3Crect x='372' y='110' width='18' height='10' fill='%23111111'/%3E%3Crect x='222' y='130' width='18' height='10' fill='%23111111'/%3E%3Crect x='372' y='130' width='18' height='10' fill='%23111111'/%3E%3Crect x='222' y='150' width='18' height='10' fill='%23111111'/%3E%3Crect x='372' y='150' width='18' height='10' fill='%23111111'/%3E%3Crect x='238' y='78' width='140' height='104' rx='10' fill='%232d4bff' stroke='%23111111' stroke-width='5'/%3E%3Crect x='270' y='102' width='76' height='56' rx='6' fill='%23c6ff3d' stroke='%23111111' stroke-width='4'/%3E%3Cpath d='M284 130h48M308 114v32' stroke='%23111111' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M72 236q-24-2-24-24t24-24q4-26 36-24t36 26q24 2 24 22t-24 24z' fill='%23ff3d8b' stroke='%23111111' stroke-width='5' stroke-linejoin='round' transform='translate(0 -60)'/%3E%3Crect x='440' y='94' width='64' height='52' rx='6' fill='%23fffdf7' stroke='%23111111' stroke-width='4'/%3E%3Ccircle cx='456' cy='110' r='4' fill='%23c6ff3d' stroke='%23111111'/%3E%3Crect x='448' y='124' width='48' height='6' rx='3' fill='%23111111'/%3E%3Cg transform='rotate(-10 470 230)'%3E%3Ccircle cx='470' cy='230' r='30' fill='%23c6ff3d' stroke='%23111111' stroke-width='5'/%3E%3Ccircle cx='470' cy='230' r='21' fill='none' stroke='%23111111' stroke-width='2' stroke-dasharray='3 5'/%3E%3Cpath d='M458 228v-11a12 12 0 0 1 24 0v11' fill='none' stroke='%23111111' stroke-width='6'/%3E%3Crect x='450' y='226' width='40' height='30' rx='5' fill='%23111111'/%3E%3Ccircle cx='470' cy='238' r='4' fill='%23c6ff3d'/%3E%3Crect x='468' y='238' width='4' height='10' fill='%23c6ff3d'/%3E%3C/g%3E%3Crect x='14' y='10' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(-32 59.0 23.0)'/%3E%3Crect x='470' y='12' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(30 515.0 25.0)'/%3E%3C/svg%3E")}
body.page-3.theme-studio-notes{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 300'%3E%3Cdefs%3E%3Cpattern id='p1' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='1.1' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p2' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p3' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2.9' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p4' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='3.8' fill='%23111'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='40' height='300' fill='url(%23p3)' opacity='.0'/%3E%3Cg transform='rotate(-1.4 280 150)'%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23111111' transform='translate(12 14)'/%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23fffdf7' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M46  40V264M74  40V264M102  40V264M130  40V264M158  40V264M186  40V264M214  40V264M242  40V264M270  40V264M298  40V264M326  40V264M354  40V264M382  40V264M410  40V264M438  40V264M466  40V264M494  40V264M46 40H516M46 68H516M46 96H516M46 124H516M46 152H516M46 180H516M46 208H516M46 236H516' stroke='%23d9d3c0' stroke-width='1.2' fill='none'/%3E%3Crect x='128' y='48' width='290' height='206' fill='%23c6ff3d' stroke='%23111111' stroke-width='5'/%3E%3Crect x='170' y='48' width='248' height='206' fill='%23fffdf7' stroke='%23111111' stroke-width='5'/%3E%3Ccircle cx='146' cy='70' r='7' fill='%23111111'/%3E%3Ccircle cx='146' cy='100' r='7' fill='%23111111'/%3E%3Ccircle cx='146' cy='130' r='7' fill='%23111111'/%3E%3Ccircle cx='146' cy='160' r='7' fill='%23111111'/%3E%3Ccircle cx='146' cy='190' r='7' fill='%23111111'/%3E%3Ccircle cx='146' cy='220' r='7' fill='%23111111'/%3E%3Crect x='186' y='78' width='20' height='20' fill='none' stroke='%23111111' stroke-width='4'/%3E%3Crect x='222' y='84' width='170' height='8' rx='4' fill='%23111111' fill-opacity='.75'/%3E%3Crect x='186' y='116' width='20' height='20' fill='none' stroke='%23111111' stroke-width='4'/%3E%3Crect x='222' y='122' width='130' height='8' rx='4' fill='%23111111' fill-opacity='.75'/%3E%3Crect x='186' y='154' width='20' height='20' fill='none' stroke='%23111111' stroke-width='4'/%3E%3Crect x='222' y='160' width='150' height='8' rx='4' fill='%23111111' fill-opacity='.75'/%3E%3Crect x='186' y='192' width='20' height='20' fill='none' stroke='%23111111' stroke-width='4'/%3E%3Crect x='222' y='198' width='100' height='8' rx='4' fill='%23111111' fill-opacity='.75'/%3E%3Cpath d='M188 90l7 8 14-18M188 128l7 8 14-18M188 166l7 8 14-18' fill='none' stroke='%23ff3d8b' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg transform='rotate(38 470 140)'%3E%3Crect x='440' y='60' width='28' height='170' fill='%232d4bff' stroke='%23111111' stroke-width='4'/%3E%3Cpolygon points='440,230 468,230 454,262' fill='%23fffdf7' stroke='%23111111' stroke-width='4'/%3E%3Crect x='440' y='60' width='28' height='24' fill='%23ff3d8b' stroke='%23111111' stroke-width='4'/%3E%3C/g%3E%3Crect x='14' y='10' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(-32 59.0 23.0)'/%3E%3Crect x='470' y='12' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(30 515.0 25.0)'/%3E%3C/svg%3E")}
body.page-4.theme-studio-notes{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 300'%3E%3Cdefs%3E%3Cpattern id='p1' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='1.1' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p2' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p3' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2.9' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p4' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='3.8' fill='%23111'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='40' height='300' fill='url(%23p3)' opacity='.0'/%3E%3Cg transform='rotate(-1.4 280 150)'%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23111111' transform='translate(12 14)'/%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23fffdf7' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M46  40V264M74  40V264M102  40V264M130  40V264M158  40V264M186  40V264M214  40V264M242  40V264M270  40V264M298  40V264M326  40V264M354  40V264M382  40V264M410  40V264M438  40V264M466  40V264M494  40V264M46 40H516M46 68H516M46 96H516M46 124H516M46 152H516M46 180H516M46 208H516M46 236H516' stroke='%23d9d3c0' stroke-width='1.2' fill='none'/%3E%3Crect x='190' y='120' width='200' height='120' fill='%232d4bff' stroke='%23111111' stroke-width='5'/%3E%3Cpath d='M190 120l100-50 100 50' fill='%232d4bff' stroke='%23111111' stroke-width='5' stroke-linejoin='round'/%3E%3Crect x='260' y='170' width='60' height='70' fill='%23c6ff3d' stroke='%23111111' stroke-width='4'/%3E%3Cpath d='M290 30v62M262 68l28 28 28-28' fill='none' stroke='%23111111' stroke-width='14' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M290 30v62M262 68l28 28 28-28' fill='none' stroke='%23ff3d8b' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='70' y='230' width='110' height='16' fill='%23fffdf7' stroke='%23111111' stroke-width='4'/%3E%3Crect x='70' y='230' width='74' height='16' fill='%23c6ff3d' stroke='%23111111' stroke-width='4'/%3E%3Cg transform='rotate(8 450 200)'%3E%3Ccircle cx='450' cy='200' r='38' fill='%23ff3d8b' stroke='%23111111' stroke-width='5'/%3E%3Ccircle cx='450' cy='200' r='29' fill='none' stroke='%23111111' stroke-width='2' stroke-dasharray='3 5'/%3E%3Cpath d='M438 198v-11a12 12 0 0 1 24 0v11' fill='none' stroke='%23111111' stroke-width='6'/%3E%3Crect x='430' y='196' width='40' height='30' rx='5' fill='%23111111'/%3E%3Ccircle cx='450' cy='208' r='4' fill='%23ff3d8b'/%3E%3Crect x='448' y='208' width='4' height='10' fill='%23ff3d8b'/%3E%3C/g%3E%3Crect x='14' y='10' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(-32 59.0 23.0)'/%3E%3Crect x='470' y='12' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(30 515.0 25.0)'/%3E%3C/svg%3E")}
body.page-5.theme-studio-notes{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 300'%3E%3Cdefs%3E%3Cpattern id='p1' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='1.1' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p2' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p3' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2.9' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p4' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='3.8' fill='%23111'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='40' height='300' fill='url(%23p3)' opacity='.0'/%3E%3Cg transform='rotate(-1.4 280 150)'%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23111111' transform='translate(12 14)'/%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23fffdf7' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M46  40V264M74  40V264M102  40V264M130  40V264M158  40V264M186  40V264M214  40V264M242  40V264M270  40V264M298  40V264M326  40V264M354  40V264M382  40V264M410  40V264M438  40V264M466  40V264M494  40V264M46 40H516M46 68H516M46 96H516M46 124H516M46 152H516M46 180H516M46 208H516M46 236H516' stroke='%23d9d3c0' stroke-width='1.2' fill='none'/%3E%3Cpath d='M70 70h170a14 14 0 0 1 14 14v70a14 14 0 0 1-14 14h-100l-30 30v-30h-40a14 14 0 0 1-14-14V84a14 14 0 0 1 14-14z' fill='%23c6ff3d' stroke='%23111111' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M122 108q0-20 22-20t22 18q0 12-14 20-8 6-8 16' fill='none' stroke='%23111111' stroke-width='9' stroke-linecap='round'/%3E%3Ccircle cx='144' cy='150' r='6' fill='%23111111'/%3E%3Cpath d='M300 120h170a14 14 0 0 1 14 14v60a14 14 0 0 1-14 14h-20v30l-34-30h-116a14 14 0 0 1-14-14v-60a14 14 0 0 1 14-14z' fill='%23ff3d8b' stroke='%23111111' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M334 160h110M334 182h70' stroke='%23111111' stroke-width='8' stroke-linecap='round'/%3E%3Ccircle cx='380' cy='58' r='26' fill='%232d4bff' stroke='%23111111' stroke-width='5'/%3E%3Cpath d='M380 46v14' stroke='%23c6ff3d' stroke-width='7' stroke-linecap='round'/%3E%3Ccircle cx='380' cy='70' r='4' fill='%23c6ff3d'/%3E%3Crect x='14' y='10' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(-32 59.0 23.0)'/%3E%3Crect x='470' y='12' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(30 515.0 25.0)'/%3E%3C/svg%3E")}
body.page-6.theme-studio-notes{--art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 300'%3E%3Cdefs%3E%3Cpattern id='p1' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='1.1' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p2' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p3' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='2.9' fill='%23111'/%3E%3C/pattern%3E%3Cpattern id='p4' width='11' height='11' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='5.5' cy='5.5' r='3.8' fill='%23111'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' width='40' height='300' fill='url(%23p3)' opacity='.0'/%3E%3Cg transform='rotate(-1.4 280 150)'%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23111111' transform='translate(12 14)'/%3E%3Cpolygon points='28,24 130,16 250,26 380,14 520,24 532,150 524,276 380,286 250,276 120,288 24,276 34,150' fill='%23fffdf7' stroke='%23111111' stroke-width='4' stroke-linejoin='round'/%3E%3C/g%3E%3Cpath d='M46  40V264M74  40V264M102  40V264M130  40V264M158  40V264M186  40V264M214  40V264M242  40V264M270  40V264M298  40V264M326  40V264M354  40V264M382  40V264M410  40V264M438  40V264M466  40V264M494  40V264M46 40H516M46 68H516M46 96H516M46 124H516M46 152H516M46 180H516M46 208H516M46 236H516' stroke='%23d9d3c0' stroke-width='1.2' fill='none'/%3E%3Cpath d='M280 48l86 28v70c0 56-40 86-86 104-46-18-86-48-86-104V76z' fill='%232d4bff' stroke='%23111111' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M232 150v-22a48 48 0 0 1 96 0v22' fill='none' stroke='%23111111' stroke-width='12'/%3E%3Crect x='214' y='146' width='132' height='88' rx='10' fill='%23c6ff3d' stroke='%23111111' stroke-width='6'/%3E%3Ccircle cx='280' cy='184' r='12' fill='%23111111'/%3E%3Crect x='275' y='190' width='10' height='26' fill='%23111111'/%3E%3Cg transform='translate(450 90)'%3E%3Cpath d='M-50 0q50-52 100 0q-50 52-100 0z' fill='%23fffdf7' stroke='%23111111' stroke-width='5'/%3E%3Ccircle r='16' fill='%23111111'/%3E%3Cpath d='M-52 44L52 -44' stroke='%23ff3d8b' stroke-width='9' stroke-linecap='round'/%3E%3C/g%3E%3Crect x='14' y='10' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(-32 59.0 23.0)'/%3E%3Crect x='470' y='12' width='90' height='26' fill='%23c6ff3d' fill-opacity='.9' stroke='%23111111' stroke-opacity='.35' stroke-width='1.5' transform='rotate(30 515.0 25.0)'/%3E%3C/svg%3E")}
body.theme-studio-notes .product-lead{max-width:none;padding:0;margin-top:-34px;position:relative;z-index:2}
body.theme-studio-notes .product-lead p.large,body.theme-studio-notes .reading>p.large:first-child{background:var(--sheet);border:3px solid #111;box-shadow:6px 6px 0 #111;padding:24px 28px;font-size:clamp(18px,1.8vw,22px);line-height:1.6;font-weight:600;max-width:900px;opacity:1;transform:rotate(-.5deg);margin:0}
body.theme-studio-notes .reading>p.large:first-child{margin-top:-34px;position:relative;z-index:2}
body.theme-studio-notes .product-lead+.cards{padding-top:60px}
body.page-1.theme-studio-notes .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
body.page-1.theme-studio-notes .cards article{padding:24px 24px 22px}
body.page-1.theme-studio-notes .cards h3{font-size:clamp(20px,2.2vw,28px);margin-bottom:10px}
body.page-1.theme-studio-notes .cards p{font-size:16px}
body.page-1.theme-studio-notes .cards .number{font-size:15px;margin-bottom:14px}

/* generic prose sheets on inner pages */
body.theme-studio-notes:not(.page-0) .reading>p:not(.large):not(:has(.text-link)):not(.updated){position:relative;background:var(--sheet);border:3px solid #111;box-shadow:5px 5px 0 #111;padding:22px 26px;margin:0 0 26px;font-size:17px;line-height:1.7;max-width:880px}
body.theme-studio-notes:not(.page-0) .reading>p:not(.large):nth-of-type(odd){transform:rotate(-.4deg)}
body.theme-studio-notes:not(.page-0) .reading>p:not(.large):nth-of-type(even){transform:rotate(.35deg);margin-inline-start:min(5vw,60px)}
body.theme-studio-notes .reading>h3{display:inline-block;position:relative;z-index:1;background:#111;color:#fff;font-size:clamp(16px,1.6vw,20px);line-height:1.25;padding:.35em .7em;margin:20px 0 -12px 16px;transform:rotate(-1deg);box-shadow:3px 3px 0 var(--pink)}
[dir=rtl] body.theme-studio-notes .reading>h3{margin:20px 16px -12px 0}
body.theme-studio-notes .reading>h2+h3{margin-top:6px}
body.theme-studio-notes .feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px;margin:6px 0 0;padding:0;list-style:none}
body.theme-studio-notes .feature-list li{border:3px solid #111;border-radius:0;background:var(--sheet);box-shadow:5px 5px 0 #111;padding:20px 22px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
body.theme-studio-notes .feature-list li:nth-child(3n+1){background:var(--lime);transform:rotate(-.8deg)}
body.theme-studio-notes .feature-list li:nth-child(3n+2){transform:rotate(.6deg)}
body.theme-studio-notes .feature-list li:nth-child(3n+3){background:var(--pale);transform:rotate(-.4deg)}
body.theme-studio-notes .feature-list strong{display:block;width:fit-content;background:#111;color:#fff;padding:2px 9px;margin-bottom:8px;font-weight:800}
body.page-1.theme-studio-notes .split-section{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center;padding:36px 0 30px}
body.page-1.theme-studio-notes .split-section>div:first-child h2{margin-bottom:22px}
body.page-1.theme-studio-notes .split-section p{max-width:none;opacity:1;font-size:17px;line-height:1.7;background:var(--sheet);border:3px solid #111;box-shadow:5px 5px 0 #111;padding:20px 24px;margin:0}

body.theme-studio-notes .notice{position:relative;background:var(--sheet);border:3px solid #111;border-radius:0;box-shadow:5px 5px 0 #111;padding:18px 24px 18px 46px;font-size:16px;line-height:1.6}
body.theme-studio-notes .notice::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:22px;background:repeating-linear-gradient(-45deg,#111 0 8px,var(--lime) 8px 16px);border-inline-end:3px solid #111}
body.theme-studio-notes .notice p{margin:8px 0 0}
body.theme-studio-notes .reading .notice{margin-top:34px;max-width:880px}

/* models: cabling diagram */
body.theme-studio-notes .connection{background:var(--cobalt) radial-gradient(circle,rgba(198,255,61,.5) 2.2px,transparent 3px) 0 0/14px 14px;border:3px solid #111;border-radius:0;box-shadow:8px 8px 0 #111;padding:clamp(28px,4vw,50px) clamp(18px,3vw,40px);margin:34px 0 56px;gap:14px;font-family:var(--display);font-weight:var(--dw);font-size:clamp(15px,1.8vw,22px)}
body.theme-studio-notes .connection span{background:var(--sheet);border:3px solid #111;border-radius:0;padding:20px 22px;box-shadow:4px 4px 0 #111;text-align:center;min-width:0;overflow-wrap:anywhere;font-family:inherit}
body.theme-studio-notes .connection span:nth-of-type(1){transform:rotate(-1.2deg)}
body.theme-studio-notes .connection span:nth-of-type(2){background:var(--lime);transform:rotate(1deg)}
body.theme-studio-notes .connection span:nth-of-type(3){background:var(--pale);transform:rotate(-.8deg)}
body.theme-studio-notes .connection b{color:var(--lime);-webkit-text-stroke:2px #111;paint-order:stroke fill;font-size:clamp(30px,4vw,52px);line-height:1;font-family:Inter,sans-serif;font-weight:800}
[dir=rtl] body.theme-studio-notes .connection b{transform:scaleX(-1)}

/* workflows */
body.theme-studio-notes .workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start;padding:10px 0 40px}
body.theme-studio-notes .workflow-grid .steps{grid-template-columns:minmax(0,1fr);gap:34px}
body.theme-studio-notes .workflow-grid .steps article:nth-child(2n){margin-top:0}
body.theme-studio-notes .sticky-example{padding:0;position:static}
body.theme-studio-notes .sticky-example .agent-run{margin:6px 0 30px}
body.theme-studio-notes .sticky-example>p{font-size:16px;line-height:1.65;opacity:1;background:var(--sheet);border:3px solid #111;box-shadow:5px 5px 0 #111;padding:18px 22px;margin:28px 0 0}
body.theme-studio-notes .scenario:not(:has(+ *)){margin-bottom:0}
body.page-3.theme-studio-notes .scenario{margin-top:70px}

/* download */
body.theme-studio-notes .download-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:start;margin:30px 0 40px}
body.theme-studio-notes .download-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--lime);border:3px solid #111;border-radius:0;box-shadow:8px 8px 0 #111;padding:36px 26px 32px;transform:rotate(-1deg);text-align:center}
body.theme-studio-notes .app-icon{width:92px;height:92px;border-radius:0;background:#111;color:var(--lime);border:3px solid #111;box-shadow:6px 6px 0 var(--pink);font-size:56px;margin:0 auto 24px}
body.theme-studio-notes .download-card h2{font-size:clamp(24px,2.6vw,34px)}
body.theme-studio-notes .download-card p{font-weight:600;font-size:16px}
body.theme-studio-notes .download-card .button{margin-top:10px;--bs:var(--pink);box-shadow:5px 5px 0 var(--pink)}
body.theme-studio-notes .download-grid p.large{background:var(--sheet);border:3px solid #111;box-shadow:5px 5px 0 #111;padding:20px 24px;font-size:19px;line-height:1.6;font-weight:600;opacity:1;margin:0 0 30px;transform:rotate(.4deg)}
body.theme-studio-notes .download-grid .setup{margin-bottom:34px}
body.theme-studio-notes .download-grid .setup li{padding-inline-start:64px;min-height:64px}
body.theme-studio-notes .download-grid .setup li::before{top:50%;margin-top:-19px;inset-inline-start:12px}

/* privacy */
body.theme-studio-notes .privacy.reading{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 32px;padding:26px 0 40px;max-width:none}
body.theme-studio-notes .privacy article{grid-column:span 2;position:relative;border:3px solid #111;background:var(--sheet);box-shadow:6px 6px 0 #111;padding:34px 24px 22px;min-width:0}
body.theme-studio-notes .privacy article:nth-of-type(4),body.theme-studio-notes .privacy article:nth-of-type(5){grid-column:span 3}
body.theme-studio-notes .privacy article:nth-of-type(1){transform:rotate(-.9deg);background:var(--lime)}
body.theme-studio-notes .privacy article:nth-of-type(2){transform:rotate(.7deg)}
body.theme-studio-notes .privacy article:nth-of-type(3){transform:rotate(-.5deg);background:var(--pale)}
body.theme-studio-notes .privacy article:nth-of-type(4){transform:rotate(.5deg)}
body.theme-studio-notes .privacy article:nth-of-type(5){transform:rotate(-.7deg);background:var(--lime)}
body.theme-studio-notes .privacy article::before{content:"";position:absolute;top:-14px;inset-inline-start:30px;width:92px;height:26px;background:rgba(255,61,139,.9);border:1.5px solid rgba(17,17,17,.4);transform:rotate(-3deg)}
body.theme-studio-notes .privacy article h2{font-size:clamp(19px,1.9vw,24px);line-height:1.2;margin:0 0 12px;display:block;background:none;border:0;box-shadow:none;padding:0;transform:none}
body.theme-studio-notes .privacy p{font-size:16px;line-height:1.65;opacity:1;margin:0 0 10px;background:none;border:0;box-shadow:none;padding:0;transform:none}
body.theme-studio-notes .privacy p.updated{grid-column:1/-1;justify-self:start;font-size:14px!important;font-weight:800;border:3px double #111;background:var(--sheet);padding:8px 16px;transform:rotate(-1.2deg);margin:0;opacity:1!important}

/* ---------- breakpoints ---------- */
@media(max-width:1180px){
  body.theme-studio-notes .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
  body.theme-studio-notes .privacy.reading{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.theme-studio-notes .privacy article,body.theme-studio-notes .privacy article:nth-of-type(4),body.theme-studio-notes .privacy article:nth-of-type(5){grid-column:span 1}
  body.theme-studio-notes .privacy article:nth-of-type(5){grid-column:1/-1}
}
@media(max-width:1050px){
  body.theme-studio-notes .home-hero .hero-copy{padding-inline-end:0;padding-bottom:300px}
  body.theme-studio-notes .home-hero .hero-copy::before{background-size:auto 56%;background-position:right bottom}
  body.theme-studio-notes .home-hero .agent-run{margin-top:-60px}
  body.theme-studio-notes .home-hero .hero-copy>*{max-width:640px}
  body.theme-studio-notes .home-hero .hero-copy>h1{max-width:none}
  body.theme-studio-notes .header{width:calc(100% - 44px)}
  body.theme-studio-notes .scenario{grid-template-columns:minmax(0,1fr)}
  body.page-0.theme-studio-notes .setup{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
  body.page-0.theme-studio-notes .setup li::after{content:none!important}
  body.page-0.theme-studio-notes .reading:has(>p:nth-of-type(3)){grid-template-columns:minmax(0,1fr);gap:30px}
  body.page-0.theme-studio-notes .reading:has(>p:nth-of-type(3))>p{margin-top:0!important}
  body.theme-studio-notes .workflow-grid,body.theme-studio-notes .download-grid,body.page-1.theme-studio-notes .split-section{grid-template-columns:minmax(0,1fr)}
  body.theme-studio-notes .closing{grid-template-columns:minmax(0,1fr)}
  body.theme-studio-notes .closing>a.button{grid-column:1;grid-row:auto;justify-self:start;margin-top:24px}
  body.theme-studio-notes .inner-hero::before{background-position:right 130px bottom}
}
@media(max-width:760px){
  body.theme-studio-notes{--hh:64px;font-size:16px}
  body.theme-studio-notes :is(h1,h2,h3,summary,dt,th){hyphens:auto;overflow-wrap:anywhere}
  body.theme-studio-notes .header{gap:0 12px;border:0;height:auto;min-height:var(--hh)}
  body.theme-studio-notes .brand{font-size:16px;padding:5px 11px 5px 6px;gap:7px}
  body.theme-studio-notes .brand-symbol{width:30px;height:30px}
  body.theme-studio-notes .header .language{background:var(--paper)}
  body.theme-studio-notes .home-hero .hero-copy{padding:22px 0 262px}
  body.theme-studio-notes .home-hero .hero-copy::before{background-size:auto 250px;background-position:center bottom}
  body.theme-studio-notes .hero h1{font-size:clamp(22px,6.6vw,34px);line-height:1.5}
  body.theme-studio-notes .hero-lead{font-size:16px;padding:14px 16px;margin-top:22px}
  body.theme-studio-notes .hero .actions{margin-top:24px}
  body.theme-studio-notes .home-hero .agent-run{margin-top:-20px}
  body.theme-studio-notes .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding:44px 0 20px}
  body.theme-studio-notes .cards h3{font-size:clamp(16px,5vw,20px)}
  body.theme-studio-notes .cards article{padding:14px 12px 12px}
  body.page-0.theme-studio-notes .cards article:is(:nth-child(3),:nth-child(6)){grid-column:1/-1}
  body.page-1.theme-studio-notes .cards{grid-template-columns:minmax(0,1fr)}
  body.theme-studio-notes .steps{grid-template-columns:minmax(0,1fr);gap:36px}
  body.theme-studio-notes .steps article{margin-top:0!important}
  body.theme-studio-notes .scenario{padding:22px 18px;margin:60px 0}
  body.theme-studio-notes .scenario p{font-size:16.5px}
  body.page-0.theme-studio-notes .setup{grid-template-columns:minmax(0,1fr)}
  body.theme-studio-notes .faq{grid-template-columns:minmax(0,1fr);gap:22px}
  body.theme-studio-notes .faq summary{font-size:16.5px;padding:16px 16px}
  body.theme-studio-notes .faq details p{padding:0 16px 18px;font-size:16px}
  body.theme-studio-notes .closing{padding:26px 18px;margin:72px 0 50px}
  body.theme-studio-notes .feature-matrix th,body.theme-studio-notes .feature-matrix td{display:table-cell;width:auto;padding:12px 10px;font-size:13.5px}
  body.theme-studio-notes .feature-matrix tbody th{width:27%;padding:12px 8px}
  body.theme-studio-notes .feature-matrix thead th{padding:12px 10px;font-size:13px}
  body.theme-studio-notes .feature-matrix::before{content:none}
  body.theme-studio-notes .feature-list{grid-template-columns:minmax(0,1fr)}
  body.theme-studio-notes .connection{flex-direction:column;align-items:stretch}
  body.theme-studio-notes .connection b{align-self:center;transform:rotate(90deg)}
  [dir=rtl] body.theme-studio-notes .connection b{transform:rotate(90deg)}
  body.theme-studio-notes .privacy.reading{grid-template-columns:minmax(0,1fr)}
  body.theme-studio-notes .privacy article:nth-of-type(5){grid-column:auto}
  body.theme-studio-notes .inner-hero{padding:22px 0 150px}
  body.theme-studio-notes .inner-hero::before{background-size:auto 130px;background-position:center bottom 6px}
  body.theme-studio-notes .inner-hero h1{font-size:clamp(21px,6.2vw,30px)}
  body.theme-studio-notes .product-lead{margin-top:-44px}
  body.theme-studio-notes .reading>p.large:first-child{margin-top:-44px}
  body.theme-studio-notes .product-lead p.large,body.theme-studio-notes .reading>p.large:first-child{padding:18px 18px;font-size:17px}
  body.theme-studio-notes:not(.page-0) .reading>p:not(.large):nth-of-type(even){margin-inline-start:0}
  body.theme-studio-notes .download-card{transform:none}
  body.theme-studio-notes footer{padding-top:48px}
}

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