@font-face{font-family:"JetBrains Mono";src:url("fonts/JetBrainsMono-Variable.ttf") format("truetype");font-weight:100 800;font-style:normal;font-display:swap;}
@font-face{font-family:"A1sCode Clear Balance";src:url("fonts/clear/A1sCodeClear-Balance.woff2?v=1.403") format("woff2");font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:"Commissioner A1s";src:url("fonts/Commissioner-Variable.ttf") format("truetype-variations");font-style:oblique -12deg 0deg;font-weight:100 900;font-display:swap;}:root{color-scheme:dark;--font-sans:"Commissioner A1s","Commissioner",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"A1sCode Clear Balance","JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--type-body:"wght" 390,"slnt" 0,"FLAR" 0,"VOLM" 0;--type-body-strong:"wght" 585,"slnt" 0,"FLAR" 4,"VOLM" 0;--type-ui:"wght" 520,"slnt" 0,"FLAR" 3,"VOLM" 0;--type-ui-strong:"wght" 650,"slnt" 0,"FLAR" 8,"VOLM" 2;--type-label:"wght" 630,"slnt" 0,"FLAR" 14,"VOLM" 3;--type-heading-sm:"wght" 675,"slnt" 0,"FLAR" 20,"VOLM" 10;--type-heading:"wght" 735,"slnt" 0,"FLAR" 34,"VOLM" 22;--type-display:"wght" 780,"slnt" -1,"FLAR" 68,"VOLM" 56;--type-display-accent:"wght" 760,"slnt" -4,"FLAR" 92,"VOLM" 78;--header-h:72px;--nav-width:292px;--content-width:1040px;--radius-xs:8px;--radius-sm:12px;--radius:18px;--radius-lg:26px;--radius-pill:999px;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration:260ms;--duration-slow:480ms;--bg:#080a0f;--bg-deep:#05070b;--bg-elevated:rgba(15,18,27,0.86);--bg-card:rgba(20,24,35,0.76);--bg-card-solid:#141823;--bg-hover:rgba(255,255,255,0.055);--bg-code:#090c13;--bg-code-header:#10141e;--text:#f3f5f8;--text-secondary:#aab2c0;--text-muted:#747e91;--text-inverse:#071018;--border:rgba(255,255,255,0.105);--border-subtle:rgba(255,255,255,0.065);--border-strong:rgba(255,255,255,0.18);--accent:#7c8cff;--accent-hover:#9ca7ff;--accent-soft:rgba(124,140,255,0.13);--accent-glow:rgba(124,140,255,0.24);--cyan:#4fd9d1;--cyan-soft:rgba(79,217,209,0.13);--green:#4ed69a;--green-soft:rgba(78,214,154,0.13);--orange:#ffad66;--orange-soft:rgba(255,173,102,0.13);--purple:#c294ff;--purple-soft:rgba(194,148,255,0.13);--pink:#ff80ba;--pink-soft:rgba(255,128,186,0.13);--shadow-sm:0 10px 28px rgba(0,0,0,0.2);--shadow:0 24px 70px -28px rgba(0,0,0,0.72);--shadow-float:0 38px 90px -34px rgba(0,0,0,0.86);--focus-ring:0 0 0 3px rgba(124,140,255,0.24);--mouse-x:50%;--mouse-y:50%;} [data-theme="light"]{color-scheme:light;--bg:#f5f6f8;--bg-deep:#edf0f4;--bg-elevated:rgba(255,255,255,0.86);--bg-card:rgba(255,255,255,0.78);--bg-card-solid:#ffffff;--bg-hover:rgba(28,38,58,0.052);--bg-code:#111722;--bg-code-header:#181f2c;--text:#171b24;--text-secondary:#515b6d;--text-muted:#7c879a;--text-inverse:#ffffff;--border:rgba(20,28,44,0.115);--border-subtle:rgba(20,28,44,0.07);--border-strong:rgba(20,28,44,0.19);--accent:#5268e8;--accent-hover:#3e52cc;--accent-soft:rgba(82,104,232,0.10);--accent-glow:rgba(82,104,232,0.18);--cyan:#087f87;--cyan-soft:rgba(8,127,135,0.10);--green:#087b54;--green-soft:rgba(8,123,84,0.10);--orange:#b85e0b;--orange-soft:rgba(184,94,11,0.10);--purple:#7447c8;--purple-soft:rgba(116,71,200,0.10);--pink:#bf2e72;--pink-soft:rgba(191,46,114,0.10);--shadow-sm:0 12px 28px rgba(30,40,60,0.08);--shadow:0 24px 64px -30px rgba(30,40,60,0.28);--shadow-float:0 38px 86px -38px rgba(30,40,60,0.34);--focus-ring:0 0 0 3px rgba(82,104,232,0.18);} *,*::before,*::after{box-sizing:border-box;} html{min-width:320px;overflow-x:hidden;scroll-behavior:auto;scroll-padding-top:calc(var(--header-h)+22px);font-size:16px;background:var(--bg-deep);} body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(70rem 38rem at 8% -8%,rgba(124,140,255,0.12),transparent 62%),radial-gradient(54rem 34rem at 104% 12%,rgba(79,217,209,0.075),transparent 66%),var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;font-optical-sizing:auto;font-synthesis:none;font-variation-settings:var(--type-body);line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}::selection{background:color-mix(in srgb,var(--accent) 33%,transparent);color:var(--text);} button,input,textarea,select{font:inherit;} button,a,input,.page-module .fn-header{-webkit-tap-highlight-color:transparent;} a{color:inherit;}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;} code,pre,kbd,samp,.page-module .fn-name,.page-module .fn-sig,.page-module .param-name,.page-module .param-type,.page-module .returns-type{font-family:var(--font-mono);font-variant-ligatures:contextual;} .page-module .header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:14px;height:var(--header-h);padding:0 clamp(16px,3vw,34px);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);box-shadow:0 12px 42px rgba(0,0,0,0.08);} .page-module .header::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent 8%,var(--accent-glow),transparent 92%);pointer-events:none;} .page-module .logo{display:inline-flex;align-items:center;gap:10px;min-width:max-content;color:var(--text);text-decoration:none;font-size:1.22rem;font-variation-settings:"wght" 720,"slnt" -1,"FLAR" 54,"VOLM" 35;letter-spacing:-0.035em;line-height:1;transition:color var(--duration-fast),transform var(--duration) var(--ease-out),font-variation-settings var(--duration-slow) var(--ease-out);} .page-module .logo:hover{color:var(--accent-hover);transform:translateY(-1px);font-variation-settings:"wght" 760,"slnt" -2,"FLAR" 82,"VOLM" 62;} .page-module .logo-badge{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px 2px;border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-hover);font-size:0.66rem;font-variation-settings:var(--type-label);letter-spacing:0.06em;} .page-module .header-spacer{flex:1 1 auto;} .page-module .search-wrap{position:relative;width:clamp(200px,25vw,330px);} .page-module .search-wrap input{width:100%;height:42px;padding:9px 40px 9px 39px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;background:color-mix(in srgb,var(--bg-card) 84%,transparent);color:var(--text);font-family:var(--font-sans);font-size:0.88rem;font-variation-settings:var(--type-ui);transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration) var(--ease-out);} .page-module .search-wrap::after{content:"/";position:absolute;top:50%;right:11px;display:grid;width:22px;height:22px;place-items:center;transform:translateY(-50%);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-family:var(--font-mono);font-size:0.68rem;pointer-events:none;} .page-module .search-wrap input:hover{border-color:var(--border-strong);background:color-mix(in srgb,var(--bg-card-solid) 90%,transparent);} .page-module .search-wrap input:focus{border-color:var(--accent);background:var(--bg-card-solid);box-shadow:var(--focus-ring),var(--shadow-sm);transform:translateY(-1px);} .page-module .search-wrap input::placeholder{color:var(--text-muted);opacity:0.9;} .page-module .search-icon{position:absolute;top:50%;left:13px;z-index:1;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;} .page-module .theme-btn,.page-module .menu-btn{display:inline-grid;width:42px;height:42px;flex:0 0 42px;place-items:center;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 86%,transparent);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast),transform var(--duration) var(--ease-out),box-shadow var(--duration);} .page-module .theme-btn:hover,.page-module .menu-btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft);color:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px);} .page-module .theme-btn:active,.page-module .menu-btn:active{transform:translateY(0) scale(0.96);} .page-module .menu-btn{display:none;} .page-module .layout{display:flex;min-height:calc(100vh - var(--header-h));margin-top:var(--header-h);} .page-module .sidebar{position:fixed;top:var(--header-h);bottom:0;left:0;z-index:50;width:var(--nav-width);overflow:hidden auto;padding:26px 12px 54px;border-right:1px solid var(--border-subtle);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 96%,transparent),color-mix(in srgb,var(--bg) 92%,transparent));box-shadow:18px 0 55px rgba(0,0,0,0.08);scrollbar-color:var(--border) transparent;scrollbar-width:thin;transition:transform var(--duration) var(--ease-out);} .page-module .sidebar::-webkit-scrollbar{width:6px;} .page-module .sidebar::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--border);} .page-module .nav-section{margin:0 0 13px;} .page-module .nav-section-title{padding:10px 14px 7px;color:var(--text-muted);font-size:0.67rem;font-variation-settings:var(--type-label);letter-spacing:0.12em;line-height:1.25;text-transform:uppercase;} .page-module .nav-link{position:relative;display:flex;align-items:center;gap:9px;min-height:38px;margin:2px 0;padding:8px 12px 8px 14px;overflow:hidden;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:0.875rem;font-variation-settings:"wght" 460,"slnt" 0,"FLAR" 1,"VOLM" 0;line-height:1.35;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast),transform var(--duration) var(--ease-out),font-variation-settings var(--duration-slow) var(--ease-out);} .page-module .nav-link::before{content:"";position:absolute;inset:7px auto 7px 0;width:3px;border-radius:var(--radius-pill);background:var(--accent);opacity:0;transform:scaleY(0.35);transition:opacity var(--duration-fast),transform var(--duration) var(--ease-out);} .page-module .nav-link:hover{border-color:var(--border-subtle);background:var(--bg-hover);color:var(--text);transform:translateX(2px);font-variation-settings:"wght" 530,"slnt" 0,"FLAR" 8,"VOLM" 1;} .page-module .nav-link.active{border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:linear-gradient(90deg,var(--accent-soft),transparent 95%);color:var(--accent-hover);font-variation-settings:"wght" 610,"slnt" 0,"FLAR" 13,"VOLM" 3;} .page-module .nav-link.active::before{opacity:1;transform:scaleY(1);} .page-module .nav-link .fn-count{display:inline-grid;min-width:25px;min-height:20px;margin-left:auto;place-items:center;padding:1px 7px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--bg) 70%,transparent);color:var(--text-muted);font-family:var(--font-mono);font-size:0.65rem;line-height:1;} .page-module .main{width:min(calc(100% - var(--nav-width)),var(--content-width));max-width:var(--content-width);margin-left:var(--nav-width);padding:clamp(42px,6vw,76px) clamp(26px,5vw,70px) 130px;} .page-module .hero{position:relative;isolation:isolate;margin:0 0 58px;padding:clamp(30px,5vw,54px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 94%,transparent),color-mix(in srgb,var(--bg-elevated) 72%,transparent));box-shadow:var(--shadow);} .page-module .hero::before{content:"";position:absolute;z-index:-2;inset:-25% -10% auto auto;width:380px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(124,140,255,0.26),transparent 68%);} .page-module .hero::after{content:"A1s";position:absolute;z-index:-1;right:clamp(15px,4vw,42px);bottom:-0.3em;color:color-mix(in srgb,var(--accent) 7%,transparent);font-size:clamp(6rem,19vw,13rem);font-variation-settings:"wght" 900,"slnt" -8,"FLAR" 100,"VOLM" 100;letter-spacing:-0.1em;line-height:0.8;pointer-events:none;user-select:none;} .page-module .hero-badge{display:inline-flex;align-items:center;gap:7px;min-height:29px;margin-bottom:22px;padding:5px 11px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-hover);font-size:0.76rem;font-variation-settings:var(--type-label);letter-spacing:0.025em;} .page-module .hero h1{max-width:820px;margin:0 0 18px;color:var(--text);font-size:clamp(2.4rem,6.4vw,5.45rem);font-variation-settings:var(--type-display);letter-spacing:-0.062em;line-height:0.96;text-wrap:balance;} .page-module .hero h1 span{display:inline;background:linear-gradient(115deg,var(--accent-hover) 8%,var(--purple) 55%,var(--cyan) 110%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-variation-settings:var(--type-display-accent);} .page-module .hero-desc{max-width:700px;margin:0 0 29px;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.18rem);font-variation-settings:"wght" 390,"slnt" 0,"FLAR" 3,"VOLM" 0;line-height:1.68;text-wrap:pretty;} .page-module .hero-meta{display:flex;flex-wrap:wrap;gap:9px;} .page-module .meta-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 11px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg-card-solid) 62%,transparent);color:var(--text-secondary);font-size:0.79rem;font-variation-settings:"wght" 430,"slnt" 0,"FLAR" 1,"VOLM" 0;} .page-module .meta-chip strong{color:var(--text);font-variation-settings:var(--type-ui-strong);} .page-module .overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0 0 68px;} .page-module .overview-card,.page-module .fn-card{--spotlight-color:var(--accent);--mouse-x:50%;--mouse-y:50%;position:relative;isolation:isolate;} .page-module .overview-card{min-width:0;padding:22px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:0 1px 0 rgba(255,255,255,0.02) inset;color:inherit;text-decoration:none;transition:transform var(--duration-slow) var(--ease-out),border-color var(--duration),box-shadow var(--duration-slow) var(--ease-out),background var(--duration);} .page-module .overview-card::before,.page-module .fn-card::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(520px circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--spotlight-color) 14%,transparent),transparent 42%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none;} .page-module .overview-card::after,.page-module .fn-card::after{content:"";position:absolute;z-index:5;inset:-1px;padding:1px;border-radius:inherit;background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--spotlight-color) 75%,transparent),transparent 62%);opacity:0;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;transition:opacity var(--duration-slow) var(--ease-out);} .page-module .overview-card:hover{z-index:4;border-color:color-mix(in srgb,var(--spotlight-color) 34%,var(--border));background:color-mix(in srgb,var(--bg-card-solid) 78%,transparent);box-shadow:var(--shadow-float);transform:translateY(-7px) scale(1.012);} .page-module .overview-card:hover::before,.page-module .overview-card:hover::after,.page-module .fn-card:hover::before{opacity:1;} .page-module .fn-card:hover::after,.page-module .fn-card.open::after{opacity:0;} .page-module .overview-card:nth-child(1),.page-module .section-tag.creation,.page-module #creation .fn-card,.page-module #types .fn-card{--spotlight-color:var(--green);} .page-module .overview-card:nth-child(2),.page-module #structure .fn-card,.page-module #access .fn-card{--spotlight-color:var(--accent);} .page-module .overview-card:nth-child(3),.page-module #sets .fn-card,.page-module #compare .fn-card{--spotlight-color:var(--purple);} .page-module .overview-card:nth-child(4),.page-module #filter .fn-card,.page-module #fluent .fn-card{--spotlight-color:var(--orange);} .page-module .overview-card:nth-child(5){--spotlight-color:var(--green);} .page-module .overview-card:nth-child(6),.page-module #test .fn-card{--spotlight-color:var(--cyan);} .page-module .overview-card h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:var(--text);font-size:1.04rem;font-variation-settings:var(--type-heading-sm);letter-spacing:-0.015em;line-height:1.25;transition:font-variation-settings var(--duration-slow) var(--ease-out);} .page-module .overview-card:hover h3{font-variation-settings:"wght" 720,"slnt" -1,"FLAR" 38,"VOLM" 24;} .page-module .overview-card p{margin:0;color:var(--text-secondary);font-size:0.91rem;font-variation-settings:"wght" 390,"slnt" 0,"FLAR" 0,"VOLM" 0;line-height:1.55;} .page-module .ov-icon{display:inline-grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:9px;font-family:var(--font-mono);font-size:0.88rem;box-shadow:0 6px 16px -10px currentColor;} .page-module .section{margin:0 0 74px;scroll-margin-top:calc(var(--header-h)+24px);} .page-module .section-header{display:flex;align-items:center;gap:11px;margin:0 0 8px;} .page-module .section-header h2{margin:0;color:var(--text);font-size:clamp(1.55rem,3vw,2.1rem);font-variation-settings:var(--type-heading);letter-spacing:-0.038em;line-height:1.08;} .page-module .section-tag{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:0.66rem;font-variation-settings:var(--type-label);letter-spacing:0.08em;line-height:1;text-transform:uppercase;} .page-module .section-tag.creation{border-color:color-mix(in srgb,var(--green) 28%,transparent);background:var(--green-soft);color:var(--green);} .page-module .section-tag.structure,.page-module .section-tag.access{border-color:color-mix(in srgb,var(--accent) 28%,transparent);background:var(--accent-soft);color:var(--accent-hover);} .page-module .section-tag.sets,.page-module .section-tag.compare{border-color:color-mix(in srgb,var(--purple) 28%,transparent);background:var(--purple-soft);color:var(--purple);} .page-module .section-tag.filter,.page-module .section-tag.fluent{border-color:color-mix(in srgb,var(--orange) 28%,transparent);background:var(--orange-soft);color:var(--orange);} .page-module .section-tag.types{border-color:color-mix(in srgb,var(--green) 28%,transparent);background:var(--green-soft);color:var(--green);} .page-module .section-tag.test{border-color:color-mix(in srgb,var(--cyan) 28%,transparent);background:var(--cyan-soft);color:var(--cyan);} .page-module .section-desc{max-width:760px;margin:0 0 27px;color:var(--text-secondary);font-size:1rem;line-height:1.66;text-wrap:pretty;} .page-module .fn-card{min-width:0;margin:0 0 18px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:0 1px 0 rgba(255,255,255,0.018) inset;transition:border-color var(--duration),background var(--duration),box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);} .page-module .fn-card:hover{z-index:4;border-color:var(--border);background:color-mix(in srgb,var(--bg-card-solid) 80%,transparent);box-shadow:var(--shadow-float);transform:translateY(-5px);} .page-module .fn-card.open{border-color:var(--border);background:color-mix(in srgb,var(--bg-card-solid) 88%,transparent);box-shadow:var(--shadow);} .page-module .fn-card.hidden{display:none;} .page-module .fn-header{position:relative;z-index:6;display:flex;width:100%;align-items:flex-start;gap:14px;padding:23px 24px 0;border:0;outline:0;background:transparent;color:inherit;text-align:left;cursor:pointer;user-select:none;} .page-module .fn-header>div:first-child{min-width:0;} .page-module .fn-header:focus,.page-module .fn-header:focus-visible{outline:none;box-shadow:none;} .page-module .fn-name{color:var(--spotlight-color);font-size:1.08rem;font-weight:600;letter-spacing:-0.025em;line-height:1.35;} .page-module .fn-sig{margin-top:4px;overflow-wrap:anywhere;color:var(--text-muted);font-size:0.84rem;font-weight:450;letter-spacing:-0.016em;line-height:1.55;} .page-module .fn-summary{position:relative;z-index:6;margin:0;padding:12px 24px 4px;color:var(--text-secondary);font-size:1rem;font-variation-settings:"wght" 395,"slnt" 0,"FLAR" 0,"VOLM" 0;line-height:1.6;text-wrap:pretty;} .page-module .fn-body{position:relative;z-index:6;display:block;max-height:0;overflow:hidden;padding:0 24px;opacity:0;transition:max-height 190ms var(--ease-smooth),padding 160ms var(--ease-smooth),opacity 120ms linear;} .page-module .fn-body>*{min-width:0;} .page-module .fn-card:not(.open) .fn-body{visibility:hidden;overflow:hidden;} .page-module .fn-card.open .fn-body{max-height:2400px;padding:15px 24px 24px;opacity:1;visibility:visible;} .page-module .fn-toggle{width:19px;height:19px;flex:0 0 19px;margin:3px 0 0 auto;color:var(--text-muted);transition:color 120ms linear,transform 180ms var(--ease-smooth);} .page-module .fn-header:hover .fn-toggle{color:var(--spotlight-color);} .page-module .fn-card.open .fn-toggle{color:var(--spotlight-color);transform:rotate(180deg);} .page-module .params-table{width:100%;margin:10px 0 17px;overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 36%,transparent);font-size:0.92rem;} .page-module .params-table th{padding:9px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 78%,transparent);color:var(--text-muted);text-align:left;font-size:0.72rem;font-variation-settings:var(--type-label);letter-spacing:0.085em;line-height:1.25;text-transform:uppercase;} .page-module .params-table td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);line-height:1.52;vertical-align:top;} .page-module .params-table tr:last-child td{border-bottom:0;} .page-module .params-table tbody tr{transition:background var(--duration-fast);} .page-module .params-table tbody tr:hover{background:var(--bg-hover);} .page-module .param-name{color:var(--text);font-size:0.88rem;font-weight:550;white-space:nowrap;} .page-module .param-type,.page-module .returns-type{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:7px;line-height:1.2;white-space:nowrap;} .page-module .param-type{border:1px solid color-mix(in srgb,var(--purple) 24%,transparent);background:var(--purple-soft);color:var(--purple);font-size:0.81rem;} .page-module .returns{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:9px 0 16px;} .page-module .returns-label{color:var(--text-muted);font-size:0.72rem;font-variation-settings:var(--type-label);letter-spacing:0.085em;text-transform:uppercase;} .page-module .returns-type{border:1px solid color-mix(in srgb,var(--green) 24%,transparent);background:var(--green-soft);color:var(--green);font-size:0.83rem;} .page-module .note{position:relative;margin-top:14px;padding:12px 15px 12px 16px;border:1px solid color-mix(in srgb,var(--spotlight-color) 18%,var(--border-subtle));border-left:3px solid var(--spotlight-color);border-radius:4px var(--radius-sm) var(--radius-sm) 4px;background:color-mix(in srgb,var(--spotlight-color) 8%,var(--bg-card));color:var(--text-secondary);font-size:0.92rem;line-height:1.64;} .page-module .no-results{display:none;margin:20px 0 52px;padding:42px 24px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--text-muted);text-align:center;} .page-module .no-results.show{display:block;} .page-module .no-results p{margin:0;} .page-module .footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:88px;padding-top:30px;border-top:1px solid var(--border);color:var(--text-muted);font-size:0.82rem;} .page-module .footer strong{color:var(--text-secondary);font-variation-settings:var(--type-ui-strong);} .page-module .footer a{color:var(--accent-hover);text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:3px;} .page-module .footer a:hover{color:var(--text);text-decoration-color:var(--accent);} .page-module .overlay{position:fixed;inset:var(--header-h) 0 0;z-index:40;display:none;background:rgba(1,4,9,0.58);} .page-module .overlay.show{display:block;} @media (min-width:1500px){:root{--content-width:1120px;} .page-module .main{padding-right:78px;padding-left:78px;}} @media (max-width:1050px){:root{--nav-width:266px;} .page-module .main{padding-right:38px;padding-left:38px;}} @media (max-width:900px){:root{--header-h:66px;} .page-module .header{padding-inline:15px;} .page-module .menu-btn{display:inline-grid;} .page-module .sidebar{width:min(86vw,310px);transform:translateX(-104%);box-shadow:28px 0 80px rgba(0,0,0,0.42);} .page-module .sidebar.open{transform:translateX(0);} .page-module .main{width:100%;max-width:none;margin-left:0;padding:34px clamp(18px,5vw,44px) 90px;} .page-module .search-wrap{width:min(34vw,250px);} .page-module .hero{padding:clamp(28px,6vw,46px);}} @media (max-width:650px){.page-module .header{gap:10px;} .page-module .logo{font-size:1.08rem;} .page-module .logo-badge{display:none;} .page-module .search-wrap{flex:1 1 auto;width:auto;min-width:0;} .page-module .search-wrap::after{display:none;} .page-module .search-wrap input{padding-right:12px;} .page-module .overview-grid{grid-template-columns:1fr;} .page-module .hero h1{font-size:clamp(2.25rem,13vw,3.9rem);} .page-module .section-header{align-items:flex-start;flex-direction:column;gap:8px;} .page-module .fn-header{padding:19px 18px 0;} .page-module .fn-summary{padding-right:18px;padding-left:18px;} .page-module .fn-card.open .fn-body{padding-right:18px;padding-left:18px;} .page-module .params-table{display:block;overflow-x:auto;white-space:nowrap;}} @media (max-width:480px){.page-module .search-wrap{display:none;} .page-module .header-spacer{display:block;} .page-module .main{padding:24px 14px 72px;} .page-module .hero{margin-bottom:42px;padding:25px 20px 27px;border-radius:21px;} .page-module .hero h1{letter-spacing:-0.052em;} .page-module .hero::after{right:8px;font-size:7rem;} .page-module .meta-chip{min-height:31px;padding:5px 9px;font-size:0.74rem;} .page-module .overview-card{padding:19px;} .page-module .section{margin-bottom:60px;} .page-module .fn-card,.page-module .overview-card{border-radius:15px;} .page-module .fn-sig{font-size:0.76rem;} .page-module .fn-summary{font-size:0.94rem;} .page-module .footer{align-items:flex-start;flex-direction:column;}} @media (hover:none),(pointer:coarse){.page-module .overview-card:hover,.page-module .fn-card:hover{transform:none;} .page-module .overview-card::before,.page-module .overview-card::after,.page-module .fn-card::before,.page-module .fn-card::after{display:none;}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} *,*::before,*::after{scroll-behavior:auto !important;transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;}} @supports not (backdrop-filter:blur(1px)){.page-module .header,.page-module .sidebar,.page-module .overview-card,.page-module .fn-card{background:var(--bg-card-solid);}} .page-module .fn-card:hover,.page-module .fn-card.open{border-color:var(--border);} .page-module .fn-card:hover::after,.page-module .fn-card.open::after,.page-module .fn-header:focus::after,.page-module .fn-header:focus-visible::after{opacity:0 !important;} .page-module .fn-header:focus,.page-module .fn-header:focus-visible{outline:none !important;box-shadow:none !important;} @keyframes pulse{0%,100%{opacity:1;} 50%{opacity:.4;}} @keyframes fadeUp{from{opacity:0;transform:translateY(18px);} to{opacity:1;transform:translateY(0);}} .page-faq{background:var(--bg);color:var(--tx);} .page-faq .faq-hero{position:relative;border-bottom:1px solid var(--ln);background:radial-gradient(circle at 16% 15%,rgba(79,108,247,.09),transparent 29rem),linear-gradient(180deg,color-mix(in srgb,var(--bg2) 54%,transparent),var(--bg));} .page-faq .faq-hero::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--teal),var(--blue),var(--purple),var(--coral),var(--amber));} .page-faq .faq-hero-inner{width:min(1380px,calc(100% - 64px));margin:0 auto;padding:clamp(52px,6vw,86px) 0 clamp(42px,5vw,68px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(48px,7vw,112px);align-items:center;} .page-faq .faq-eyebrow,.page-faq .faq-group-kicker,.page-faq .faq-question-kicker,.page-faq .faq-definition-label,.page-faq .faq-sidebar-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;} .page-faq .faq-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--tx3);font-size:.72rem;font-weight:600;} .page-faq .faq-eyebrow::before{content:"";width:34px;height:2px;border-radius:99px;background:var(--blue);} .page-faq .faq-title{max-width:800px;margin:0;color:var(--white);font-size:clamp(2.75rem,5.1vw,5.6rem);line-height:.96;letter-spacing:-.055em;font-weight:820;} .page-faq .faq-title span{color:var(--blue);} .page-faq .faq-lead{max-width:720px;margin:24px 0 0;color:var(--tx2);font-size:clamp(1rem,1.35vw,1.28rem);line-height:1.65;} .page-faq .faq-definition{position:relative;padding:clamp(26px,3vw,38px);border:1px solid var(--ln2);border-radius:22px;background:color-mix(in srgb,var(--bg2) 94%,transparent);box-shadow:0 24px 64px rgba(22,31,48,.09);overflow:hidden;} .page-faq .faq-definition::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--blue),var(--teal));} .page-faq .faq-definition-label{margin-bottom:18px;color:var(--blue);font-size:.7rem;font-weight:700;} .page-faq .faq-definition-main{margin:0;color:var(--tx);font-size:clamp(1rem,1.15vw,1.16rem);line-height:1.72;} .page-faq .faq-definition-main strong{color:var(--white);} .page-faq .faq-definition-note{margin:14px 0 0;color:var(--tx2);line-height:1.65;font-size:.94rem;} .page-faq .faq-definition-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid var(--ln);} .page-faq .faq-fact{display:flex;flex-direction:column;gap:3px;} .page-faq .faq-fact strong{color:var(--white);font-size:1.18rem;line-height:1;} .page-faq .faq-fact span{color:var(--tx3);font-size:.74rem;} .page-faq .faq-shell{width:min(1380px,calc(100% - 64px));margin:0 auto;padding:54px 0 96px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(40px,5vw,76px);align-items:start;} .page-faq .faq-sidebar-inner{position:sticky;top:92px;} .page-faq .faq-search{position:relative;display:block;margin-bottom:28px;} .page-faq .faq-search svg{position:absolute;left:15px;top:50%;width:18px;transform:translateY(-50%);color:var(--tx3);pointer-events:none;} .page-faq .faq-search input{width:100%;height:48px;padding:0 15px 0 44px;border:1px solid var(--ln2);border-radius:12px;outline:0;background:var(--bg2);color:var(--tx);font:500 .92rem var(--font-sans);box-shadow:0 8px 22px rgba(24,34,52,.04);} .page-faq .faq-search input:focus{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 13%,transparent);} .page-faq .faq-search input::placeholder{color:var(--tx3);} .page-faq .faq-sidebar-title{margin:0 12px 10px;color:var(--tx3);font-size:.66rem;font-weight:700;} .page-faq .faq-category-nav{display:grid;gap:5px;} .page-faq .faq-category{width:100%;min-height:43px;padding:8px 10px 8px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--tx2);font:600 .9rem var(--font-sans);text-align:left;cursor:pointer;} .page-faq .faq-category:hover{color:var(--tx);background:var(--bg2);} .page-faq .faq-category.active{border-color:color-mix(in srgb,var(--blue) 28%,var(--ln));background:color-mix(in srgb,var(--blue) 10%,var(--bg2));color:var(--blue);} .page-faq .faq-category-count{min-width:27px;height:25px;padding:0 7px;display:inline-grid;place-items:center;border:1px solid var(--ln);border-radius:8px;background:var(--bg);color:var(--tx3);font-family:var(--font-mono);font-size:.69rem;} .page-faq .faq-category.active .faq-category-count{border-color:color-mix(in srgb,var(--blue) 24%,var(--ln));color:var(--blue);} .page-faq .faq-sidebar-help{margin-top:30px;padding:18px;display:grid;gap:8px;border:1px solid var(--ln);border-radius:14px;background:color-mix(in srgb,var(--bg2) 76%,transparent);} .page-faq .faq-sidebar-help strong{color:var(--white);font-size:.88rem;} .page-faq .faq-sidebar-help>span{color:var(--tx2);font-size:.8rem;line-height:1.5;} .page-faq .faq-sidebar-help div{display:flex;gap:14px;margin-top:4px;} .page-faq .faq-sidebar-help a{color:var(--blue);font-size:.78rem;font-weight:700;text-decoration:none;} .page-faq .faq-content{min-width:0;} .page-faq .faq-results{min-height:48px;margin-bottom:24px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ln);color:var(--tx3);font-size:.82rem;} .page-faq .faq-results strong{color:var(--tx);font-family:var(--font-mono);} .page-faq .faq-results button{border:0;background:transparent;color:var(--blue);font:700 .78rem var(--font-sans);cursor:pointer;} .page-faq .faq-group{scroll-margin-top:92px;padding:24px 0 46px;border-bottom:1px solid var(--ln);} .page-faq .faq-group:last-of-type{border-bottom:0;} .page-faq .faq-group-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:22px;} .page-faq .faq-group-kicker{grid-column:1 / -1;margin-bottom:-11px;color:var(--blue);font-size:.67rem;font-weight:700;} .page-faq .faq-group-title{margin:0;color:var(--white);font-size:clamp(1.42rem,2vw,2rem);line-height:1.16;letter-spacing:-.025em;} .page-faq .faq-group-desc{max-width:360px;margin:0;color:var(--tx3);font-size:.86rem;line-height:1.5;text-align:right;} .page-faq .faq-list{display:grid;gap:10px;} .page-faq .faq-item{--faq-accent:var(--blue);position:relative;border:1px solid var(--ln);border-radius:14px;background:var(--bg2);overflow:clip;box-shadow:0 7px 20px rgba(24,34,52,.035);} .page-faq .faq-item[data-c="teal"]{--faq-accent:var(--teal);} .page-faq .faq-item[data-c="purple"]{--faq-accent:var(--purple);} .page-faq .faq-item[data-c="green"]{--faq-accent:var(--green);} .page-faq .faq-item[data-c="coral"]{--faq-accent:var(--coral);} .page-faq .faq-item[data-c="amber"]{--faq-accent:var(--amber);} .page-faq .faq-item[data-c="sky"]{--faq-accent:var(--sky);} .page-faq .faq-item::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--faq-accent);opacity:.78;} .page-faq .faq-item[open]{border-color:color-mix(in srgb,var(--faq-accent) 30%,var(--ln));box-shadow:0 16px 38px rgba(24,34,52,.07);} .page-faq .faq-question{min-height:78px;padding:18px 22px 18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;user-select:none;} .page-faq .faq-question::-webkit-details-marker{display:none;} .page-faq .faq-question-copy{min-width:0;display:grid;gap:5px;} .page-faq .faq-question-kicker{color:var(--faq-accent);font-size:.62rem;font-weight:700;} .page-faq .faq-question-title{color:var(--white);font-size:1rem;font-weight:700;line-height:1.35;} .page-faq .faq-question-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--ln2);border-radius:10px;background:var(--bg);color:var(--faq-accent);font-family:var(--font-mono);font-size:1.08rem;} .page-faq .faq-question:hover .faq-question-icon{border-color:color-mix(in srgb,var(--faq-accent) 35%,var(--ln));background:color-mix(in srgb,var(--faq-accent) 8%,var(--bg));} .page-faq .faq-answer{padding:0 24px 25px;border-top:1px solid var(--ln);color:var(--tx2);font-size:.96rem;line-height:1.72;} .page-faq .faq-answer>:first-child{margin-top:22px;} .page-faq .faq-answer p{margin:0 0 13px;} .page-faq .faq-answer strong{color:var(--tx);} .page-faq .faq-answer em{color:var(--tx);} .page-faq .faq-answer code{padding:2px 6px;border:1px solid var(--ln);border-radius:6px;background:var(--bg);color:var(--sky);font:.86em var(--font-mono);} .page-faq .faq-anchor{margin-top:20px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--teal) 25%,var(--ln));border-left:3px solid var(--teal);border-radius:12px;background:color-mix(in srgb,var(--teal) 5%,var(--bg));} .page-faq .faq-anchor p{margin:9px 0 0;} .page-faq .faq-anchor p:first-child{margin-top:0;color:var(--tx);font-weight:650;} .page-faq .faq-answer-link{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:var(--blue);font-size:.84rem;font-weight:700;text-decoration:none;} .page-faq .compare{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border:1px solid var(--ln);border-radius:14px;overflow:hidden;} .page-faq .cmp-col{min-width:0;background:var(--bg);} .page-faq .cmp-col:first-child{border-right:1px solid var(--ln);} .page-faq .cmp-head{padding:10px 15px;border-bottom:1px solid var(--ln);font-size:.72rem;font-weight:700;} .page-faq .cmp-bad{color:var(--coral);background:color-mix(in srgb,var(--coral) 7%,var(--bg2));} .page-faq .cmp-good{color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--bg2));} .page-faq .cmp-col pre,.page-faq .faq-code pre{margin:0;padding:18px;overflow:auto;background:transparent;color:var(--tx);font:.82rem/1.72 var(--font-mono);white-space:pre;} .page-faq .faq-empty{padding:70px 30px;display:grid;justify-items:center;gap:8px;color:var(--tx3);text-align:center;} .page-faq .faq-empty strong{color:var(--white);font-size:1.2rem;} .page-faq .faq-footer{border-top:1px solid var(--ln);background:var(--bg2);} .page-faq .faq-footer-inner{width:min(1380px,calc(100% - 64px));min-height:88px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;} .page-faq .faq-footer-brand{color:var(--white);font-weight:800;} .page-faq .faq-footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;} .page-faq .faq-footer a{color:var(--tx2);font-size:.82rem;text-decoration:none;} .page-faq .faq-footer a:hover{color:var(--blue);} .page-faq .faq-footer-meta{color:var(--tx3);font-size:.74rem;} .page-faq .faq-item[hidden],.page-faq .faq-group[hidden],.page-faq .faq-empty[hidden]{display:none !important;} @media (min-width:1900px){.page-faq .faq-hero-inner,.page-faq .faq-shell,.page-faq .faq-footer-inner{width:min(1580px,calc(100% - 112px));} .page-faq .faq-shell{grid-template-columns:300px minmax(0,1fr);} .page-faq .faq-question-title{font-size:1.08rem;} .page-faq .faq-answer{font-size:1rem;}} @media (max-width:1050px){.page-faq .faq-hero-inner{grid-template-columns:1fr;gap:34px;} .page-faq .faq-definition{max-width:820px;} .page-faq .faq-shell{grid-template-columns:1fr;} .page-faq .faq-sidebar-inner{position:static;} .page-faq .faq-sidebar{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:22px;align-items:start;} .page-faq .faq-search{margin:0;} .page-faq .faq-sidebar-title,.page-faq .faq-sidebar-help{display:none;} .page-faq .faq-category-nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px;} .page-faq .faq-category{width:auto;white-space:nowrap;}} @media (max-width:760px){.page-faq .faq-hero-inner,.page-faq .faq-shell,.page-faq .faq-footer-inner{width:min(100% - 34px,1380px);} .page-faq .faq-title{font-size:clamp(2.45rem,13vw,4rem);} .page-faq .faq-sidebar{grid-template-columns:1fr;} .page-faq .faq-group-header{grid-template-columns:1fr;gap:8px;} .page-faq .faq-group-desc{max-width:none;text-align:left;} .page-faq .compare{grid-template-columns:1fr;} .page-faq .cmp-col:first-child{border-right:0;border-bottom:1px solid var(--ln);} .page-faq .faq-footer-inner{padding:25px 0;grid-template-columns:1fr;gap:15px;} .page-faq .faq-footer-links{justify-content:flex-start;gap:14px;} .page-faq .faq-question{padding:16px 16px 16px 19px;} .page-faq .faq-answer{padding:0 18px 21px;}} @media (max-width:480px){.page-faq .faq-definition-facts{grid-template-columns:1fr 1fr 1fr;} .page-faq .faq-definition{padding:23px 20px;} .page-faq .faq-question-icon{width:31px;height:31px;flex-basis:31px;}} .page-quickstart nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:0 48px;height:56px;background:rgba(12,14,20,.92);border-bottom:1px solid var(--ln);} .page-quickstart .nav-logo{font-family:var(--font-sans);font-size:15px;font-weight:900;letter-spacing:-.5px;color:var(--white);text-decoration:none;margin-right:auto;display:flex;align-items:center;gap:8px;} .page-quickstart .nav-logo-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--blue));} .page-quickstart .nav-links{display:flex;align-items:center;gap:4px;} .page-quickstart .nav-link{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--tx2);text-decoration:none;transition:color .15s,background .15s;} .page-quickstart .nav-link:hover{color:var(--tx);background:var(--bg3);} .page-quickstart .nav-link.active{color:var(--blue);background:var(--bg3);} .page-quickstart .nav-cta{margin-left:8px;padding:7px 16px;background:var(--blue);color:#0c0e14;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;} .page-quickstart .nav-cta:hover{opacity:.85;} .page-quickstart .page{display:flex;min-height:calc(100vh - 56px);} .page-quickstart .toc{width:240px;min-width:240px;background:var(--bg2);border-right:1px solid var(--ln);position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;flex-shrink:0;} .page-quickstart .toc::-webkit-scrollbar{width:3px;} .page-quickstart .toc::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} .page-quickstart .toc-head{padding:20px 18px 14px;border-bottom:1px solid var(--ln);} .page-quickstart .toc-progress-label{font-family:var(--font-mono);font-size:10px;color:var(--tx3);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;} .page-quickstart .toc-progress-bar{height:2px;background:var(--ln);border-radius:2px;overflow:hidden;} .page-quickstart .toc-progress-fill{height:100%;background:var(--blue);width:0%;transition:width .3s;border-radius:2px;} .page-quickstart .toc-nav{padding:8px 0;} .page-quickstart .toc-link{display:flex;align-items:center;gap:8px;padding:7px 18px;font-size:12px;font-weight:500;color:var(--tx2);text-decoration:none;border-left:2px solid transparent;transition:all .12s;} .page-quickstart .toc-link:hover{color:var(--tx);background:var(--bg3);} .page-quickstart .toc-link.active{color:var(--blue);border-left-color:var(--blue);background:rgba(122,162,247,.06);} .page-quickstart .toc-num{font-family:var(--font-mono);font-size:10px;color:var(--tx3);min-width:16px;} .page-quickstart .hero{position:relative;padding:72px 56px 52px;overflow:hidden;border-bottom:1px solid var(--ln);background:var(--bg2);} .page-quickstart .hero::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal) 0%,var(--blue) 25%,var(--purple) 60%,var(--coral) 100%);} .page-quickstart .hero::after{content:"";position:absolute;top:-150px;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse at center,rgba(122,162,247,.05) 0%,transparent 70%);pointer-events:none;} .page-quickstart .hero-inner{max-width:820px;position:relative;z-index:1;} .page-quickstart .hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;} .page-quickstart .hero-eyebrow::before{content:"";width:24px;height:1px;background:var(--tx3);} .page-quickstart .hero-title{font-family:var(--font-sans);font-size:clamp(26px,3.5vw,40px);font-weight:900;letter-spacing:-1.5px;line-height:1.05;color:var(--white);margin-bottom:16px;} .page-quickstart .hero-title .hl{color:var(--blue);} .page-quickstart .hero-desc{font-size:15px;color:var(--tx2);line-height:1.7;margin-bottom:24px;max-width:640px;} .page-quickstart .hero-desc strong{color:var(--tx);} .page-quickstart .def-pill{display:inline-flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--ln2);border-radius:8px;padding:10px 16px;font-size:13px;color:var(--tx2);line-height:1.5;margin-bottom:28px;max-width:680px;} .page-quickstart .def-pill strong{color:var(--blue);} .page-quickstart .def-pill-icon{font-size:16px;flex-shrink:0;} .page-quickstart .hero-actions{display:flex;gap:10px;flex-wrap:wrap;} .page-quickstart .btn-p{padding:9px 20px;background:var(--blue);color:#0c0e14;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .15s;} .page-quickstart .btn-p:hover{opacity:.85;} .page-quickstart .btn-s{padding:9px 20px;background:var(--bg3);border:1px solid var(--ln2);color:var(--tx2);border-radius:7px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;} .page-quickstart .btn-s:hover{color:var(--tx);border-color:var(--blue);} .page-quickstart .main{flex:1;min-width:0;} .page-quickstart .content{padding:0 56px 80px;max-width:860px;} .page-quickstart .step{padding:52px 0 0;scroll-margin-top:80px;} .page-quickstart .step-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;color:var(--tx3);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;} .page-quickstart .step-num{width:22px;height:22px;border-radius:50%;background:var(--bg3);border:1px solid var(--ln2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--blue);flex-shrink:0;} .page-quickstart .step-title{font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--white);margin-bottom:8px;} .page-quickstart .step-desc{font-size:14px;color:var(--tx2);margin-bottom:22px;line-height:1.7;} .page-quickstart .step-desc strong{color:var(--tx);} .page-quickstart .options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;} @media (max-width:600px){.page-quickstart .options{grid-template-columns:1fr;}} .page-quickstart .opt-card{background:var(--bg2);border:1px solid var(--ln);border-radius:10px;padding:18px 20px;transition:border-color .15s;} .page-quickstart .opt-card:hover{border-color:var(--ln2);} .page-quickstart .opt-icon{font-size:20px;margin-bottom:8px;} .page-quickstart .opt-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:6px;} .page-quickstart .opt-desc{font-size:12px;color:var(--tx2);margin-bottom:12px;line-height:1.6;} .page-quickstart .opt-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .15s;} .page-quickstart .opt-btn-p{background:var(--blue);color:#0c0e14;} .page-quickstart .opt-btn-s{background:var(--bg3);border:1px solid var(--ln2);color:var(--tx2);} .page-quickstart .opt-btn:hover{opacity:.8;} .page-quickstart .steps-list{counter-reset:sl;} .page-quickstart .steps-list-item{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--ln);font-size:13px;color:var(--tx2);line-height:1.6;} .page-quickstart .steps-list-item:last-child{border-bottom:none;} .page-quickstart .steps-list-item::before{counter-increment:sl;content:counter(sl);min-width:22px;height:22px;border-radius:50%;background:rgba(122,162,247,.1);color:var(--blue);font-family:var(--font-mono);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;} .page-quickstart .steps-list-item strong{color:var(--tx);} .page-quickstart .steps-list-item code{font-family:var(--font-mono);font-size:12px;color:var(--sky);background:rgba(255,255,255,.05);padding:1px 5px;border-radius:3px;} .page-quickstart .code-card{background:var(--bg2);border:1px solid var(--ln);border-radius:10px;overflow:hidden;margin:16px 0;} .page-quickstart .code-bar{display:flex;align-items:center;gap:7px;padding:9px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} .page-quickstart .dot{width:9px;height:9px;border-radius:50%;} .page-quickstart .dot-r{background:#f7768e;} .page-quickstart .dot-y{background:#e0af68;} .page-quickstart .dot-g{background:#9ece6a;} .page-quickstart .code-label{font-family:var(--font-mono);font-size:10px;color:var(--tx3);margin-left:4px;letter-spacing:.3px;} .page-quickstart .copy-btn{margin-left:auto;background:var(--bg4);border:1px solid var(--ln2);border-radius:4px;color:var(--tx3);font-family:var(--font-mono);font-size:10px;padding:3px 8px;cursor:pointer;transition:all .12s;} .page-quickstart .copy-btn:hover{color:var(--tx);border-color:var(--tx3);} .page-quickstart .copy-btn.ok{color:var(--green);border-color:var(--green);} .page-quickstart pre{padding:18px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.85;} .page-quickstart pre::-webkit-scrollbar{height:3px;} .page-quickstart pre::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} .page-quickstart .kw{color:var(--purple);} .page-quickstart .fn{color:var(--teal);} .page-quickstart .mod{color:var(--blue);font-weight:600;} .page-quickstart .str{color:var(--green);} .page-quickstart .num{color:var(--peach);} .page-quickstart .com{color:var(--tx3);font-style:italic;} .page-quickstart .v{color:var(--amber);} .page-quickstart .compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ln);border-radius:10px;overflow:hidden;margin:16px 0;} .page-quickstart .cmp-col:first-child{border-right:1px solid var(--ln);} .page-quickstart .cmp-head{padding:9px 16px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--ln);} .page-quickstart .cmp-bad{background:rgba(247,118,142,.06);color:var(--coral);} .page-quickstart .cmp-good{background:rgba(158,206,106,.06);color:var(--green);} .page-quickstart .cmp-col pre{font-size:12px;background:var(--bg2);} @media (max-width:640px){.page-quickstart .compare{grid-template-columns:1fr;} .page-quickstart .cmp-col:first-child{border-right:none;border-bottom:1px solid var(--ln);}} .page-quickstart .callout{display:flex;gap:12px;padding:14px 16px;border-radius:8px;margin:14px 0;font-size:13px;line-height:1.65;color:var(--tx2);} .page-quickstart .callout.tip{background:rgba(115,218,202,.06);border-left:3px solid var(--teal);} .page-quickstart .callout.warn{background:rgba(224,175,104,.06);border-left:3px solid var(--amber);} .page-quickstart .callout.info{background:rgba(122,162,247,.06);border-left:3px solid var(--blue);} .page-quickstart .callout-icon{font-size:15px;flex-shrink:0;line-height:1.65;} .page-quickstart .callout b{color:var(--tx);font-weight:600;} .page-quickstart .callout code{font-family:var(--font-mono);font-size:12px;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:3px;color:var(--sky);} .page-quickstart .narrative{background:var(--bg2);border:1px solid var(--ln2);border-left:3px solid var(--blue);border-radius:8px;padding:14px 18px;margin:16px 0;font-size:13px;color:var(--tx2);line-height:1.7;} .page-quickstart .narrative strong{color:var(--blue);} .page-quickstart .next-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px;} @media (max-width:640px){.page-quickstart .next-grid{grid-template-columns:1fr;}} .page-quickstart .next-card{background:var(--bg2);border:1px solid var(--ln);border-radius:10px;padding:18px 20px;text-decoration:none;transition:border-color .15s;display:block;} .page-quickstart .next-card:hover{border-color:var(--blue);} .page-quickstart .next-card-icon{font-size:20px;margin-bottom:8px;} .page-quickstart .next-card-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:4px;} .page-quickstart .next-card-desc{font-size:12px;color:var(--tx2);} .page-quickstart hr{border:none;height:1px;background:var(--ln);margin:0;} .page-quickstart footer{border-top:1px solid var(--ln);padding:28px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;} .page-quickstart .footer-logo{font-family:var(--font-sans);font-size:13px;font-weight:900;color:var(--white);display:flex;align-items:center;gap:7px;} .page-quickstart .footer-logo-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--blue));} .page-quickstart .footer-meta{font-size:12px;color:var(--tx3);} @media (max-width:900px){.page-quickstart .toc{display:none;}} @media (max-width:640px){.page-quickstart nav{padding:0 20px;} .page-quickstart .nav-links{display:none;} .page-quickstart .hero,.page-quickstart .content{padding-left:20px;padding-right:20px;} .page-quickstart footer{padding:24px 20px;}}:root{--bg2:var(--bg-elevated);--bg3:var(--bg-card-solid);--bg4:var(--bg-hover);--ln:var(--border-subtle);--ln2:var(--border);--tx:var(--text);--tx2:var(--text-secondary);--tx3:var(--text-muted);--blue:var(--accent);--teal:var(--cyan);--amber:var(--orange);--coral:var(--pink);--white:var(--text);--sky:var(--cyan);--peach:var(--orange);--font:var(--font-sans);--mono:var(--font-mono);} body{background:var(--bg);font-size:17px;text-rendering:auto;} [hidden]{display:none !important;} .site-theme-btn{display:inline-grid;width:40px;height:40px;flex:0 0 40px;place-items:center;margin-left:8px;padding:0;border:1px solid var(--border);border-radius:11px;background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;} .site-theme-btn:hover{color:var(--text);background:var(--bg-hover);} .site-theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .page-module .header,.page-module .sidebar,.page-module .meta-chip,.page-module .overview-card,.page-module .fn-card,.page-module .overlay,.page-faq>nav,.page-quickstart>nav{} .page-module .header,.page-module .sidebar{background:var(--bg-elevated);} .page-module .overview-card,.page-module .fn-card{background:var(--bg-card-solid);} .page-module .overview-card::before,.page-module .overview-card::after,.page-module .fn-card::before,.page-module .fn-card::after{display:none !important;} .page-module .overview-card,.page-module .fn-card,.page-faq .card,.page-quickstart .opt-card,.page-quickstart .code-card,.page-quickstart .next-card{} .page-module .fn-card,.page-module .fn-card:hover,.page-module .fn-card.open{transform:none !important;box-shadow:0 8px 24px rgba(24,34,52,0.06) !important;transition:background-color 90ms linear,border-color 90ms linear !important;} [data-theme="dark"] .page-module .fn-card,[data-theme="dark"] .page-module .fn-card:hover,[data-theme="dark"] .page-module .fn-card.open{box-shadow:0 10px 26px rgba(0,0,0,0.18) !important;} .page-module .fn-body,.page-module .fn-card:not(.open) .fn-body{display:none !important;max-height:none !important;padding:15px 24px 24px !important;overflow:visible !important;opacity:1 !important;visibility:visible !important;transition:none !important;} .page-module .fn-card.open .fn-body{display:block !important;} .page-module .fn-toggle{transition:transform 90ms linear,color 90ms linear !important;} .page-module .overview-card,.page-module .overview-card:hover{transform:none !important;box-shadow:0 5px 18px rgba(24,34,52,0.05) !important;transition:border-color 90ms linear,background-color 90ms linear !important;} .page-module .logo,.page-module .overview-card h3{transition:color 90ms linear !important;} .page-faq .hero-title,.page-faq .section-title,.page-quickstart .hero-title,.page-quickstart .step-title{font-family:var(--font-sans);font-variation-settings:var(--type-heading);} .page-faq .hero-title,.page-quickstart .hero-title{font-variation-settings:var(--type-display);} .page-faq .nav-logo,.page-faq .footer-logo,.page-quickstart .nav-logo,.page-quickstart .footer-logo{font-family:var(--font-sans);font-variation-settings:"wght" 730,"slnt" -1,"FLAR" 48,"VOLM" 30;} .page-faq>nav,.page-quickstart>nav{min-height:64px;height:64px;padding-inline:clamp(18px,4vw,48px);border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);box-shadow:0 4px 18px rgba(24,34,52,0.04);} .page-faq .nav-logo,.page-quickstart .nav-logo{font-size:1.05rem;color:var(--text);} .page-faq .nav-link,.page-quickstart .nav-link{font-size:0.86rem;color:var(--text-secondary);} .page-faq .nav-link:hover,.page-quickstart .nav-link:hover,.page-faq .nav-link.active,.page-quickstart .nav-link.active{color:var(--accent);background:var(--accent-soft);} .page-faq .nav-cta,.page-quickstart .nav-cta{background:var(--accent);color:var(--text-inverse);border-radius:9px;} .page-faq .def-text{font-size:1.08rem;} .page-faq .def-note,.page-faq .card-body,.page-faq .anchor-block p{font-size:0.94rem;} .page-faq .card-title{font-size:1rem;} .page-faq .card-body code,.page-faq .card-code pre,.page-faq .cmp-col pre{font-size:0.84rem;} .page-faq .card.hidden{display:none !important;} .page-quickstart .hero-desc,.page-quickstart .step-desc,.page-quickstart .steps-list-item,.page-quickstart .callout{font-size:0.94rem;} .page-quickstart .opt-desc{font-size:0.86rem;} .page-quickstart pre{font-size:0.88rem;} .page-faq .card{animation:none !important;opacity:1 !important;transform:none !important;} .page-faq .card:hover,.page-quickstart .opt-card:hover,.page-quickstart .next-card:hover{transform:none !important;box-shadow:none !important;} @media (max-width:860px){.page-faq .nav-links,.page-quickstart .nav-links{display:none;} .page-faq .nav-cta,.page-quickstart .nav-cta{margin-left:auto;}} @media (max-width:560px){body{font-size:16px;} .site-theme-btn{width:38px;height:38px;flex-basis:38px;} .page-faq .nav-cta,.page-quickstart .nav-cta{display:none;}} .page-faq *,.page-quickstart *,.page-module *{animation:none !important;} .page-faq section,.page-quickstart section,.page-module section,.page-module .fn-card,.page-module .overview-card{content-visibility:visible !important;contain:none !important;} .page-module .fn-card,.page-module .fn-header,.page-module .fn-body{transition:none !important;} .page-module .fn-card:hover,.page-module .fn-card.open,.page-module .fn-header:hover,.page-module .fn-header:focus,.page-module .fn-header:focus-visible{outline:0 !important;box-shadow:none !important;} .page-module .fn-card::after,.page-module .fn-header::after{display:none !important;} .page-module .fn-card.open .fn-body{display:block;} body.page-css-guide *{box-sizing:border-box;margin:0;padding:0;} body.page-css-guide{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;font-size:15px;} body.page-css-guide .page{max-width:900px;margin:0 auto;padding:48px 32px 80px;} body.page-css-guide h1{font-size:28px;font-weight:800;margin-bottom:6px;} body.page-css-guide h1 span{color:var(--accent);} body.page-css-guide .subtitle{color:var(--text2);margin-bottom:48px;font-size:14px;} body.page-css-guide h2{font-size:18px;font-weight:700;margin:40px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--border);} body.page-css-guide h3{font-size:14px;font-weight:700;margin:24px 0 10px;color:var(--text2);text-transform:uppercase;letter-spacing:0.8px;} body.page-css-guide p{color:var(--text2);margin-bottom:12px;} body.page-css-guide .code{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:16px 18px;font-family:var(--font-mono);font-size:12px;color:var(--text2);white-space:pre;overflow-x:auto;line-height:1.8;margin:10px 0 18px;} body.page-css-guide .kw{color:var(--accent);} body.page-css-guide .attr{color:var(--teal);} body.page-css-guide .val{color:var(--green);} body.page-css-guide .str{color:var(--amber);} body.page-css-guide .cm{color:var(--text3);} body.page-css-guide .file-table{width:100%;border-collapse:collapse;margin:12px 0 20px;} body.page-css-guide .file-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:var(--text3);padding:6px 12px;border-bottom:1px solid var(--border);} body.page-css-guide .file-table td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:top;} body.page-css-guide .file-table td:first-child{font-family:var(--font-mono);color:var(--accent);font-size:12px;white-space:nowrap;} body.page-css-guide .file-table td:last-child{color:var(--text2);} body.page-css-guide .badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-family:var(--font-mono);} body.page-css-guide .badge-teal{background:rgba(45,212,191,.12);color:var(--teal);} body.page-css-guide .badge-green{background:rgba(52,211,153,.12);color:var(--green);} body.page-css-guide .badge-purple{background:rgba(167,139,250,.12);color:var(--purple);} body.page-css-guide .badge-coral{background:rgba(248,113,113,.12);color:var(--coral);} body.page-css-guide .badge-amber{background:rgba(245,158,11,.15);color:var(--amber);} body.page-css-guide .badge-accent{background:rgba(79,142,247,.15);color:var(--accent);} body.page-css-guide .swatch-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px;} body.page-css-guide .swatch{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;font-size:12px;font-family:var(--font-mono);} body.page-css-guide .swatch-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;} body.page-css-guide .swatch-name{color:var(--accent);} body.page-css-guide .swatch-hex{color:var(--text3);} body.page-css-guide .tip{background:rgba(79,142,247,.08);border:1px solid rgba(79,142,247,.2);border-radius:8px;padding:12px 16px;margin:16px 0;font-size:13px;color:var(--text2);} body.page-css-guide .tip strong{color:var(--accent);} body.page-css-guide .demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;} body.page-css-guide .demo-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px;} body.page-css-guide .demo-card-title{font-size:12px;color:var(--text3);margin-bottom:8px;font-family:var(--font-mono);} body.page-examples *{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-examples){scroll-behavior:auto;} body.page-examples{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;} body.page-examples .hero{padding:52px 48px 36px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0d1117 0%,#111724 100%);position:relative;overflow:hidden;} body.page-examples .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 800px 300px at 60% 0%,rgba(100,130,255,0.06) 0%,transparent 70%);pointer-events:none;} body.page-examples .hero-label{font-family:var(--font-mono);font-size:11px;color:var(--text3);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;} body.page-examples .hero-title{font-family:var(--font-sans);font-size:clamp(22px,4vw,38px);font-weight:800;line-height:1.1;letter-spacing:-1px;color:#e8eaf6;margin-bottom:10px;} body.page-examples .hero-title span{color:var(--blue);} body.page-examples .hero-sub{font-size:14px;color:var(--text2);max-width:580px;line-height:1.6;} body.page-examples .nav-pills{display:flex;gap:8px;padding:16px 48px;border-bottom:1px solid var(--line);overflow-x:auto;background:var(--bg2);position:sticky;top:0;z-index:20;} body.page-examples .nav-pills::-webkit-scrollbar{display:none;} body.page-examples .pill{padding:5px 14px;border-radius:20px;border:1px solid var(--line);background:none;color:var(--text2);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;font-family:var(--font-sans);} body.page-examples .pill:hover{border-color:var(--line2);color:var(--text);} body.page-examples .pill.active{background:var(--blue);border-color:var(--blue);color:#0d1117;font-weight:600;} body.page-examples .content{padding:32px 48px 80px;max-width:1200px;} body.page-examples .section{margin-bottom:64px;} body.page-examples .section-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text3);margin-bottom:12px;padding:4px 10px;border:1px solid var(--line);border-radius:4px;} body.page-examples .section-title{font-family:var(--font-sans);font-size:clamp(18px,2.5vw,26px);font-weight:600;letter-spacing:-0.5px;color:#e8eaf6;margin-bottom:6px;} body.page-examples .section-desc{font-size:14px;color:var(--text2);margin-bottom:28px;max-width:640px;line-height:1.7;} body.page-examples .ex-card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:24px;} body.page-examples .ex-card:hover{border-color:var(--line2);} body.page-examples .ex-header{display:flex;align-items:flex-start;gap:12px;padding:16px 20px 14px;border-bottom:1px solid var(--line);background:var(--bg3);} body.page-examples .ex-num{font-family:var(--font-mono);font-size:11px;color:var(--text3);min-width:24px;padding-top:2px;} body.page-examples .ex-title{font-size:14px;font-weight:600;color:#e8eaf6;line-height:1.4;} body.page-examples .ex-sub{font-size:12px;color:var(--text2);margin-top:3px;line-height:1.5;} body.page-examples .ex-badges{display:flex;gap:5px;margin-left:auto;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;} body.page-examples .badge{font-size:10px;padding:2px 7px;border-radius:4px;font-family:var(--font-mono);white-space:nowrap;} body.page-examples .b-green{background:rgba(166,227,161,0.12);color:var(--green);border:1px solid rgba(166,227,161,0.2);} body.page-examples .b-blue{background:rgba(137,180,250,0.12);color:var(--blue);border:1px solid rgba(137,180,250,0.2);} body.page-examples .b-purple{background:rgba(203,166,247,0.12);color:var(--purple);border:1px solid rgba(203,166,247,0.2);} body.page-examples .b-coral{background:rgba(243,139,168,0.12);color:var(--coral);border:1px solid rgba(243,139,168,0.2);} body.page-examples .b-teal{background:rgba(148,226,213,0.12);color:var(--teal);border:1px solid rgba(148,226,213,0.2);} body.page-examples .b-yellow{background:rgba(249,226,175,0.12);color:var(--yellow);border:1px solid rgba(249,226,175,0.2);} body.page-examples .b-peach{background:rgba(250,179,135,0.12);color:var(--peach);border:1px solid rgba(250,179,135,0.2);} body.page-examples .ex-body{padding:0;} body.page-examples .code-wrap{position:relative;} body.page-examples .code-title{font-family:var(--font-mono);font-size:10px;color:var(--text3);padding:9px 20px 6px;border-bottom:1px solid var(--line);letter-spacing:0.5px;display:flex;align-items:center;gap:8px;} body.page-examples .code-dot{width:6px;height:6px;border-radius:50%;} body.page-examples .dot-r{background:#f38ba8;} body.page-examples .dot-y{background:#f9e2af;} body.page-examples .dot-g{background:#a6e3a1;} body.page-examples pre{padding:18px 22px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.8;color:var(--text);} body.page-examples pre::-webkit-scrollbar{height:4px;} body.page-examples pre::-webkit-scrollbar-thumb{background:var(--line2);border-radius:4px;} body.page-examples .kw{color:var(--purple);} body.page-examples .fn{color:var(--teal);} body.page-examples .str{color:var(--green);} body.page-examples .num{color:var(--peach);} body.page-examples .com{color:var(--text3);font-style:italic;} body.page-examples .mod{color:var(--blue);font-weight:600;} body.page-examples .var{color:var(--yellow);} body.page-examples .op{color:var(--coral);} body.page-examples .compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:24px;} body.page-examples .compare-col{overflow:hidden;} body.page-examples .compare-col:first-child{border-right:1px solid var(--line);} body.page-examples .compare-header{padding:10px 16px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);} body.page-examples .compare-header.bad{background:rgba(243,139,168,0.06);color:var(--coral);} body.page-examples .compare-header.good{background:rgba(166,227,161,0.06);color:var(--green);} body.page-examples .compare-col pre{background:var(--bg2);font-size:12px;line-height:1.75;padding:16px 18px;} body.page-examples .callout{display:flex;gap:12px;padding:14px 18px;border-radius:8px;margin:16px 0;font-size:13px;line-height:1.6;} body.page-examples .callout.info{background:rgba(137,180,250,0.07);border-left:3px solid var(--blue);color:var(--text2);} body.page-examples .callout.warn{background:rgba(249,226,175,0.07);border-left:3px solid var(--yellow);color:var(--text2);} body.page-examples .callout.tip{background:rgba(166,227,161,0.07);border-left:3px solid var(--green);color:var(--text2);} body.page-examples .callout-icon{font-size:16px;flex-shrink:0;margin-top:1px;} body.page-examples .divider{height:1px;background:var(--line);margin:56px 0;} body.page-examples .copy-btn{position:absolute;top:8px;right:14px;background:var(--bg4);border:1px solid var(--line2);border-radius:5px;color:var(--text2);font-family:var(--font-mono);font-size:10px;padding:3px 8px;cursor:pointer;opacity:0;} body.page-examples .code-wrap:hover .copy-btn{opacity:1;} body.page-examples .copy-btn:active{background:var(--blue);color:#0d1117;} @media (max-width:768px){body.page-examples .hero,body.page-examples .nav-pills,body.page-examples .content{padding-left:20px;padding-right:20px;} body.page-examples .compare{grid-template-columns:1fr;} body.page-examples .compare-col:first-child{border-right:none;border-bottom:1px solid var(--line);}} body.page-library-index *{box-sizing:border-box;margin:0;padding:0;} body.page-library-index{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.6;} body.page-library-index .shell{display:flex;height:100vh;overflow:hidden;} body.page-library-index .sidebar{width:280px;min-width:280px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;} body.page-library-index .sidebar-header{padding:20px 18px 14px;border-bottom:1px solid var(--border);} body.page-library-index .logo{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-0.5px;} body.page-library-index .logo span{color:var(--accent);} body.page-library-index .version{font-size:11px;color:var(--text3);margin-top:2px;font-family:var(--font-mono);} body.page-library-index .search-wrap{padding:12px 14px;border-bottom:1px solid var(--border);} body.page-library-index .search{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 12px 8px 34px;color:var(--text);font-family:var(--font-sans);font-size:13px;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235a6480' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;} body.page-library-index .search:focus{border-color:var(--accent);} body.page-library-index .search::placeholder{color:var(--text3);} body.page-library-index .nav{flex:1;overflow-y:auto;padding:8px 0;} body.page-library-index .nav::-webkit-scrollbar{width:4px;} body.page-library-index .nav::-webkit-scrollbar-track{background:transparent;} body.page-library-index .nav::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;} body.page-library-index .module-group{margin-bottom:4px;} body.page-library-index .module-btn{width:100%;display:flex;align-items:center;gap:8px;padding:9px 18px;background:none;border:none;color:var(--text2);cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:600;text-align:left;border-radius:0;} body.page-library-index .module-btn:hover{background:var(--bg3);color:var(--text);} body.page-library-index .module-btn.active{color:var(--text);background:var(--bg3);} body.page-library-index .module-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;} body.page-library-index .mod-DS .module-dot{background:var(--teal);} body.page-library-index .mod-AR .module-dot{background:var(--green);} body.page-library-index .mod-Catalogs .module-dot{background:var(--purple);} body.page-library-index .mod-Docs .module-dot{background:var(--coral);} body.page-library-index .func-count{margin-left:auto;font-size:11px;color:var(--text3);font-family:var(--font-mono);font-weight:400;} body.page-library-index .region-list{display:none;padding:2px 0 6px;} body.page-library-index .module-group.open .region-list{display:block;} body.page-library-index .region-btn{width:100%;display:flex;align-items:center;gap:6px;padding:6px 18px 6px 34px;background:none;border:none;color:var(--text3);cursor:pointer;font-family:var(--font-sans);font-size:12px;text-align:left;} body.page-library-index .region-btn:hover{color:var(--text2);} body.page-library-index .region-btn.active{color:var(--accent);} body.page-library-index .region-btn::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0;} body.page-library-index .main{flex:1;overflow-y:auto;display:flex;flex-direction:column;} body.page-library-index .main::-webkit-scrollbar{width:6px;} body.page-library-index .main::-webkit-scrollbar-track{background:transparent;} body.page-library-index .main::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;} body.page-library-index .topbar{padding:16px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;background:var(--bg);position:sticky;top:0;z-index:10;} body.page-library-index .breadcrumb{font-size:13px;color:var(--text3);display:flex;align-items:center;gap:6px;} body.page-library-index .breadcrumb .sep{color:var(--border2);} body.page-library-index .breadcrumb .current{color:var(--text2);} body.page-library-index .filter-row{margin-left:auto;display:flex;gap:8px;} body.page-library-index .filter-chip{padding:4px 10px;border-radius:20px;background:var(--bg3);border:1px solid var(--border);color:var(--text3);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-sans);} body.page-library-index .filter-chip:hover{border-color:var(--accent);color:var(--accent);} body.page-library-index .filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;} body.page-library-index .content{padding:24px 28px;} body.page-library-index .stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;} body.page-library-index .stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;} body.page-library-index .stat-card:hover{border-color:var(--border2);} body.page-library-index .stat-card.active{border-color:var(--accent);} body.page-library-index .stat-num{font-size:24px;font-weight:800;font-family:var(--font-mono);line-height:1;margin-bottom:4px;} body.page-library-index .stat-DS .stat-num{color:var(--teal);} body.page-library-index .stat-AR .stat-num{color:var(--green);} body.page-library-index .stat-Catalogs .stat-num{color:var(--purple);} body.page-library-index .stat-Docs .stat-num{color:var(--coral);} body.page-library-index .stat-name{font-size:12px;color:var(--text2);font-weight:600;} body.page-library-index .stat-desc{font-size:11px;color:var(--text3);margin-top:2px;} body.page-library-index .region-section{margin-bottom:24px;} body.page-library-index .region-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:8px 8px 0 0;cursor:pointer;user-select:none;} body.page-library-index .region-header:hover{background:var(--bg3);} body.page-library-index .region-title{font-size:13px;font-weight:700;color:var(--text2);font-family:var(--font-mono);} body.page-library-index .region-count{font-size:11px;color:var(--text3);font-family:var(--font-mono);margin-left:auto;} body.page-library-index .region-toggle{font-size:10px;color:var(--text3);} body.page-library-index .region-section.collapsed .region-toggle{transform:rotate(-90deg);} body.page-library-index .func-list{border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;overflow:hidden;} body.page-library-index .region-section.collapsed .func-list{display:none;} body.page-library-index .func-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer;} body.page-library-index .func-item:last-child{border-bottom:none;} body.page-library-index .func-item:hover{background:var(--bg3);} body.page-library-index .func-item.hidden{display:none;} body.page-library-index .func-kind{font-size:10px;font-weight:700;font-family:var(--font-mono);padding:2px 6px;border-radius:4px;flex-shrink:0;margin-top:2px;} body.page-library-index .kind-fn{background:rgba(79,142,247,0.15);color:var(--accent);} body.page-library-index .kind-pr{background:rgba(52,211,153,0.12);color:var(--green);} body.page-library-index .func-name{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text);} body.page-library-index .func-name em{color:var(--text3);font-style:normal;} body.page-library-index .func-desc{font-size:12px;color:var(--text3);margin-top:2px;} body.page-library-index .func-tags{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap;} body.page-library-index .func-tag{font-size:10px;padding:1px 6px;border-radius:4px;font-family:var(--font-mono);} body.page-library-index .tag-dep{background:rgba(167,139,250,0.12);color:var(--purple);} body.page-library-index .tag-new{background:rgba(245,158,11,0.15);color:var(--amber);} body.page-library-index .tag-fluent{background:rgba(45,212,191,0.12);color:var(--teal);} body.page-library-index .detail-panel{position:fixed;right:0;top:0;width:420px;height:100vh;background:var(--bg2);border-left:1px solid var(--border);transform:translateX(100%);z-index:100;display:flex;flex-direction:column;overflow:hidden;} body.page-library-index .detail-panel.open{transform:translateX(0);} body.page-library-index .detail-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px;} body.page-library-index .detail-close{margin-left:auto;background:none;border:none;color:var(--text3);cursor:pointer;font-size:18px;line-height:1;padding:2px;flex-shrink:0;} body.page-library-index .detail-close:hover{color:var(--text);} body.page-library-index .detail-fn-name{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--text);word-break:break-all;} body.page-library-index .detail-fn-module{font-size:11px;color:var(--text3);margin-top:3px;} body.page-library-index .detail-body{flex:1;overflow-y:auto;padding:18px 20px;} body.page-library-index .detail-body::-webkit-scrollbar{width:4px;} body.page-library-index .detail-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px;} body.page-library-index .detail-section{margin-bottom:18px;} body.page-library-index .detail-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--text3);margin-bottom:8px;} body.page-library-index .detail-desc{font-size:13px;color:var(--text2);line-height:1.6;} body.page-library-index .param-row{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;font-size:12px;padding:5px 0;border-bottom:1px solid var(--border);} body.page-library-index .param-row:last-child{border-bottom:none;} body.page-library-index .param-name{font-family:var(--font-mono);color:var(--accent);font-size:11px;} body.page-library-index .param-type{color:var(--text3);font-family:var(--font-mono);font-size:11px;} body.page-library-index .param-desc{grid-column:1 / -1;color:var(--text2);padding-top:2px;} body.page-library-index .code-block{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:var(--font-mono);font-size:12px;color:var(--text2);white-space:pre-wrap;word-break:break-word;line-height:1.7;} body.page-library-index .code-kw{color:var(--accent);} body.page-library-index .code-fn{color:var(--teal);} body.page-library-index .code-str{color:var(--green);} body.page-library-index .code-com{color:var(--text3);} body.page-library-index .dep-list{display:flex;flex-wrap:wrap;gap:6px;} body.page-library-index .dep-badge{padding:3px 8px;border-radius:5px;font-size:11px;font-family:var(--font-mono);background:rgba(167,139,250,0.12);color:var(--purple);border:1px solid rgba(167,139,250,0.2);} body.page-library-index .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text3);text-align:center;} body.page-library-index .empty-icon{font-size:36px;margin-bottom:12px;opacity:0.4;} body.page-library-index .empty-text{font-size:14px;} body.page-library-index .empty-sub{font-size:12px;margin-top:6px;color:var(--text3);} body.page-library-index .overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:99;display:none;} body.page-library-index .overlay.show{display:block;} body.page-library-index .tooltip{position:fixed;background:var(--bg4);border:1px solid var(--border2);border-radius:6px;padding:6px 10px;font-size:11px;color:var(--text2);pointer-events:none;z-index:200;display:none;max-width:260px;} body.page-api-reference *{margin:0;padding:0;box-sizing:border-box;} html:has(body.page-api-reference){scroll-behavior:auto;} body.page-api-reference{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;font-size:14px;overflow:hidden;height:100vh;} body.page-api-reference .app{display:grid;grid-template-columns:280px 1fr;grid-template-rows:56px 1fr;height:100vh;} body.page-api-reference .header{grid-column:1 / -1;background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:20px;z-index:100;} body.page-api-reference .header-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--accent);white-space:nowrap;user-select:none;} body.page-api-reference .header-logo .dot{width:8px;height:8px;background:var(--accent);border-radius:50%;} body.page-api-reference .header-search{flex:1;max-width:480px;position:relative;} body.page-api-reference .header-search input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px 8px 36px;color:var(--text);font-family:var(--font-sans);font-size:13px;outline:none;} body.page-api-reference .header-search input:focus{border-color:var(--accent);} body.page-api-reference .header-search input::placeholder{color:var(--text-dim);} body.page-api-reference .header-search .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:14px;} body.page-api-reference .header-search .shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:11px;color:var(--text-dim);font-family:var(--font-sans);} body.page-api-reference .header-stats{margin-left:auto;display:flex;gap:16px;font-size:12px;color:var(--text-dim);white-space:nowrap;} body.page-api-reference .header-stats span{color:var(--accent);font-weight:600;} body.page-api-reference .sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);overflow-y:auto;padding:12px 0;} body.page-api-reference .sidebar::-webkit-scrollbar{width:4px;} body.page-api-reference .sidebar::-webkit-scrollbar-track{background:transparent;} body.page-api-reference .sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;} body.page-api-reference .sidebar-module{margin-bottom:4px;} body.page-api-reference .sidebar-module-header{display:flex;align-items:center;padding:8px 16px;cursor:pointer;user-select:none;} body.page-api-reference .sidebar-module-header:hover{background:var(--bg-card-hover);} body.page-api-reference .sidebar-module-header .chevron{font-size:10px;color:var(--text-dim);margin-right:8px;width:14px;text-align:center;} body.page-api-reference .sidebar-module-header.expanded .chevron{transform:rotate(90deg);} body.page-api-reference .sidebar-module-header .mod-name{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--accent);} body.page-api-reference .sidebar-module-header .mod-count{margin-left:auto;background:var(--accent-dim);color:var(--accent);font-size:10px;font-weight:600;padding:1px 7px;border-radius:10px;font-family:var(--font-sans);} body.page-api-reference .sidebar-functions{display:none;} body.page-api-reference .sidebar-module.expanded .sidebar-functions{display:block;} body.page-api-reference .sidebar-fn{display:flex;align-items:center;padding:6px 16px 6px 38px;cursor:pointer;font-size:13px;border-left:2px solid transparent;} body.page-api-reference .sidebar-fn:hover{background:var(--bg-card-hover);} body.page-api-reference .sidebar-fn.active{background:var(--accent-dim);border-left-color:var(--accent);color:var(--accent);} body.page-api-reference .sidebar-fn .fn-name{font-family:var(--font-sans);font-weight:500;} body.page-api-reference .sidebar-fn .fn-tag{margin-left:auto;font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:0.5px;} body.page-api-reference .tag-new{background:var(--accent-green-dim);color:var(--accent-green);} body.page-api-reference .tag-core{background:var(--accent-blue-dim);color:var(--accent-blue);} body.page-api-reference .tag-search{background:var(--accent-purple-dim);color:var(--accent-purple);} body.page-api-reference .tag-batch{background:var(--accent-cyan-dim);color:var(--accent-cyan);} body.page-api-reference .tag-fluent{background:var(--accent-dim);color:var(--accent);} body.page-api-reference .main{overflow-y:auto;padding:32px 40px 80px;} body.page-api-reference .main::-webkit-scrollbar{width:6px;} body.page-api-reference .main::-webkit-scrollbar-track{background:transparent;} body.page-api-reference .main::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;} body.page-api-reference .welcome{max-width:900px;margin:0 auto;} body.page-api-reference .welcome h1{font-size:32px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--accent),#f0c060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} body.page-api-reference .welcome .subtitle{color:var(--text-muted);font-size:16px;margin-bottom:32px;} body.page-api-reference .welcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;} body.page-api-reference .welcome-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;} body.page-api-reference .welcome-card:hover{border-color:var(--accent);} body.page-api-reference .welcome-card .card-icon{font-size:28px;margin-bottom:12px;} body.page-api-reference .welcome-card h3{font-size:15px;font-weight:600;margin-bottom:6px;} body.page-api-reference .welcome-card p{font-size:12px;color:var(--text-muted);line-height:1.5;} body.page-api-reference .welcome-card .card-count{margin-top:12px;font-family:var(--font-sans);font-size:11px;color:var(--accent);} body.page-api-reference .fn-page{max-width:960px;margin:0 auto;} body.page-api-reference .fn-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);margin-bottom:16px;font-family:var(--font-sans);} body.page-api-reference .fn-breadcrumb .sep{color:var(--border);} body.page-api-reference .fn-breadcrumb a{color:var(--text-muted);text-decoration:none;cursor:pointer;} body.page-api-reference .fn-breadcrumb a:hover{color:var(--accent);} body.page-api-reference .fn-header{margin-bottom:24px;} body.page-api-reference .fn-title{font-family:var(--font-sans);font-size:28px;font-weight:700;color:var(--text);margin-bottom:8px;} body.page-api-reference .fn-title .module-prefix{color:var(--text-dim);font-weight:400;} body.page-api-reference .fn-summary{font-size:15px;color:var(--text-muted);line-height:1.6;margin-bottom:16px;} body.page-api-reference .fn-signature{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;font-family:var(--font-sans);font-size:13px;line-height:1.7;overflow-x:auto;margin-bottom:20px;} body.page-api-reference .fn-signature .kw{color:var(--accent-purple);} body.page-api-reference .fn-signature .fn{color:var(--accent);} body.page-api-reference .fn-signature .param{color:var(--accent-blue);} body.page-api-reference .fn-signature .type{color:var(--accent-green);} body.page-api-reference .fn-signature .default{color:var(--text-dim);} body.page-api-reference .fn-signature .ret{color:var(--accent-cyan);} body.page-api-reference .fn-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;} body.page-api-reference .fn-meta-item{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:12px;} body.page-api-reference .fn-meta-item .label{color:var(--text-dim);} body.page-api-reference .fn-meta-item .value{color:var(--text);font-weight:500;font-family:var(--font-sans);} body.page-api-reference .tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:24px;} body.page-api-reference .tab{padding:10px 18px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;user-select:none;} body.page-api-reference .tab:hover{color:var(--text);} body.page-api-reference .tab.active{color:var(--accent);border-bottom-color:var(--accent);} body.page-api-reference .tab .tab-count{font-size:10px;background:var(--accent-dim);color:var(--accent);padding:0 6px;border-radius:8px;margin-left:6px;font-family:var(--font-sans);} body.page-api-reference .tab-content{display:none;} body.page-api-reference .tab-content.active{display:block;} body.page-api-reference .code-block{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden;} body.page-api-reference .code-block-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-card);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-dim);font-family:var(--font-sans);} body.page-api-reference .code-block-header .lang{background:var(--accent-dim);color:var(--accent);padding:1px 8px;border-radius:3px;font-weight:600;} body.page-api-reference .code-block-header .copy-btn{background:none;border:1px solid var(--border);color:var(--text-dim);padding:2px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-family:var(--font-sans);} body.page-api-reference .code-block-header .copy-btn:hover{border-color:var(--accent);color:var(--accent);} body.page-api-reference .code-block pre{padding:16px;overflow-x:auto;font-family:var(--font-sans);font-size:13px;line-height:1.65;color:var(--text);} body.page-api-reference .code-block pre::-webkit-scrollbar{height:4px;} body.page-api-reference .code-block pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;} body.page-api-reference .code-block pre .comment{color:var(--text-dim);} body.page-api-reference .code-block pre .keyword{color:var(--accent-purple);} body.page-api-reference .code-block pre .string{color:var(--accent-green);} body.page-api-reference .code-block pre .number{color:var(--accent-blue);} body.page-api-reference .code-block pre .function{color:var(--accent);} body.page-api-reference .code-block pre .operator{color:var(--accent-red);} body.page-api-reference .code-block pre .highlight{background:var(--accent-dim);display:inline;padding:1px 2px;border-radius:2px;} body.page-api-reference .example-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden;} body.page-api-reference .example-card-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);} body.page-api-reference .example-card-header .level{font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:0.5px;} body.page-api-reference .level-basic{background:var(--accent-green-dim);color:var(--accent-green);} body.page-api-reference .level-intermediate{background:var(--accent-blue-dim);color:var(--accent-blue);} body.page-api-reference .level-advanced{background:var(--accent-purple-dim);color:var(--accent-purple);} body.page-api-reference .level-expert{background:var(--accent-red-dim);color:var(--accent-red);} body.page-api-reference .example-card-header h4{font-size:14px;font-weight:600;} body.page-api-reference .example-card-body{padding:0;} body.page-api-reference .example-card-desc{padding:14px 18px;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border);} body.page-api-reference .pattern-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;padding:20px;} body.page-api-reference .pattern-card h4{font-size:15px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px;} body.page-api-reference .pattern-card .pattern-desc{font-size:13px;color:var(--text-muted);margin-bottom:14px;line-height:1.6;} body.page-api-reference .pattern-card .pattern-when{background:var(--bg);border-radius:var(--radius);padding:10px 14px;font-size:12px;margin-bottom:12px;} body.page-api-reference .pattern-card .pattern-when strong{color:var(--accent);} body.page-api-reference .faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;} body.page-api-reference .faq-question{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;user-select:none;} body.page-api-reference .faq-question:hover{background:var(--bg-card-hover);} body.page-api-reference .faq-question .q-icon{color:var(--accent);font-weight:700;font-size:16px;font-family:var(--font-sans);width:20px;text-align:center;} body.page-api-reference .faq-question h5{font-size:14px;font-weight:500;flex:1;} body.page-api-reference .faq-question .toggle{color:var(--text-dim);font-size:18px;} body.page-api-reference .faq-item.open .faq-question .toggle{transform:rotate(45deg);} body.page-api-reference .faq-answer{display:none;padding:0 18px 16px 50px;font-size:13px;color:var(--text-muted);line-height:1.7;} body.page-api-reference .faq-item.open .faq-answer{display:block;} body.page-api-reference .faq-answer .code-block{margin:10px 0;} body.page-api-reference .params-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:13px;} body.page-api-reference .params-table th{text-align:left;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;} body.page-api-reference .params-table td{padding:10px 14px;border:1px solid var(--border);vertical-align:top;} body.page-api-reference .params-table .param-name{font-family:var(--font-sans);color:var(--accent-blue);font-weight:500;} body.page-api-reference .params-table .param-type{font-family:var(--font-sans);color:var(--accent-green);font-size:12px;} body.page-api-reference .params-table .param-required{color:var(--accent-red);font-size:10px;font-weight:700;} body.page-api-reference .params-table .param-optional{color:var(--text-dim);font-size:10px;} body.page-api-reference .related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;} body.page-api-reference .related-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;} body.page-api-reference .related-item:hover{border-color:var(--accent);} body.page-api-reference .related-item .ri-name{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--accent);margin-bottom:4px;} body.page-api-reference .related-item .ri-desc{font-size:11px;color:var(--text-dim);} body.page-api-reference .section-title{font-size:18px;font-weight:700;margin:28px 0 16px;display:flex;align-items:center;gap:10px;} body.page-api-reference .section-title .icon{color:var(--accent);} body.page-api-reference .fn-nav{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid var(--border);} body.page-api-reference .fn-nav-btn{display:flex;flex-direction:column;gap:4px;padding:12px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;max-width:45%;} body.page-api-reference .fn-nav-btn:hover{border-color:var(--accent);} body.page-api-reference .fn-nav-btn .dir{font-size:11px;color:var(--text-dim);} body.page-api-reference .fn-nav-btn .name{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--accent);} body.page-api-reference .fn-nav-btn.next{text-align:right;margin-left:auto;} body.page-api-reference .search-results{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-top:4px;max-height:400px;overflow-y:auto;z-index:200;} body.page-api-reference .search-results.visible{display:block;} body.page-api-reference .search-result-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);} body.page-api-reference .search-result-item:last-child{border-bottom:none;} body.page-api-reference .search-result-item:hover{background:var(--bg-card-hover);} body.page-api-reference .search-result-item .sr-module{font-family:var(--font-sans);font-size:10px;color:var(--accent);background:var(--accent-dim);padding:1px 6px;border-radius:3px;} body.page-api-reference .search-result-item .sr-name{font-family:var(--font-sans);font-size:13px;font-weight:500;} body.page-api-reference .search-result-item .sr-desc{font-size:12px;color:var(--text-dim);margin-left:auto;} @media (max-width:900px){body.page-api-reference .app{grid-template-columns:1fr;} body.page-api-reference .sidebar{display:none;} body.page-api-reference .main{padding:20px;} body.page-api-reference .welcome-grid{grid-template-columns:1fr;}} body.page-showcase *,body.page-showcase *::before,body.page-showcase *::after{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-showcase){scroll-behavior:auto;} body.page-showcase{font-family:var(--font-sans);background:var(--bg);color:var(--tx);line-height:1.65;font-size:16px;overflow-x:hidden;cursor:auto;} @media (max-width:768px){body.page-showcase{cursor:auto;}} body.page-showcase .footer-logo .nav-logo-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--blue));flex-shrink:0;} body.page-showcase .hero{position:relative;padding:100px 48px 80px;overflow:hidden;} body.page-showcase .hero::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal) 0%,var(--blue) 20%,var(--purple) 40%,var(--coral) 60%,var(--amber) 80%,var(--green) 100%);background-size:200% 100%;} body.page-showcase .hero::after{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse at center,rgba(122,162,247,0.08) 0%,rgba(115,218,202,0.04) 40%,transparent 70%);pointer-events:none;} body.page-showcase .hero-inner{position:relative;z-index:1;max-width:880px;} body.page-showcase .hero-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:20px;border:1px solid var(--ln2);background:var(--glass);font-family:var(--font-mono);font-size:12px;color:var(--tx2);margin-bottom:28px;} body.page-showcase .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);} body.page-showcase .hero-title{font-family:var(--font-sans);font-size:clamp(36px,6vw,72px);font-weight:900;letter-spacing:-2.5px;line-height:1.0;color:var(--white);margin-bottom:24px;} body.page-showcase .hero-title .line2{display:block;background:linear-gradient(90deg,var(--teal) 0%,var(--blue) 40%,var(--purple) 70%,var(--coral) 100%);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} body.page-showcase .hero-title .char{display:inline-block;} body.page-showcase .hero-sub{font-size:clamp(16px,2vw,19px);color:var(--tx2);max-width:580px;line-height:1.75;margin-bottom:40px;} body.page-showcase .hero-sub strong{color:var(--tx);font-weight:600;} body.page-showcase .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:52px;} body.page-showcase .btn-primary{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;background:var(--blue);color:#0c0e14;border-radius:8px;font-weight:700;font-size:15px;text-decoration:none;position:relative;overflow:hidden;} body.page-showcase .btn-primary::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.2);border-radius:50%;transform:translate(-50%,-50%);} body.page-showcase .btn-primary:hover::before{width:300px;height:300px;} body.page-showcase .btn-primary:active{transform:translateY(0) scale(0.97);} body.page-showcase .btn-secondary{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;background:var(--bg3);color:var(--tx);border:1px solid var(--ln2);border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;} body.page-showcase .btn-secondary:hover{border-color:var(--blue);} body.page-showcase .btn-secondary:active{transform:translateY(0) scale(0.97);} body.page-showcase .hero-code{background:var(--bg2);border:1px solid var(--ln);border-radius:12px;overflow:hidden;max-width:560px;position:relative;} body.page-showcase .hero-code-bar{display:flex;align-items:center;gap:7px;padding:10px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} body.page-showcase .hc-dot{width:10px;height:10px;border-radius:50%;} body.page-showcase .hc-dot:nth-child(1){background:#ff5f56;} body.page-showcase .hc-dot:nth-child(2){background:#ffbd2e;} body.page-showcase .hc-dot:nth-child(3){background:#27c93f;} body.page-showcase .hero-code-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:6px;} body.page-showcase .hero-code pre{padding:18px 22px;font-family:var(--font-mono);font-size:13px;line-height:1.85;overflow-x:auto;} body.page-showcase .kw{color:var(--purple);} body.page-showcase .fn{color:var(--teal);} body.page-showcase .mod{color:var(--blue);font-weight:500;} body.page-showcase .str{color:var(--green);} body.page-showcase .num{color:var(--peach);} body.page-showcase .com{color:#4a5568;font-style:italic;} body.page-showcase .v{color:var(--amber);} body.page-showcase .code-copy{position:absolute;top:42px;right:10px;padding:4px 10px;font-family:var(--font-mono);font-size:11px;border-radius:5px;border:1px solid var(--ln2);background:var(--bg2);color:var(--tx3);cursor:pointer;z-index:2;opacity:0;} body.page-showcase .hero-code:hover .code-copy{opacity:1;} body.page-showcase .code-copy:hover{border-color:var(--teal);color:var(--teal);} body.page-showcase .code-copy.copied{border-color:var(--green);color:var(--green);} body.page-showcase .code-cursor{display:inline-block;width:2px;height:16px;background:var(--blue);vertical-align:text-bottom;margin-left:2px;} body.page-showcase .hero-stats{display:flex;gap:36px;flex-wrap:wrap;} body.page-showcase .stat-num{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--white);line-height:1;margin-bottom:3px;} body.page-showcase .stat-label{font-size:13px;color:var(--tx3);} body.page-showcase .section{padding:80px 48px;position:relative;z-index:1;} body.page-showcase .section-header{margin-bottom:44px;} body.page-showcase .section-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;} body.page-showcase .section-title{font-family:var(--font-sans);font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:-1px;color:var(--white);line-height:1.15;margin-bottom:10px;} body.page-showcase .section-desc{font-size:15px;color:var(--tx2);max-width:560px;line-height:1.7;} body.page-showcase .divider{height:1px;background:var(--ln);margin:0 48px;position:relative;z-index:1;} body.page-showcase .reveal{opacity:0;transform:translateY(30px);} body.page-showcase .reveal.visible{opacity:1;transform:translateY(0);} body.page-showcase .modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1200px;} body.page-showcase .module-card{background:var(--bg2);border:1px solid var(--ln);border-radius:14px;padding:28px 24px;cursor:default;position:relative;overflow:hidden;transform-style:preserve-3d;} body.page-showcase .module-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;} body.page-showcase .module-card:hover::before{height:4px;} body.page-showcase .module-card::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,0.04) 0%,transparent 50%);pointer-events:none;opacity:0;} body.page-showcase .module-card:hover::after{opacity:1;} body.page-showcase .mc-ds::before{background:var(--ds-color);} body.page-showcase .mc-ar::before{background:var(--ar-color);} body.page-showcase .mc-cat::before{background:var(--cat-color);} body.page-showcase .mc-docs::before{background:var(--docs-color);} body.page-showcase .mc-ds:hover{border-color:rgba(115,218,202,.3);} body.page-showcase .mc-ar:hover{border-color:rgba(158,206,106,.3);} body.page-showcase .mc-cat:hover{border-color:rgba(187,154,247,.3);} body.page-showcase .mc-docs:hover{border-color:rgba(247,118,142,.3);} body.page-showcase .mc-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;} body.page-showcase .mc-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;} body.page-showcase .mc-ds .mc-icon{background:rgba(115,218,202,.12);} body.page-showcase .mc-ar .mc-icon{background:rgba(158,206,106,.12);} body.page-showcase .mc-cat .mc-icon{background:rgba(187,154,247,.12);} body.page-showcase .mc-docs .mc-icon{background:rgba(247,118,142,.12);} body.page-showcase .mc-name{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--white);} body.page-showcase .mc-role{font-size:12px;color:var(--tx3);margin-top:1px;} body.page-showcase .mc-desc{font-size:13px;color:var(--tx2);line-height:1.65;margin-bottom:20px;} body.page-showcase .mc-fns{display:flex;flex-direction:column;gap:4px;} body.page-showcase .mc-fn{font-family:var(--font-mono);font-size:12px;padding:4px 10px;border-radius:5px;background:var(--bg3);color:var(--tx2);display:flex;align-items:center;gap:7px;} body.page-showcase .module-card:hover .mc-fn{background:var(--bg4);} body.page-showcase .mc-fn-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;} body.page-showcase .mc-ds .mc-fn-dot{background:var(--teal);} body.page-showcase .mc-ar .mc-fn-dot{background:var(--green);} body.page-showcase .mc-cat .mc-fn-dot{background:var(--purple);} body.page-showcase .mc-docs .mc-fn-dot{background:var(--coral);} body.page-showcase .mc-count{margin-top:18px;padding-top:16px;border-top:1px solid var(--ln);font-size:12px;color:var(--tx3);display:flex;align-items:center;justify-content:space-between;} body.page-showcase .mc-count-num{font-family:var(--font-mono);font-weight:600;} body.page-showcase .mc-ds .mc-count-num{color:var(--teal);} body.page-showcase .mc-ar .mc-count-num{color:var(--green);} body.page-showcase .mc-cat .mc-count-num{color:var(--purple);} body.page-showcase .mc-docs .mc-count-num{color:var(--coral);} body.page-showcase .cookbook-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;} body.page-showcase .cb-card{background:var(--bg2);border:1px solid var(--ln);border-radius:10px;padding:20px 18px;text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden;} body.page-showcase .cb-num{font-family:var(--font-mono);font-size:10px;color:var(--tx3);letter-spacing:1px;margin-bottom:8px;} body.page-showcase .cb-title{font-size:14px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:6px;} body.page-showcase .cb-desc{font-size:12px;color:var(--tx2);line-height:1.55;} body.page-showcase .cb-accent{position:absolute;top:0;left:0;right:0;height:2px;border-radius:10px 10px 0 0;} body.page-showcase .cb-card:hover .cb-accent{height:3px;} body.page-showcase .cb-recipes{margin-top:12px;font-family:var(--font-mono);font-size:11px;color:var(--tx3);} body.page-showcase .cb-card:hover .cb-title{color:var(--sky);} body.page-showcase .cb-card::after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.03),transparent);} body.page-showcase .cb-card:hover::after{left:120%;} body.page-showcase .examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} body.page-showcase .ex-card{background:var(--bg2);border:1px solid var(--ln);border-radius:12px;overflow:hidden;} body.page-showcase .ex-card:hover{border-color:var(--ln2);} body.page-showcase .ex-header{padding:16px 18px 14px;border-bottom:1px solid var(--ln);background:var(--bg3);} body.page-showcase .ex-num{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-bottom:4px;} body.page-showcase .ex-title{font-size:14px;font-weight:700;color:var(--white);line-height:1.3;} body.page-showcase .ex-body pre{padding:14px 18px;font-family:var(--font-mono);font-size:12px;line-height:1.75;overflow-x:auto;} body.page-showcase .quickstart-wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;} body.page-showcase .qs-card{background:var(--bg2);border:1px solid var(--ln);border-radius:12px;overflow:hidden;} body.page-showcase .qs-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} body.page-showcase .qs-dot{width:8px;height:8px;border-radius:50%;} body.page-showcase .qs-dot-r{background:#ff5f56;} body.page-showcase .qs-dot-y{background:#ffbd2e;} body.page-showcase .qs-dot-g{background:#27c93f;} body.page-showcase .qs-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:4px;} body.page-showcase .qs-card pre{padding:20px 22px;font-family:var(--font-mono);font-size:13px;line-height:2;overflow-x:auto;} body.page-showcase .qs-steps{display:flex;flex-direction:column;gap:20px;} body.page-showcase .qs-step{display:flex;gap:16px;} body.page-showcase .qs-step-num{width:28px;height:28px;border-radius:50%;background:var(--bg3);border:1px solid var(--ln2);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--tx2);flex-shrink:0;margin-top:2px;} body.page-showcase .qs-step-text h4{font-size:15px;font-weight:600;color:var(--white);margin-bottom:3px;} body.page-showcase .qs-step-text p{font-size:13px;color:var(--tx2);line-height:1.6;} body.page-showcase .qs-step-text code{font-family:var(--font-mono);font-size:12px;background:var(--bg3);padding:1px 6px;border-radius:3px;color:var(--sky);} body.page-showcase .search-promo{background:var(--bg2);border:1px solid var(--ln);border-radius:16px;padding:40px 44px;display:flex;align-items:center;gap:40px;position:relative;overflow:hidden;} body.page-showcase .search-promo::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal),var(--blue),var(--purple),var(--coral),var(--amber),var(--green));background-size:200% 100%;} body.page-showcase .sp-text{flex:1;} body.page-showcase .sp-title{font-family:var(--font-sans);font-size:22px;font-weight:700;color:var(--white);margin-bottom:8px;letter-spacing:-.5px;} body.page-showcase .sp-desc{font-size:14px;color:var(--tx2);line-height:1.65;} body.page-showcase .sp-search{flex:1;display:flex;flex-direction:column;gap:12px;} body.page-showcase .sp-input-wrap{position:relative;} body.page-showcase .sp-input-wrap::before{content:"⌕";position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:18px;pointer-events:none;} body.page-showcase .sp-input-wrap:focus-within::before{color:var(--blue);} body.page-showcase .sp-input{width:100%;padding:12px 16px 12px 42px;background:var(--bg3);border:1px solid var(--ln2);border-radius:8px;color:var(--tx);font-family:var(--font-mono);font-size:14px;outline:none;} body.page-showcase .sp-input:focus{border-color:var(--blue);} body.page-showcase .sp-input::placeholder{color:var(--tx3);} body.page-showcase .sp-badges{display:flex;gap:8px;flex-wrap:wrap;} body.page-showcase .sp-badge{font-family:var(--font-mono);font-size:11px;padding:3px 9px;border-radius:4px;border:1px solid var(--ln2);color:var(--tx2);cursor:pointer;} body.page-showcase .sp-badge:hover{border-color:var(--blue);color:var(--blue);} body.page-showcase .back-to-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;border-radius:12px;border:1px solid var(--ln2);background:var(--glass);color:var(--tx2);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;z-index:99;opacity:0;transform:translateY(20px);pointer-events:none;} body.page-showcase .back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto;} body.page-showcase .back-to-top:hover{border-color:var(--blue);color:var(--blue);} body.page-showcase footer{background:var(--bg2);border-top:1px solid var(--ln);padding:48px 48px 32px;position:relative;z-index:1;} body.page-showcase .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;} body.page-showcase .footer-logo{font-family:var(--font-sans);font-size:18px;font-weight:900;color:var(--white);letter-spacing:-.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px;} body.page-showcase .footer-tagline{font-size:14px;color:var(--tx2);line-height:1.65;max-width:260px;} body.page-showcase .footer-version{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--font-mono);font-size:11px;color:var(--tx3);padding:4px 10px;background:var(--bg3);border:1px solid var(--ln);border-radius:5px;} body.page-showcase .footer-col h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--tx3);margin-bottom:14px;} body.page-showcase .footer-col a{display:block;font-size:13px;color:var(--tx2);text-decoration:none;margin-bottom:8px;} body.page-showcase .footer-col a:hover{color:var(--tx);} body.page-showcase .footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--ln);font-size:13px;color:var(--tx3);flex-wrap:wrap;gap:12px;} body.page-showcase .footer-bottom a{color:var(--tx3);text-decoration:none;} body.page-showcase .footer-bottom a:hover{color:var(--tx2);} body.page-showcase .license-badge{font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:4px;background:rgba(158,206,106,.1);color:var(--green);border:1px solid rgba(158,206,106,.2);} body.page-showcase .section-alt{background:var(--bg2);} @media (max-width:1100px){body.page-showcase .modules-grid{grid-template-columns:repeat(2,1fr);} body.page-showcase .cookbook-grid{grid-template-columns:repeat(2,1fr);} body.page-showcase .footer-top{grid-template-columns:1fr 1fr;}} @media (max-width:768px){body.page-showcase nav{padding:0 20px;} body.page-showcase .hero{padding:64px 20px 56px;} body.page-showcase .section{padding:56px 20px;} body.page-showcase .divider{margin:0 20px;} body.page-showcase .modules-grid{grid-template-columns:1fr;} body.page-showcase .cookbook-grid{grid-template-columns:1fr;} body.page-showcase .examples-grid{grid-template-columns:1fr;} body.page-showcase .quickstart-wrap{grid-template-columns:1fr;} body.page-showcase .search-promo{flex-direction:column;padding:28px 24px;} body.page-showcase footer{padding:40px 20px 28px;} body.page-showcase .footer-top{grid-template-columns:1fr;gap:28px;} body.page-showcase .nav-links{display:none;} body.page-showcase .hero-stats{gap:24px;}} body.page-cookbook-1 *,body.page-cookbook-1 *::before,body.page-cookbook-1 *::after{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-cookbook-1){scroll-behavior:auto;} body.page-cookbook-1{font-family:var(--font-sans);background:var(--bg);color:var(--tx);line-height:1.65;font-size:15px;} body.page-cookbook-1 .page{display:flex;min-height:100vh;} body.page-cookbook-1 .toc{width:260px;min-width:260px;background:var(--bg2);border-right:1px solid var(--ln);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;} body.page-cookbook-1 .toc::-webkit-scrollbar{width:3px;} body.page-cookbook-1 .toc::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-1 .toc-head{padding:22px 18px 14px;border-bottom:1px solid var(--ln);} body.page-cookbook-1 .toc-logo{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--blue);letter-spacing:-0.3px;} body.page-cookbook-1 .toc-sub{font-size:11px;color:var(--tx3);margin-top:3px;} body.page-cookbook-1 .toc-section{padding:10px 0 4px;} body.page-cookbook-1 .toc-section-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx3);padding:0 18px;margin-bottom:4px;} body.page-cookbook-1 .toc-link{display:flex;align-items:center;gap:7px;padding:6px 18px;font-size:12px;color:var(--tx2);text-decoration:none;border-left:2px solid transparent;line-height:1.4;} body.page-cookbook-1 .toc-link:hover{color:var(--tx);background:var(--bg3);} body.page-cookbook-1 .toc-link.active{color:var(--blue);border-left-color:var(--blue);background:rgba(122,162,247,0.06);} body.page-cookbook-1 .toc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--tx3);} body.page-cookbook-1 .toc-link.active .toc-dot{background:var(--blue);} body.page-cookbook-1 .main{flex:1;min-width:0;overflow-y:auto;} body.page-cookbook-1 .hero{padding:52px 56px 40px;border-bottom:1px solid var(--ln);background:var(--bg2);position:relative;overflow:hidden;} body.page-cookbook-1 .hero::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue) 0%,var(--teal) 50%,var(--purple) 100%);} body.page-cookbook-1 .hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;} body.page-cookbook-1 .hero-eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--tx3);} body.page-cookbook-1 .hero-title{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--white);margin-bottom:14px;} body.page-cookbook-1 .hero-title .hl{color:var(--blue);} body.page-cookbook-1 .hero-desc{font-size:15px;color:var(--tx2);max-width:600px;line-height:1.7;margin-bottom:28px;} body.page-cookbook-1 .hero-chips{display:flex;flex-wrap:wrap;gap:8px;} body.page-cookbook-1 .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-mono);border:1px solid;} body.page-cookbook-1 .chip-blue{background:rgba(122,162,247,0.1);color:var(--blue);border-color:rgba(122,162,247,0.25);} body.page-cookbook-1 .chip-teal{background:rgba(115,218,202,0.1);color:var(--teal);border-color:rgba(115,218,202,0.25);} body.page-cookbook-1 .chip-green{background:rgba(158,206,106,0.1);color:var(--green);border-color:rgba(158,206,106,0.25);} body.page-cookbook-1 .chip-amber{background:rgba(224,175,104,0.1);color:var(--amber);border-color:rgba(224,175,104,0.25);} body.page-cookbook-1 .chip-purple{background:rgba(187,154,247,0.1);color:var(--purple);border-color:rgba(187,154,247,0.25);} body.page-cookbook-1 .chip-coral{background:rgba(247,118,142,0.1);color:var(--coral);border-color:rgba(247,118,142,0.25);} body.page-cookbook-1 .content{padding:0 56px 80px;max-width:900px;} body.page-cookbook-1 .part-break{display:flex;align-items:center;gap:14px;padding:52px 0 32px;} body.page-cookbook-1 .part-break-line{flex:1;height:1px;background:var(--ln);} body.page-cookbook-1 .part-break-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;} body.page-cookbook-1 .recipe{margin-bottom:52px;scroll-margin-top:24px;} body.page-cookbook-1 .recipe-head{margin-bottom:20px;} body.page-cookbook-1 .recipe-num{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-bottom:6px;letter-spacing:0.5px;} body.page-cookbook-1 .recipe-title{font-size:21px;font-weight:700;letter-spacing:-0.5px;color:var(--white);line-height:1.25;margin-bottom:6px;} body.page-cookbook-1 .recipe-trigger{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--teal);background:rgba(115,218,202,0.07);border:1px solid rgba(115,218,202,0.18);border-radius:5px;padding:4px 10px;margin-bottom:10px;font-weight:500;} body.page-cookbook-1 .recipe-desc{font-size:14px;color:var(--tx2);line-height:1.7;max-width:700px;} body.page-cookbook-1 .code-card{background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:16px 0;} body.page-cookbook-1 .code-bar{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} body.page-cookbook-1 .dot{width:10px;height:10px;border-radius:50%;} body.page-cookbook-1 .dot-r{background:#ff5f56;} body.page-cookbook-1 .dot-y{background:#ffbd2e;} body.page-cookbook-1 .dot-g{background:#27c93f;} body.page-cookbook-1 .code-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:4px;letter-spacing:0.3px;} body.page-cookbook-1 .copy-btn{margin-left:auto;background:var(--bg4);border:1px solid var(--ln2);border-radius:4px;color:var(--tx3);font-family:var(--font-mono);font-size:10px;padding:3px 8px;cursor:pointer;} body.page-cookbook-1 .copy-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-1 .copy-btn.ok{color:var(--green);border-color:var(--green);} body.page-cookbook-1 pre{padding:18px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.85;tab-size:4;} body.page-cookbook-1 pre::-webkit-scrollbar{height:3px;} body.page-cookbook-1 pre::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-1 .kw{color:var(--purple);} body.page-cookbook-1 .fn{color:var(--teal);} body.page-cookbook-1 .mod{color:var(--blue);font-weight:500;} body.page-cookbook-1 .str{color:var(--green);} body.page-cookbook-1 .num{color:var(--peach);} body.page-cookbook-1 .com{color:#4a5568;font-style:italic;} body.page-cookbook-1 .op{color:var(--coral);} body.page-cookbook-1 .hi{background:rgba(122,162,247,0.12);border-radius:3px;padding:0 2px;} body.page-cookbook-1 .compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:16px 0;} body.page-cookbook-1 .cmp-col:first-child{border-right:1px solid var(--ln);} body.page-cookbook-1 .cmp-head{padding:9px 16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--ln);} body.page-cookbook-1 .cmp-bad{background:rgba(247,118,142,0.06);color:var(--coral);} body.page-cookbook-1 .cmp-good{background:rgba(158,206,106,0.06);color:var(--green);} body.page-cookbook-1 .cmp-col pre{font-size:12px;line-height:1.75;background:var(--bg2);} body.page-cookbook-1 .callout{display:flex;gap:12px;padding:13px 16px;border-radius:var(--r2);margin:14px 0;font-size:13px;line-height:1.65;color:var(--tx2);} body.page-cookbook-1 .callout.tip{background:rgba(115,218,202,0.06);border-left:3px solid var(--teal);} body.page-cookbook-1 .callout.warn{background:rgba(224,175,104,0.06);border-left:3px solid var(--amber);} body.page-cookbook-1 .callout.info{background:rgba(122,162,247,0.06);border-left:3px solid var(--blue);} body.page-cookbook-1 .callout.danger{background:rgba(247,118,142,0.06);border-left:3px solid var(--coral);} body.page-cookbook-1 .callout-icon{font-size:15px;flex-shrink:0;line-height:1.65;} body.page-cookbook-1 .callout b{color:var(--tx);font-weight:600;} body.page-cookbook-1 .callout code{font-family:var(--font-mono);font-size:12px;background:rgba(255,255,255,0.06);padding:1px 5px;border-radius:3px;color:var(--sky);} body.page-cookbook-1 .result{display:flex;align-items:flex-start;gap:8px;padding:9px 14px;background:rgba(158,206,106,0.05);border:1px solid rgba(158,206,106,0.15);border-radius:var(--r2);margin:10px 0;font-family:var(--font-mono);font-size:12px;color:var(--green);} body.page-cookbook-1 .result-label{color:var(--tx3);font-size:10px;margin-right:4px;} body.page-cookbook-1 .fn-table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;} body.page-cookbook-1 .fn-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--tx3);border-bottom:1px solid var(--ln);} body.page-cookbook-1 .fn-table td{padding:9px 12px;border-bottom:1px solid var(--ln);vertical-align:top;line-height:1.5;} body.page-cookbook-1 .fn-table tr:last-child td{border-bottom:none;} body.page-cookbook-1 .fn-table tr:hover td{background:var(--bg3);} body.page-cookbook-1 .fn-name{font-family:var(--font-mono);font-size:12px;color:var(--teal);white-space:nowrap;} body.page-cookbook-1 .fn-sig{font-family:var(--font-mono);font-size:11px;color:var(--tx3);} body.page-cookbook-1 .fn-desc{color:var(--tx2);font-size:13px;} body.page-cookbook-1 hr.recipe-div{border:none;height:1px;background:var(--ln);margin:48px 0;} body.page-cookbook-1 .part-footer{margin:60px 0 20px;padding:24px 28px;background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;gap:20px;} body.page-cookbook-1 .part-footer-text{font-size:13px;color:var(--tx2);} body.page-cookbook-1 .part-footer-text strong{color:var(--tx);} body.page-cookbook-1 .next-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--blue);border:none;border-radius:var(--r2);color:#0c0e14;font-family:var(--font-sans);font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;} body.page-cookbook-1 .next-btn:hover{opacity:0.88;} @media (max-width:900px){body.page-cookbook-1 .toc{display:none;} body.page-cookbook-1 .hero,body.page-cookbook-1 .content{padding-left:24px;padding-right:24px;} body.page-cookbook-1 .compare{grid-template-columns:1fr;} body.page-cookbook-1 .cmp-col:first-child{border-right:none;border-bottom:1px solid var(--ln);}} body.page-cookbook-2 *,body.page-cookbook-2 *::before,body.page-cookbook-2 *::after{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-cookbook-2){scroll-behavior:auto;} body.page-cookbook-2{font-family:var(--font-sans);background:var(--bg);color:var(--tx);line-height:1.65;font-size:15px;} body.page-cookbook-2 .page{display:flex;min-height:100vh;} body.page-cookbook-2 .toc{width:260px;min-width:260px;background:var(--bg2);border-right:1px solid var(--ln);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;} body.page-cookbook-2 .toc::-webkit-scrollbar{width:3px;} body.page-cookbook-2 .toc::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-2 .toc-head{padding:22px 18px 14px;border-bottom:1px solid var(--ln);} body.page-cookbook-2 .toc-logo{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--purple);letter-spacing:-.3px;} body.page-cookbook-2 .toc-sub{font-size:11px;color:var(--tx3);margin-top:3px;} body.page-cookbook-2 .toc-section{padding:10px 0 4px;} body.page-cookbook-2 .toc-section-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx3);padding:0 18px;margin-bottom:4px;} body.page-cookbook-2 .toc-link{display:flex;align-items:center;gap:7px;padding:6px 18px;font-size:12px;color:var(--tx2);text-decoration:none;border-left:2px solid transparent;line-height:1.4;} body.page-cookbook-2 .toc-link:hover{color:var(--tx);background:var(--bg3);} body.page-cookbook-2 .toc-link.active{color:var(--purple);border-left-color:var(--purple);background:rgba(187,154,247,.06);} body.page-cookbook-2 .toc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--tx3);} body.page-cookbook-2 .toc-link.active .toc-dot{background:var(--purple);} body.page-cookbook-2 .main{flex:1;min-width:0;overflow-y:auto;} body.page-cookbook-2 .hero{padding:52px 56px 40px;border-bottom:1px solid var(--ln);background:var(--bg2);position:relative;overflow:hidden;} body.page-cookbook-2 .hero::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple) 0%,var(--blue) 50%,var(--teal) 100%);} body.page-cookbook-2 .hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;} body.page-cookbook-2 .hero-eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--tx3);} body.page-cookbook-2 .hero-title{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--white);margin-bottom:14px;} body.page-cookbook-2 .hero-title .hl{color:var(--purple);} body.page-cookbook-2 .hero-desc{font-size:15px;color:var(--tx2);max-width:620px;line-height:1.7;margin-bottom:28px;} body.page-cookbook-2 .hero-chips{display:flex;flex-wrap:wrap;gap:8px;} body.page-cookbook-2 .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-mono);border:1px solid;} body.page-cookbook-2 .chip-purple{background:rgba(187,154,247,.1);color:var(--purple);border-color:rgba(187,154,247,.25);} body.page-cookbook-2 .chip-teal{background:rgba(115,218,202,.1);color:var(--teal);border-color:rgba(115,218,202,.25);} body.page-cookbook-2 .chip-amber{background:rgba(224,175,104,.1);color:var(--amber);border-color:rgba(224,175,104,.25);} body.page-cookbook-2 .chip-blue{background:rgba(122,162,247,.1);color:var(--blue);border-color:rgba(122,162,247,.25);} body.page-cookbook-2 .content{padding:0 56px 80px;max-width:900px;} body.page-cookbook-2 .part-break{display:flex;align-items:center;gap:14px;padding:52px 0 32px;} body.page-cookbook-2 .part-break-line{flex:1;height:1px;background:var(--ln);} body.page-cookbook-2 .part-break-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;} body.page-cookbook-2 .recipe{margin-bottom:52px;scroll-margin-top:24px;} body.page-cookbook-2 .recipe-num{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-bottom:6px;letter-spacing:.5px;} body.page-cookbook-2 .recipe-title{font-size:21px;font-weight:700;letter-spacing:-.5px;color:var(--white);line-height:1.25;margin-bottom:6px;} body.page-cookbook-2 .recipe-trigger{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--teal);background:rgba(115,218,202,.07);border:1px solid rgba(115,218,202,.18);border-radius:5px;padding:4px 10px;margin-bottom:10px;font-weight:500;} body.page-cookbook-2 .recipe-desc{font-size:14px;color:var(--tx2);line-height:1.7;max-width:700px;} body.page-cookbook-2 .code-card{background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:16px 0;} body.page-cookbook-2 .code-bar{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} body.page-cookbook-2 .dot{width:10px;height:10px;border-radius:50%;} body.page-cookbook-2 .dot-r{background:#ff5f56;} body.page-cookbook-2 .dot-y{background:#ffbd2e;} body.page-cookbook-2 .dot-g{background:#27c93f;} body.page-cookbook-2 .code-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:4px;letter-spacing:.3px;} body.page-cookbook-2 .copy-btn{margin-left:auto;background:var(--bg4);border:1px solid var(--ln2);border-radius:4px;color:var(--tx3);font-family:var(--font-mono);font-size:10px;padding:3px 8px;cursor:pointer;} body.page-cookbook-2 .copy-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-2 .copy-btn.ok{color:var(--green);border-color:var(--green);} body.page-cookbook-2 pre{padding:18px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.85;tab-size:4;} body.page-cookbook-2 pre::-webkit-scrollbar{height:3px;} body.page-cookbook-2 .pre::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-2 .kw{color:var(--purple);} body.page-cookbook-2 .fn{color:var(--teal);} body.page-cookbook-2 .mod{color:var(--blue);font-weight:500;} body.page-cookbook-2 .str{color:var(--green);} body.page-cookbook-2 .num{color:var(--peach);} body.page-cookbook-2 .com{color:#4a5568;font-style:italic;} body.page-cookbook-2 .v{color:var(--amber);} body.page-cookbook-2 .compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:16px 0;} body.page-cookbook-2 .cmp-col:first-child{border-right:1px solid var(--ln);} body.page-cookbook-2 .cmp-head{padding:9px 16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--ln);} body.page-cookbook-2 .cmp-bad{background:rgba(247,118,142,.06);color:var(--coral);} body.page-cookbook-2 .cmp-good{background:rgba(158,206,106,.06);color:var(--green);} body.page-cookbook-2 .cmp-col pre{font-size:12px;line-height:1.75;background:var(--bg2);} body.page-cookbook-2 .callout{display:flex;gap:12px;padding:13px 16px;border-radius:var(--r2);margin:14px 0;font-size:13px;line-height:1.65;color:var(--tx2);} body.page-cookbook-2 .callout.tip{background:rgba(115,218,202,.06);border-left:3px solid var(--teal);} body.page-cookbook-2 .callout.warn{background:rgba(224,175,104,.06);border-left:3px solid var(--amber);} body.page-cookbook-2 .callout.info{background:rgba(122,162,247,.06);border-left:3px solid var(--blue);} body.page-cookbook-2 .callout.danger{background:rgba(247,118,142,.06);border-left:3px solid var(--coral);} body.page-cookbook-2 .callout-icon{font-size:15px;flex-shrink:0;line-height:1.65;} body.page-cookbook-2 .callout b{color:var(--tx);font-weight:600;} body.page-cookbook-2 .callout code{font-family:var(--font-mono);font-size:12px;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:3px;color:var(--sky);} body.page-cookbook-2 .fn-table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;} body.page-cookbook-2 .fn-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--tx3);border-bottom:1px solid var(--ln);} body.page-cookbook-2 .fn-table td{padding:9px 12px;border-bottom:1px solid var(--ln);vertical-align:top;line-height:1.5;} body.page-cookbook-2 .fn-table tr:last-child td{border-bottom:none;} body.page-cookbook-2 .fn-table tr:hover td{background:var(--bg3);} body.page-cookbook-2 .fn-name{font-family:var(--font-mono);font-size:12px;color:var(--teal);white-space:nowrap;} body.page-cookbook-2 .fn-sig{font-family:var(--font-mono);font-size:11px;color:var(--tx3);} body.page-cookbook-2 .fn-desc{color:var(--tx2);font-size:13px;} body.page-cookbook-2 .badge-new{font-size:10px;color:var(--amber);margin-left:4px;font-family:var(--font-mono);} body.page-cookbook-2 .pattern-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:16px 0;} body.page-cookbook-2 .pattern-card{background:var(--bg3);border:1px solid var(--ln);border-radius:var(--r2);padding:14px 16px;} body.page-cookbook-2 .pattern-fn{font-family:var(--font-mono);font-size:12px;color:var(--teal);margin-bottom:4px;font-weight:500;} body.page-cookbook-2 .pattern-desc{font-size:12px;color:var(--tx2);line-height:1.5;} body.page-cookbook-2 .pattern-when{font-size:11px;color:var(--tx3);margin-top:6px;} body.page-cookbook-2 hr.recipe-div{border:none;height:1px;background:var(--ln);margin:48px 0;} body.page-cookbook-2 .part-footer{margin:60px 0 20px;padding:24px 28px;background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;gap:20px;} body.page-cookbook-2 .part-footer-text{font-size:13px;color:var(--tx2);} body.page-cookbook-2 .part-footer-text strong{color:var(--tx);} body.page-cookbook-2 .nav-btns{display:flex;gap:10px;} body.page-cookbook-2 .nav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--ln2);border-radius:var(--r2);color:var(--tx2);font-family:var(--font-sans);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;background:none;} body.page-cookbook-2 .nav-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-2 .nav-btn.primary{background:var(--purple);border-color:var(--purple);color:#0c0e14;} body.page-cookbook-2 .nav-btn.primary:hover{opacity:.88;} @media (max-width:900px){body.page-cookbook-2 .toc{display:none;} body.page-cookbook-2 .hero,body.page-cookbook-2 .content{padding-left:24px;padding-right:24px;} body.page-cookbook-2 .compare{grid-template-columns:1fr;} body.page-cookbook-2 .cmp-col:first-child{border-right:none;border-bottom:1px solid var(--ln);} body.page-cookbook-2 .pattern-grid{grid-template-columns:1fr;}} body.page-cookbook-3 *,body.page-cookbook-3 *::before,body.page-cookbook-3 *::after{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-cookbook-3){scroll-behavior:auto;} body.page-cookbook-3{font-family:var(--font-sans);background:var(--bg);color:var(--tx);line-height:1.65;font-size:15px;} body.page-cookbook-3 .page{display:flex;min-height:100vh;} body.page-cookbook-3 .toc{width:260px;min-width:260px;background:var(--bg2);border-right:1px solid var(--ln);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;} body.page-cookbook-3 .toc::-webkit-scrollbar{width:3px;} body.page-cookbook-3 .toc::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-3 .toc-head{padding:22px 18px 14px;border-bottom:1px solid var(--ln);} body.page-cookbook-3 .toc-logo{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--coral);letter-spacing:-.3px;} body.page-cookbook-3 .toc-sub{font-size:11px;color:var(--tx3);margin-top:3px;} body.page-cookbook-3 .toc-section{padding:10px 0 4px;} body.page-cookbook-3 .toc-section-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx3);padding:0 18px;margin-bottom:4px;} body.page-cookbook-3 .toc-link{display:flex;align-items:center;gap:7px;padding:6px 18px;font-size:12px;color:var(--tx2);text-decoration:none;border-left:2px solid transparent;line-height:1.4;} body.page-cookbook-3 .toc-link:hover{color:var(--tx);background:var(--bg3);} body.page-cookbook-3 .toc-link.active{color:var(--coral);border-left-color:var(--coral);background:rgba(247,118,142,.06);} body.page-cookbook-3 .toc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--tx3);} body.page-cookbook-3 .toc-link.active .toc-dot{background:var(--coral);} body.page-cookbook-3 .main{flex:1;min-width:0;overflow-y:auto;} body.page-cookbook-3 .hero{padding:52px 56px 40px;border-bottom:1px solid var(--ln);background:var(--bg2);position:relative;overflow:hidden;} body.page-cookbook-3 .hero::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--coral) 0%,var(--amber) 40%,var(--peach) 100%);} body.page-cookbook-3 .hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;} body.page-cookbook-3 .hero-eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--tx3);} body.page-cookbook-3 .hero-title{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--white);margin-bottom:14px;} body.page-cookbook-3 .hero-title .hl{color:var(--coral);} body.page-cookbook-3 .hero-desc{font-size:15px;color:var(--tx2);max-width:620px;line-height:1.7;margin-bottom:28px;} body.page-cookbook-3 .hero-chips{display:flex;flex-wrap:wrap;gap:8px;} body.page-cookbook-3 .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-mono);border:1px solid;} body.page-cookbook-3 .chip-coral{background:rgba(247,118,142,.1);color:var(--coral);border-color:rgba(247,118,142,.25);} body.page-cookbook-3 .chip-amber{background:rgba(224,175,104,.1);color:var(--amber);border-color:rgba(224,175,104,.25);} body.page-cookbook-3 .chip-teal{background:rgba(115,218,202,.1);color:var(--teal);border-color:rgba(115,218,202,.25);} body.page-cookbook-3 .chip-blue{background:rgba(122,162,247,.1);color:var(--blue);border-color:rgba(122,162,247,.25);} body.page-cookbook-3 .content{padding:0 56px 80px;max-width:900px;} body.page-cookbook-3 .part-break{display:flex;align-items:center;gap:14px;padding:52px 0 32px;} body.page-cookbook-3 .part-break-line{flex:1;height:1px;background:var(--ln);} body.page-cookbook-3 .part-break-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;} body.page-cookbook-3 .recipe{margin-bottom:52px;scroll-margin-top:24px;} body.page-cookbook-3 .recipe-num{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-bottom:6px;letter-spacing:.5px;} body.page-cookbook-3 .recipe-title{font-size:21px;font-weight:700;letter-spacing:-.5px;color:var(--white);line-height:1.25;margin-bottom:6px;} body.page-cookbook-3 .recipe-trigger{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--teal);background:rgba(115,218,202,.07);border:1px solid rgba(115,218,202,.18);border-radius:5px;padding:4px 10px;margin-bottom:10px;font-weight:500;} body.page-cookbook-3 .recipe-desc{font-size:14px;color:var(--tx2);line-height:1.7;max-width:700px;} body.page-cookbook-3 .code-card{background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:16px 0;} body.page-cookbook-3 .code-bar{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} body.page-cookbook-3 .dot{width:10px;height:10px;border-radius:50%;} body.page-cookbook-3 .dot-r{background:#ff5f56;} body.page-cookbook-3 .dot-y{background:#ffbd2e;} body.page-cookbook-3 .dot-g{background:#27c93f;} body.page-cookbook-3 .code-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:4px;letter-spacing:.3px;} body.page-cookbook-3 .copy-btn{margin-left:auto;background:var(--bg4);border:1px solid var(--ln2);border-radius:4px;color:var(--tx3);font-family:var(--font-mono);font-size:10px;padding:3px 8px;cursor:pointer;} body.page-cookbook-3 .copy-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-3 .copy-btn.ok{color:var(--green);border-color:var(--green);} body.page-cookbook-3 pre{padding:18px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.85;} body.page-cookbook-3 pre::-webkit-scrollbar{height:3px;} body.page-cookbook-3 .pre::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-3 .kw{color:var(--purple);} body.page-cookbook-3 .fn{color:var(--teal);} body.page-cookbook-3 .mod{color:var(--blue);font-weight:500;} body.page-cookbook-3 .str{color:var(--green);} body.page-cookbook-3 .num{color:var(--peach);} body.page-cookbook-3 .com{color:#4a5568;font-style:italic;} body.page-cookbook-3 .v{color:var(--amber);} body.page-cookbook-3 .compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:16px 0;} body.page-cookbook-3 .cmp-col:first-child{border-right:1px solid var(--ln);} body.page-cookbook-3 .cmp-head{padding:9px 16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--ln);} body.page-cookbook-3 .cmp-bad{background:rgba(247,118,142,.06);color:var(--coral);} body.page-cookbook-3 .cmp-good{background:rgba(158,206,106,.06);color:var(--green);} body.page-cookbook-3 .cmp-col pre{font-size:12px;line-height:1.75;background:var(--bg2);} body.page-cookbook-3 .callout{display:flex;gap:12px;padding:13px 16px;border-radius:var(--r2);margin:14px 0;font-size:13px;line-height:1.65;color:var(--tx2);} body.page-cookbook-3 .callout.tip{background:rgba(115,218,202,.06);border-left:3px solid var(--teal);} body.page-cookbook-3 .callout.warn{background:rgba(224,175,104,.06);border-left:3px solid var(--amber);} body.page-cookbook-3 .callout.info{background:rgba(122,162,247,.06);border-left:3px solid var(--blue);} body.page-cookbook-3 .callout.danger{background:rgba(247,118,142,.06);border-left:3px solid var(--coral);} body.page-cookbook-3 .callout-icon{font-size:15px;flex-shrink:0;line-height:1.65;} body.page-cookbook-3 .callout b{color:var(--tx);font-weight:600;} body.page-cookbook-3 .callout code{font-family:var(--font-mono);font-size:12px;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:3px;color:var(--sky);} body.page-cookbook-3 .lifecycle{display:flex;align-items:center;gap:0;margin:20px 0;overflow-x:auto;padding-bottom:4px;} body.page-cookbook-3 .lc-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;} body.page-cookbook-3 .lc-box{padding:8px 16px;border-radius:6px;font-family:var(--font-mono);font-size:12px;font-weight:500;border:1px solid;white-space:nowrap;cursor:default;} body.page-cookbook-3 .lc-label{font-size:10px;color:var(--tx3);text-align:center;max-width:90px;line-height:1.3;} body.page-cookbook-3 .lc-arrow{font-size:18px;color:var(--tx3);padding:0 4px;flex-shrink:0;margin-bottom:20px;} body.page-cookbook-3 .lc-create .lc-box{background:rgba(115,218,202,.1);color:var(--teal);border-color:rgba(115,218,202,.25);} body.page-cookbook-3 .lc-fill .lc-box{background:rgba(122,162,247,.1);color:var(--blue);border-color:rgba(122,162,247,.25);} body.page-cookbook-3 .lc-tab .lc-box{background:rgba(187,154,247,.1);color:var(--purple);border-color:rgba(187,154,247,.25);} body.page-cookbook-3 .lc-post .lc-box{background:rgba(158,206,106,.1);color:var(--green);border-color:rgba(158,206,106,.25);} body.page-cookbook-3 .lc-read .lc-box{background:rgba(224,175,104,.1);color:var(--amber);border-color:rgba(224,175,104,.25);} body.page-cookbook-3 .lc-batch .lc-box{background:rgba(247,118,142,.1);color:var(--coral);border-color:rgba(247,118,142,.25);} body.page-cookbook-3 .pipe{display:flex;flex-direction:column;gap:6px;margin:16px 0;} body.page-cookbook-3 .pipe-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg3);border:1px solid var(--ln);border-radius:var(--r2);} body.page-cookbook-3 .pipe-fn{font-family:var(--font-mono);font-size:12px;color:var(--teal);min-width:160px;font-weight:500;} body.page-cookbook-3 .pipe-desc{font-size:12px;color:var(--tx2);} body.page-cookbook-3 .pipe-tag{margin-left:auto;font-size:10px;font-family:var(--font-mono);padding:2px 7px;border-radius:4px;white-space:nowrap;} body.page-cookbook-3 .tag-refs{background:rgba(115,218,202,.1);color:var(--teal);border:1px solid rgba(115,218,202,.2);} body.page-cookbook-3 .tag-norefs{background:rgba(122,162,247,.1);color:var(--blue);border:1px solid rgba(122,162,247,.2);} body.page-cookbook-3 .tag-clear{background:rgba(247,118,142,.1);color:var(--coral);border:1px solid rgba(247,118,142,.2);} body.page-cookbook-3 .tag-mapped{background:rgba(224,175,104,.1);color:var(--amber);border:1px solid rgba(224,175,104,.2);} body.page-cookbook-3 .fn-table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;} body.page-cookbook-3 .fn-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--tx3);border-bottom:1px solid var(--ln);} body.page-cookbook-3 .fn-table td{padding:9px 12px;border-bottom:1px solid var(--ln);vertical-align:top;line-height:1.5;} body.page-cookbook-3 .fn-table tr:last-child td{border-bottom:none;} body.page-cookbook-3 .fn-table tr:hover td{background:var(--bg3);} body.page-cookbook-3 .fn-name{font-family:var(--font-mono);font-size:12px;color:var(--teal);white-space:nowrap;} body.page-cookbook-3 .fn-sig{font-family:var(--font-mono);font-size:11px;color:var(--tx3);} body.page-cookbook-3 .fn-desc{color:var(--tx2);font-size:13px;} body.page-cookbook-3 .badge-new{font-size:10px;color:var(--amber);margin-left:4px;font-family:var(--font-mono);} body.page-cookbook-3 hr.recipe-div{border:none;height:1px;background:var(--ln);margin:48px 0;} body.page-cookbook-3 .part-footer{margin:60px 0 20px;padding:24px 28px;background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;gap:20px;} body.page-cookbook-3 .part-footer-text{font-size:13px;color:var(--tx2);} body.page-cookbook-3 .part-footer-text strong{color:var(--tx);} body.page-cookbook-3 .nav-btns{display:flex;gap:10px;} body.page-cookbook-3 .nav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--ln2);border-radius:var(--r2);color:var(--tx2);font-family:var(--font-sans);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;background:none;} body.page-cookbook-3 .nav-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-3 .nav-btn.primary{background:var(--coral);border-color:var(--coral);color:#0c0e14;} body.page-cookbook-3 .nav-btn.primary:hover{opacity:.88;} @media (max-width:900px){body.page-cookbook-3 .toc{display:none;} body.page-cookbook-3 .hero,body.page-cookbook-3 .content{padding-left:24px;padding-right:24px;} body.page-cookbook-3 .compare{grid-template-columns:1fr;} body.page-cookbook-3 .cmp-col:first-child{border-right:none;border-bottom:1px solid var(--ln);}} body.page-cookbook-4 *,body.page-cookbook-4 *::before,body.page-cookbook-4 *::after{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-cookbook-4){scroll-behavior:auto;} body.page-cookbook-4{font-family:var(--font-sans);background:var(--bg);color:var(--tx);line-height:1.65;font-size:15px;} body.page-cookbook-4 .page{display:flex;min-height:100vh;} body.page-cookbook-4 .toc{width:260px;min-width:260px;background:var(--bg2);border-right:1px solid var(--ln);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;} body.page-cookbook-4 .toc::-webkit-scrollbar{width:3px;} body.page-cookbook-4 .toc::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-4 .toc-head{padding:22px 18px 14px;border-bottom:1px solid var(--ln);} body.page-cookbook-4 .toc-logo{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--amber);letter-spacing:-.3px;} body.page-cookbook-4 .toc-sub{font-size:11px;color:var(--tx3);margin-top:3px;} body.page-cookbook-4 .toc-section{padding:10px 0 4px;} body.page-cookbook-4 .toc-section-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx3);padding:0 18px;margin-bottom:4px;} body.page-cookbook-4 .toc-link{display:flex;align-items:flex-start;gap:7px;padding:7px 18px;font-size:12px;color:var(--tx2);text-decoration:none;border-left:2px solid transparent;line-height:1.4;} body.page-cookbook-4 .toc-link:hover{color:var(--tx);background:var(--bg3);} body.page-cookbook-4 .toc-link.active{color:var(--amber);border-left-color:var(--amber);background:rgba(224,175,104,.06);} body.page-cookbook-4 .toc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--tx3);margin-top:5px;} body.page-cookbook-4 .toc-link.active .toc-dot{background:var(--amber);} body.page-cookbook-4 .main{flex:1;min-width:0;overflow-y:auto;} body.page-cookbook-4 .hero{padding:52px 56px 40px;border-bottom:1px solid var(--ln);background:var(--bg2);position:relative;overflow:hidden;} body.page-cookbook-4 .hero::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--amber) 0%,var(--peach) 50%,var(--coral) 100%);} body.page-cookbook-4 .hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;} body.page-cookbook-4 .hero-eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--tx3);} body.page-cookbook-4 .hero-title{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--white);margin-bottom:14px;} body.page-cookbook-4 .hero-title .hl{color:var(--amber);} body.page-cookbook-4 .hero-desc{font-size:15px;color:var(--tx2);max-width:640px;line-height:1.7;margin-bottom:28px;} body.page-cookbook-4 .hero-chips{display:flex;flex-wrap:wrap;gap:8px;} body.page-cookbook-4 .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-mono);border:1px solid;} body.page-cookbook-4 .chip-amber{background:rgba(224,175,104,.1);color:var(--amber);border-color:rgba(224,175,104,.25);} body.page-cookbook-4 .chip-green{background:rgba(158,206,106,.1);color:var(--green);border-color:rgba(158,206,106,.25);} body.page-cookbook-4 .chip-blue{background:rgba(122,162,247,.1);color:var(--blue);border-color:rgba(122,162,247,.25);} body.page-cookbook-4 .chip-teal{background:rgba(115,218,202,.1);color:var(--teal);border-color:rgba(115,218,202,.25);} body.page-cookbook-4 .content{padding:0 56px 80px;max-width:920px;} body.page-cookbook-4 .part-break{display:flex;align-items:center;gap:14px;padding:52px 0 28px;} body.page-cookbook-4 .part-break-line{flex:1;height:1px;background:var(--ln);} body.page-cookbook-4 .part-break-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;} body.page-cookbook-4 .pattern{margin-bottom:64px;scroll-margin-top:24px;} body.page-cookbook-4 .pattern-header{margin-bottom:22px;} body.page-cookbook-4 .pattern-num{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:.5px;margin-bottom:8px;} body.page-cookbook-4 .pattern-title{font-size:24px;font-weight:800;letter-spacing:-.8px;color:var(--white);line-height:1.15;margin-bottom:8px;} body.page-cookbook-4 .pattern-pitch{font-size:14px;color:var(--teal);font-weight:600;margin-bottom:8px;} body.page-cookbook-4 .pattern-desc{font-size:14px;color:var(--tx2);line-height:1.75;max-width:740px;} body.page-cookbook-4 .flow{display:flex;flex-direction:column;gap:0;margin:18px 0;} body.page-cookbook-4 .flow-step{display:flex;gap:16px;position:relative;} body.page-cookbook-4 .flow-step:not(:last-child)::before{content:"";position:absolute;left:15px;top:36px;bottom:-2px;width:2px;background:var(--ln);z-index:0;} body.page-cookbook-4 .flow-num{width:32px;height:32px;border-radius:50%;background:var(--bg4);border:1px solid var(--ln2);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;color:var(--tx3);flex-shrink:0;z-index:1;margin-top:2px;} body.page-cookbook-4 .flow-body{flex:1;padding-bottom:20px;} body.page-cookbook-4 .flow-label{font-size:13px;font-weight:600;color:var(--tx);margin-bottom:4px;} body.page-cookbook-4 .flow-desc{font-size:13px;color:var(--tx2);} body.page-cookbook-4 .code-card{background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:14px 0;} body.page-cookbook-4 .code-bar{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} body.page-cookbook-4 .dot{width:10px;height:10px;border-radius:50%;} body.page-cookbook-4 .dot-r{background:#ff5f56;} body.page-cookbook-4 .dot-y{background:#ffbd2e;} body.page-cookbook-4 .dot-g{background:#27c93f;} body.page-cookbook-4 .code-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:4px;letter-spacing:.3px;flex:1;} body.page-cookbook-4 .lines{font-family:var(--font-mono);font-size:10px;color:var(--tx3);margin-right:4px;} body.page-cookbook-4 .copy-btn{background:var(--bg4);border:1px solid var(--ln2);border-radius:4px;color:var(--tx3);font-family:var(--font-mono);font-size:10px;padding:3px 8px;cursor:pointer;} body.page-cookbook-4 .copy-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-4 .copy-btn.ok{color:var(--green);border-color:var(--green);} body.page-cookbook-4 pre{padding:18px 22px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.85;} body.page-cookbook-4 pre::-webkit-scrollbar{height:3px;} body.page-cookbook-4 .pre::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-4 .kw{color:var(--purple);} body.page-cookbook-4 .fn{color:var(--teal);} body.page-cookbook-4 .mod{color:var(--blue);font-weight:500;} body.page-cookbook-4 .str{color:var(--green);} body.page-cookbook-4 .num{color:var(--peach);} body.page-cookbook-4 .com{color:#4a5568;font-style:italic;} body.page-cookbook-4 .v{color:var(--amber);} body.page-cookbook-4 .sec{display:block;font-size:11px;color:var(--tx3);letter-spacing:1px;text-transform:uppercase;margin:8px 0 4px;font-style:normal;} body.page-cookbook-4 .callout{display:flex;gap:12px;padding:13px 16px;border-radius:var(--r2);margin:14px 0;font-size:13px;line-height:1.65;color:var(--tx2);} body.page-cookbook-4 .callout.tip{background:rgba(115,218,202,.06);border-left:3px solid var(--teal);} body.page-cookbook-4 .callout.warn{background:rgba(224,175,104,.06);border-left:3px solid var(--amber);} body.page-cookbook-4 .callout.info{background:rgba(122,162,247,.06);border-left:3px solid var(--blue);} body.page-cookbook-4 .callout.danger{background:rgba(247,118,142,.06);border-left:3px solid var(--coral);} body.page-cookbook-4 .callout-icon{font-size:15px;flex-shrink:0;line-height:1.65;} body.page-cookbook-4 .callout b{color:var(--tx);font-weight:600;} body.page-cookbook-4 .callout code{font-family:var(--font-mono);font-size:12px;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:3px;color:var(--sky);} body.page-cookbook-4 .result-line{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(158,206,106,.05);border:1px solid rgba(158,206,106,.15);border-radius:var(--r2);margin:10px 0;font-family:var(--font-mono);font-size:12px;color:var(--green);} body.page-cookbook-4 .stats{display:flex;gap:12px;margin:14px 0;flex-wrap:wrap;} body.page-cookbook-4 .stat{background:var(--bg3);border:1px solid var(--ln);border-radius:var(--r2);padding:10px 16px;} body.page-cookbook-4 .stat-num{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--amber);line-height:1;} body.page-cookbook-4 .stat-label{font-size:11px;color:var(--tx3);margin-top:3px;} body.page-cookbook-4 hr.div{border:none;height:1px;background:var(--ln);margin:52px 0;} body.page-cookbook-4 .part-footer{margin:60px 0 20px;padding:24px 28px;background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;gap:20px;} body.page-cookbook-4 .part-footer-text{font-size:13px;color:var(--tx2);} body.page-cookbook-4 .part-footer-text strong{color:var(--tx);} body.page-cookbook-4 .nav-btns{display:flex;gap:10px;flex-shrink:0;} body.page-cookbook-4 .nav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--ln2);border-radius:var(--r2);color:var(--tx2);font-family:var(--font-sans);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;background:none;} body.page-cookbook-4 .nav-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-4 .nav-btn.primary{background:var(--amber);border-color:var(--amber);color:#0c0e14;} body.page-cookbook-4 .nav-btn.primary:hover{opacity:.88;} @media (max-width:900px){body.page-cookbook-4 .toc{display:none;} body.page-cookbook-4 .hero,body.page-cookbook-4 .content{padding-left:24px;padding-right:24px;}} body.page-cookbook-5 *,body.page-cookbook-5 *::before,body.page-cookbook-5 *::after{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-cookbook-5){scroll-behavior:auto;} body.page-cookbook-5{font-family:var(--font-sans);background:var(--bg);color:var(--tx);line-height:1.65;font-size:15px;} body.page-cookbook-5 .page{display:flex;min-height:100vh;} body.page-cookbook-5 .toc{width:260px;min-width:260px;background:var(--bg2);border-right:1px solid var(--ln);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;} body.page-cookbook-5 .toc::-webkit-scrollbar{width:3px;} body.page-cookbook-5 .toc::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-5 .toc-head{padding:22px 18px 14px;border-bottom:1px solid var(--ln);} body.page-cookbook-5 .toc-logo{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--sky);letter-spacing:-.3px;} body.page-cookbook-5 .toc-sub{font-size:11px;color:var(--tx3);margin-top:3px;} body.page-cookbook-5 .toc-section{padding:10px 0 4px;} body.page-cookbook-5 .toc-section-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx3);padding:0 18px;margin-bottom:4px;} body.page-cookbook-5 .toc-link{display:flex;align-items:flex-start;gap:7px;padding:7px 18px;font-size:12px;color:var(--tx2);text-decoration:none;border-left:2px solid transparent;line-height:1.4;} body.page-cookbook-5 .toc-link:hover{color:var(--tx);background:var(--bg3);} body.page-cookbook-5 .toc-link.active{color:var(--sky);border-left-color:var(--sky);background:rgba(116,207,255,.06);} body.page-cookbook-5 .toc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--tx3);margin-top:5px;} body.page-cookbook-5 .toc-link.active .toc-dot{background:var(--sky);} body.page-cookbook-5 .main{flex:1;min-width:0;overflow-y:auto;} body.page-cookbook-5 .hero{padding:52px 56px 44px;border-bottom:1px solid var(--ln);background:var(--bg2);position:relative;overflow:hidden;} body.page-cookbook-5 .hero::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--sky) 0%,var(--blue) 50%,var(--purple) 100%);} body.page-cookbook-5 .hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;} body.page-cookbook-5 .hero-eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--tx3);} body.page-cookbook-5 .hero-title{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--white);margin-bottom:14px;} body.page-cookbook-5 .hero-title .hl{color:var(--sky);} body.page-cookbook-5 .hero-desc{font-size:15px;color:var(--tx2);max-width:620px;line-height:1.7;margin-bottom:28px;} body.page-cookbook-5 .hero-chips{display:flex;flex-wrap:wrap;gap:8px;} body.page-cookbook-5 .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-mono);border:1px solid;} body.page-cookbook-5 .chip-sky{background:rgba(116,207,255,.1);color:var(--sky);border-color:rgba(116,207,255,.25);} body.page-cookbook-5 .chip-teal{background:rgba(115,218,202,.1);color:var(--teal);border-color:rgba(115,218,202,.25);} body.page-cookbook-5 .chip-purple{background:rgba(187,154,247,.1);color:var(--purple);border-color:rgba(187,154,247,.25);} body.page-cookbook-5 .chip-green{background:rgba(158,206,106,.1);color:var(--green);border-color:rgba(158,206,106,.25);} body.page-cookbook-5 .chip-coral{background:rgba(247,118,142,.1);color:var(--coral);border-color:rgba(247,118,142,.25);} body.page-cookbook-5 .content{padding:0 56px 80px;max-width:920px;} body.page-cookbook-5 .part-break{display:flex;align-items:center;gap:14px;padding:52px 0 28px;} body.page-cookbook-5 .part-break-line{flex:1;height:1px;background:var(--ln);} body.page-cookbook-5 .part-break-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;} body.page-cookbook-5 .recipe{margin-bottom:56px;scroll-margin-top:24px;} body.page-cookbook-5 .recipe-num{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-bottom:6px;letter-spacing:.5px;} body.page-cookbook-5 .recipe-title{font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--white);line-height:1.2;margin-bottom:6px;} body.page-cookbook-5 .recipe-trigger{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--teal);background:rgba(115,218,202,.07);border:1px solid rgba(115,218,202,.18);border-radius:5px;padding:4px 10px;margin-bottom:10px;font-weight:500;} body.page-cookbook-5 .recipe-desc{font-size:14px;color:var(--tx2);line-height:1.75;max-width:700px;} body.page-cookbook-5 .chain-anatomy{display:flex;flex-direction:column;gap:4px;margin:20px 0;padding:20px;background:var(--bg3);border:1px solid var(--ln);border-radius:var(--r);} body.page-cookbook-5 .chain-line{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;line-height:1.6;} body.page-cookbook-5 .chain-indent{color:var(--tx3);user-select:none;} body.page-cookbook-5 .chain-method{color:var(--teal);} body.page-cookbook-5 .chain-arg{color:var(--green);} body.page-cookbook-5 .chain-arg2{color:var(--amber);} body.page-cookbook-5 .chain-type{font-size:10px;padding:2px 8px;border-radius:4px;margin-left:auto;font-weight:600;white-space:nowrap;} body.page-cookbook-5 .type-entry{background:rgba(115,218,202,.12);color:var(--teal);border:1px solid rgba(115,218,202,.2);} body.page-cookbook-5 .type-transform{background:rgba(122,162,247,.1);color:var(--blue);border:1px solid rgba(122,162,247,.2);} body.page-cookbook-5 .type-terminal{background:rgba(158,206,106,.1);color:var(--green);border:1px solid rgba(158,206,106,.2);} body.page-cookbook-5 .chain-comment{font-size:11px;color:var(--tx3);font-style:italic;margin-left:8px;} body.page-cookbook-5 .api-table{width:100%;border-collapse:collapse;font-size:13px;margin:14px 0;} body.page-cookbook-5 .api-table th{text-align:left;padding:7px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--tx3);border-bottom:1px solid var(--ln);} body.page-cookbook-5 .api-table td{padding:8px 12px;border-bottom:1px solid var(--ln);vertical-align:top;line-height:1.45;} body.page-cookbook-5 .api-table tr:last-child td{border-bottom:none;} body.page-cookbook-5 .api-table tr:hover td{background:var(--bg3);} body.page-cookbook-5 .m-name{font-family:var(--font-mono);font-size:12px;color:var(--teal);white-space:nowrap;} body.page-cookbook-5 .m-sig{font-family:var(--font-mono);font-size:11px;color:var(--tx3);} body.page-cookbook-5 .m-desc{color:var(--tx2);font-size:13px;} body.page-cookbook-5 .m-type{font-size:10px;padding:1px 6px;border-radius:3px;font-family:var(--font-mono);} body.page-cookbook-5 .code-card{background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:16px 0;} body.page-cookbook-5 .code-bar{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} body.page-cookbook-5 .dot{width:10px;height:10px;border-radius:50%;} body.page-cookbook-5 .dot-r{background:#ff5f56;} body.page-cookbook-5 .dot-y{background:#ffbd2e;} body.page-cookbook-5 .dot-g{background:#27c93f;} body.page-cookbook-5 .code-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:4px;letter-spacing:.3px;flex:1;} body.page-cookbook-5 .copy-btn{background:var(--bg4);border:1px solid var(--ln2);border-radius:4px;color:var(--tx3);font-family:var(--font-mono);font-size:10px;padding:3px 8px;cursor:pointer;} body.page-cookbook-5 .copy-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-5 .copy-btn.ok{color:var(--green);border-color:var(--green);} body.page-cookbook-5 pre{padding:18px 22px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.85;} body.page-cookbook-5 .kw{color:var(--purple);} body.page-cookbook-5 .fn{color:var(--teal);} body.page-cookbook-5 .mod{color:var(--blue);font-weight:500;} body.page-cookbook-5 .str{color:var(--green);} body.page-cookbook-5 .num{color:var(--peach);} body.page-cookbook-5 .com{color:#4a5568;font-style:italic;} body.page-cookbook-5 .v{color:var(--amber);} body.page-cookbook-5 .compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:16px 0;} body.page-cookbook-5 .cmp-col:first-child{border-right:1px solid var(--ln);} body.page-cookbook-5 .cmp-head{padding:9px 16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--ln);} body.page-cookbook-5 .cmp-bad{background:rgba(247,118,142,.06);color:var(--coral);} body.page-cookbook-5 .cmp-good{background:rgba(158,206,106,.06);color:var(--green);} body.page-cookbook-5 .cmp-col pre{font-size:12px;line-height:1.8;background:var(--bg2);} body.page-cookbook-5 .callout{display:flex;gap:12px;padding:13px 16px;border-radius:var(--r2);margin:14px 0;font-size:13px;line-height:1.65;color:var(--tx2);} body.page-cookbook-5 .callout.tip{background:rgba(115,218,202,.06);border-left:3px solid var(--teal);} body.page-cookbook-5 .callout.warn{background:rgba(224,175,104,.06);border-left:3px solid var(--amber);} body.page-cookbook-5 .callout.info{background:rgba(122,162,247,.06);border-left:3px solid var(--blue);} body.page-cookbook-5 .callout.danger{background:rgba(247,118,142,.06);border-left:3px solid var(--coral);} body.page-cookbook-5 .callout-icon{font-size:15px;flex-shrink:0;line-height:1.65;} body.page-cookbook-5 .callout b{color:var(--tx);font-weight:600;} body.page-cookbook-5 .callout code{font-family:var(--font-mono);font-size:12px;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:3px;color:var(--sky);} body.page-cookbook-5 .module-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;} body.page-cookbook-5 .module-card{background:var(--bg3);border:1px solid var(--ln);border-radius:var(--r2);padding:14px 16px;cursor:pointer;} body.page-cookbook-5 .module-card:hover{border-color:var(--ln2);} body.page-cookbook-5 .mc-mod{font-family:var(--font-mono);font-size:13px;font-weight:500;margin-bottom:4px;} body.page-cookbook-5 .mc-class{font-family:var(--font-mono);font-size:10px;color:var(--tx3);margin-bottom:8px;} body.page-cookbook-5 .mc-entry{font-size:12px;color:var(--tx2);} body.page-cookbook-5 .mc-ds .mc-mod{color:var(--teal);} body.page-cookbook-5 .mc-ar .mc-mod{color:var(--green);} body.page-cookbook-5 .mc-cat .mc-mod{color:var(--purple);} body.page-cookbook-5 .mc-docs .mc-mod{color:var(--coral);} body.page-cookbook-5 hr.div{border:none;height:1px;background:var(--ln);margin:48px 0;} body.page-cookbook-5 .part-footer{margin:60px 0 20px;padding:24px 28px;background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;gap:20px;} body.page-cookbook-5 .part-footer-text{font-size:13px;color:var(--tx2);} body.page-cookbook-5 .part-footer-text strong{color:var(--tx);} body.page-cookbook-5 .nav-btns{display:flex;gap:10px;flex-shrink:0;} body.page-cookbook-5 .nav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--ln2);border-radius:var(--r2);color:var(--tx2);font-family:var(--font-sans);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;background:none;} body.page-cookbook-5 .nav-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-5 .nav-btn.primary{background:var(--sky);border-color:var(--sky);color:#0c0e14;} body.page-cookbook-5 .nav-btn.primary:hover{opacity:.88;} @media (max-width:900px){body.page-cookbook-5 .toc{display:none;} body.page-cookbook-5 .hero,body.page-cookbook-5 .content{padding-left:24px;padding-right:24px;} body.page-cookbook-5 .compare{grid-template-columns:1fr;} body.page-cookbook-5 .cmp-col:first-child{border-right:none;border-bottom:1px solid var(--ln);} body.page-cookbook-5 .module-cards{grid-template-columns:1fr 1fr;}} body.page-cookbook-6 *,body.page-cookbook-6 *::before,body.page-cookbook-6 *::after{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-cookbook-6){scroll-behavior:auto;} body.page-cookbook-6{font-family:var(--font-sans);background:var(--bg);color:var(--tx);line-height:1.65;font-size:15px;} body.page-cookbook-6 .page{display:flex;min-height:100vh;} body.page-cookbook-6 .toc{width:260px;min-width:260px;background:var(--bg2);border-right:1px solid var(--ln);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;} body.page-cookbook-6 .toc::-webkit-scrollbar{width:3px;} body.page-cookbook-6 .toc::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-6 .toc-head{padding:22px 18px 14px;border-bottom:1px solid var(--ln);} body.page-cookbook-6 .toc-logo{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--coral);letter-spacing:-.3px;} body.page-cookbook-6 .toc-sub{font-size:11px;color:var(--tx3);margin-top:3px;} body.page-cookbook-6 .toc-section{padding:10px 0 4px;} body.page-cookbook-6 .toc-section-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx3);padding:0 18px;margin-bottom:4px;} body.page-cookbook-6 .toc-link{display:flex;align-items:flex-start;gap:7px;padding:7px 18px;font-size:12px;color:var(--tx2);text-decoration:none;border-left:2px solid transparent;line-height:1.4;} body.page-cookbook-6 .toc-link:hover{color:var(--tx);background:var(--bg3);} body.page-cookbook-6 .toc-link.active{color:var(--coral);border-left-color:var(--coral);background:rgba(247,118,142,.06);} body.page-cookbook-6 .toc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--tx3);margin-top:5px;} body.page-cookbook-6 .toc-link.active .toc-dot{background:var(--coral);} body.page-cookbook-6 .main{flex:1;min-width:0;overflow-y:auto;} body.page-cookbook-6 .hero{padding:52px 56px 44px;border-bottom:1px solid var(--ln);background:var(--bg2);position:relative;overflow:hidden;} body.page-cookbook-6 .hero::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--coral) 0%,var(--amber) 100%);} body.page-cookbook-6 .hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;} body.page-cookbook-6 .hero-eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--tx3);} body.page-cookbook-6 .hero-title{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--white);margin-bottom:14px;} body.page-cookbook-6 .hero-title .hl{color:var(--coral);} body.page-cookbook-6 .hero-desc{font-size:15px;color:var(--tx2);max-width:640px;line-height:1.7;margin-bottom:28px;} body.page-cookbook-6 .hero-chips{display:flex;flex-wrap:wrap;gap:8px;} body.page-cookbook-6 .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-mono);border:1px solid;} body.page-cookbook-6 .chip-coral{background:rgba(247,118,142,.1);color:var(--coral);border-color:rgba(247,118,142,.25);} body.page-cookbook-6 .chip-amber{background:rgba(224,175,104,.1);color:var(--amber);border-color:rgba(224,175,104,.25);} body.page-cookbook-6 .chip-green{background:rgba(158,206,106,.1);color:var(--green);border-color:rgba(158,206,106,.25);} body.page-cookbook-6 .content{padding:0 56px 80px;max-width:920px;} body.page-cookbook-6 .part-break{display:flex;align-items:center;gap:14px;padding:48px 0 28px;} body.page-cookbook-6 .part-break-line{flex:1;height:1px;background:var(--ln);} body.page-cookbook-6 .part-break-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;} body.page-cookbook-6 .ap{margin-bottom:52px;scroll-margin-top:24px;} body.page-cookbook-6 .ap-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;} body.page-cookbook-6 .ap-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:2px;} body.page-cookbook-6 .ap-icon-bad{background:rgba(247,118,142,.12);border:1px solid rgba(247,118,142,.25);} body.page-cookbook-6 .ap-icon-warn{background:rgba(224,175,104,.12);border:1px solid rgba(224,175,104,.25);} body.page-cookbook-6 .ap-icon-info{background:rgba(122,162,247,.12);border:1px solid rgba(122,162,247,.25);} body.page-cookbook-6 .ap-num{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-bottom:5px;letter-spacing:.5px;} body.page-cookbook-6 .ap-title{font-size:20px;font-weight:700;letter-spacing:-.4px;color:var(--white);line-height:1.2;margin-bottom:5px;} body.page-cookbook-6 .ap-verdict{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px;font-family:var(--font-mono);} body.page-cookbook-6 .v-bad{background:rgba(247,118,142,.1);color:var(--coral);border:1px solid rgba(247,118,142,.2);} body.page-cookbook-6 .v-warn{background:rgba(224,175,104,.1);color:var(--amber);border:1px solid rgba(224,175,104,.2);} body.page-cookbook-6 .ap-desc{font-size:14px;color:var(--tx2);line-height:1.75;max-width:720px;margin-top:8px;} body.page-cookbook-6 .impact{display:flex;gap:10px;margin:12px 0 16px;flex-wrap:wrap;} body.page-cookbook-6 .impact-badge{font-size:11px;padding:3px 10px;border-radius:4px;font-family:var(--font-mono);font-weight:600;} body.page-cookbook-6 .ib-perf{background:rgba(247,118,142,.1);color:var(--coral);} body.page-cookbook-6 .ib-data{background:rgba(224,175,104,.1);color:var(--amber);} body.page-cookbook-6 .ib-logic{background:rgba(122,162,247,.1);color:var(--blue);} body.page-cookbook-6 .ib-style{background:rgba(115,218,202,.1);color:var(--teal);} body.page-cookbook-6 .fix-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:14px 0;} body.page-cookbook-6 .fix-col:first-child{border-right:1px solid var(--ln);} body.page-cookbook-6 .fix-head{padding:9px 16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--ln);} body.page-cookbook-6 .fix-bad{background:rgba(247,118,142,.07);color:var(--coral);} body.page-cookbook-6 .fix-good{background:rgba(158,206,106,.07);color:var(--green);} body.page-cookbook-6 .fix-col pre{font-size:12px;line-height:1.8;background:var(--bg2);padding:16px 18px;} body.page-cookbook-6 .code-card{background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:14px 0;} body.page-cookbook-6 .code-bar{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} body.page-cookbook-6 .dot{width:10px;height:10px;border-radius:50%;} body.page-cookbook-6 .dot-r{background:#ff5f56;} body.page-cookbook-6 .dot-y{background:#ffbd2e;} body.page-cookbook-6 .dot-g{background:#27c93f;} body.page-cookbook-6 .code-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:4px;letter-spacing:.3px;flex:1;} body.page-cookbook-6 .copy-btn{background:var(--bg4);border:1px solid var(--ln2);border-radius:4px;color:var(--tx3);font-family:var(--font-mono);font-size:10px;padding:3px 8px;cursor:pointer;} body.page-cookbook-6 .copy-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-6 .copy-btn.ok{color:var(--green);border-color:var(--green);} body.page-cookbook-6 pre{padding:18px 22px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.85;} body.page-cookbook-6 .kw{color:var(--purple);} body.page-cookbook-6 .fn{color:var(--teal);} body.page-cookbook-6 .mod{color:var(--blue);font-weight:500;} body.page-cookbook-6 .str{color:var(--green);} body.page-cookbook-6 .num{color:var(--peach);} body.page-cookbook-6 .com{color:#4a5568;font-style:italic;} body.page-cookbook-6 .v{color:var(--amber);} body.page-cookbook-6 .hi-bad{background:rgba(247,118,142,.15);border-radius:3px;padding:0 2px;} body.page-cookbook-6 .hi-good{background:rgba(158,206,106,.12);border-radius:3px;padding:0 2px;} body.page-cookbook-6 .callout{display:flex;gap:12px;padding:13px 16px;border-radius:var(--r2);margin:14px 0;font-size:13px;line-height:1.65;color:var(--tx2);} body.page-cookbook-6 .callout.tip{background:rgba(115,218,202,.06);border-left:3px solid var(--teal);} body.page-cookbook-6 .callout.warn{background:rgba(224,175,104,.06);border-left:3px solid var(--amber);} body.page-cookbook-6 .callout.danger{background:rgba(247,118,142,.06);border-left:3px solid var(--coral);} body.page-cookbook-6 .callout-icon{font-size:15px;flex-shrink:0;line-height:1.65;} body.page-cookbook-6 .callout b{color:var(--tx);font-weight:600;} body.page-cookbook-6 .callout code{font-family:var(--font-mono);font-size:12px;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:3px;color:var(--sky);} body.page-cookbook-6 .sum-table{width:100%;border-collapse:collapse;font-size:13px;margin:20px 0;} body.page-cookbook-6 .sum-table th{text-align:left;padding:8px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--tx3);border-bottom:1px solid var(--ln);} body.page-cookbook-6 .sum-table td{padding:10px 12px;border-bottom:1px solid var(--ln);vertical-align:middle;line-height:1.5;} body.page-cookbook-6 .sum-table tr:last-child td{border-bottom:none;} body.page-cookbook-6 .sum-table tr:hover td{background:var(--bg3);} body.page-cookbook-6 .ap-name-cell{font-family:var(--font-mono);font-size:12px;color:var(--coral);} body.page-cookbook-6 .effect-cell{color:var(--tx2);font-size:13px;} body.page-cookbook-6 .fix-cell{font-family:var(--font-mono);font-size:11px;color:var(--teal);} body.page-cookbook-6 .sev-high{color:var(--coral);font-weight:700;font-size:12px;} body.page-cookbook-6 .sev-med{color:var(--amber);font-weight:600;font-size:12px;} body.page-cookbook-6 .sev-low{color:var(--tx3);font-size:12px;} body.page-cookbook-6 hr.div{border:none;height:1px;background:var(--ln);margin:44px 0;} body.page-cookbook-6 .part-footer{margin:60px 0 20px;padding:24px 28px;background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;gap:20px;} body.page-cookbook-6 .part-footer-text{font-size:13px;color:var(--tx2);} body.page-cookbook-6 .part-footer-text strong{color:var(--tx);} body.page-cookbook-6 .nav-btns{display:flex;gap:10px;flex-shrink:0;} body.page-cookbook-6 .nav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--ln2);border-radius:var(--r2);color:var(--tx2);font-family:var(--font-sans);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;background:none;} body.page-cookbook-6 .nav-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-6 .nav-btn.primary{background:var(--coral);border-color:var(--coral);color:#0c0e14;} body.page-cookbook-6 .nav-btn.primary:hover{opacity:.88;} @media (max-width:900px){body.page-cookbook-6 .toc{display:none;} body.page-cookbook-6 .hero,body.page-cookbook-6 .content{padding-left:24px;padding-right:24px;} body.page-cookbook-6 .fix-compare{grid-template-columns:1fr;} body.page-cookbook-6 .fix-col:first-child{border-right:none;border-bottom:1px solid var(--ln);}} body.page-cookbook-7 *,body.page-cookbook-7 *::before,body.page-cookbook-7 *::after{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-cookbook-7){scroll-behavior:auto;} body.page-cookbook-7{font-family:var(--font-sans);background:var(--bg);color:var(--tx);line-height:1.65;font-size:15px;} body.page-cookbook-7 .page{display:flex;min-height:100vh;} body.page-cookbook-7 .toc{width:260px;min-width:260px;background:var(--bg2);border-right:1px solid var(--ln);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;} body.page-cookbook-7 .toc::-webkit-scrollbar{width:3px;} body.page-cookbook-7 .toc::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-7 .toc-head{padding:22px 18px 14px;border-bottom:1px solid var(--ln);} body.page-cookbook-7 .toc-logo{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--green);letter-spacing:-.3px;} body.page-cookbook-7 .toc-sub{font-size:11px;color:var(--tx3);margin-top:3px;} body.page-cookbook-7 .toc-section{padding:10px 0 4px;} body.page-cookbook-7 .toc-section-label{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--tx3);padding:0 18px;margin-bottom:4px;} body.page-cookbook-7 .toc-link{display:flex;align-items:flex-start;gap:7px;padding:7px 18px;font-size:12px;color:var(--tx2);text-decoration:none;border-left:2px solid transparent;line-height:1.4;} body.page-cookbook-7 .toc-link:hover{color:var(--tx);background:var(--bg3);} body.page-cookbook-7 .toc-link.active{color:var(--green);border-left-color:var(--green);background:rgba(158,206,106,.06);} body.page-cookbook-7 .toc-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:var(--tx3);margin-top:5px;} body.page-cookbook-7 .toc-link.active .toc-dot{background:var(--green);} body.page-cookbook-7 .main{flex:1;min-width:0;overflow-y:auto;} body.page-cookbook-7 .hero{padding:52px 56px 44px;border-bottom:1px solid var(--ln);background:var(--bg2);position:relative;overflow:hidden;} body.page-cookbook-7 .hero::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green) 0%,var(--teal) 50%,var(--blue) 100%);} body.page-cookbook-7 .hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px;} body.page-cookbook-7 .hero-eyebrow::before{content:"";display:inline-block;width:24px;height:1px;background:var(--tx3);} body.page-cookbook-7 .hero-title{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--white);margin-bottom:14px;} body.page-cookbook-7 .hero-title .hl{color:var(--green);} body.page-cookbook-7 .hero-desc{font-size:15px;color:var(--tx2);max-width:640px;line-height:1.7;margin-bottom:28px;} body.page-cookbook-7 .hero-chips{display:flex;flex-wrap:wrap;gap:8px;} body.page-cookbook-7 .chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:var(--font-mono);border:1px solid;} body.page-cookbook-7 .chip-green{background:rgba(158,206,106,.1);color:var(--green);border-color:rgba(158,206,106,.25);} body.page-cookbook-7 .chip-teal{background:rgba(115,218,202,.1);color:var(--teal);border-color:rgba(115,218,202,.25);} body.page-cookbook-7 .chip-blue{background:rgba(122,162,247,.1);color:var(--blue);border-color:rgba(122,162,247,.25);} body.page-cookbook-7 .chip-amber{background:rgba(224,175,104,.1);color:var(--amber);border-color:rgba(224,175,104,.25);} body.page-cookbook-7 .content{padding:0 56px 80px;max-width:960px;} body.page-cookbook-7 .part-break{display:flex;align-items:center;gap:14px;padding:48px 0 28px;} body.page-cookbook-7 .part-break-line{flex:1;height:1px;background:var(--ln);} body.page-cookbook-7 .part-break-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;} body.page-cookbook-7 .project{margin-bottom:72px;scroll-margin-top:24px;} body.page-cookbook-7 .project-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px;} body.page-cookbook-7 .project-badge{padding:10px 16px;border-radius:8px;font-family:var(--font-mono);font-size:11px;font-weight:600;border:1px solid;white-space:nowrap;flex-shrink:0;text-align:center;min-width:110px;} body.page-cookbook-7 .pb-green{background:rgba(158,206,106,.1);color:var(--green);border-color:rgba(158,206,106,.25);} body.page-cookbook-7 .pb-teal{background:rgba(115,218,202,.1);color:var(--teal);border-color:rgba(115,218,202,.25);} body.page-cookbook-7 .pb-blue{background:rgba(122,162,247,.1);color:var(--blue);border-color:rgba(122,162,247,.25);} body.page-cookbook-7 .pb-amber{background:rgba(224,175,104,.1);color:var(--amber);border-color:rgba(224,175,104,.25);} body.page-cookbook-7 .project-meta{flex:1;} body.page-cookbook-7 .project-num{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-bottom:5px;letter-spacing:.5px;} body.page-cookbook-7 .project-title{font-size:22px;font-weight:700;letter-spacing:-.4px;color:var(--white);line-height:1.2;margin-bottom:6px;} body.page-cookbook-7 .project-situation{font-size:14px;color:var(--teal);font-weight:600;margin-bottom:6px;} body.page-cookbook-7 .project-desc{font-size:14px;color:var(--tx2);line-height:1.75;max-width:700px;} body.page-cookbook-7 .scenario-tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0;} body.page-cookbook-7 .stag{font-size:11px;font-family:var(--font-mono);padding:3px 9px;border-radius:4px;background:var(--bg3);border:1px solid var(--ln);color:var(--tx2);} body.page-cookbook-7 .code-card{background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:14px 0;} body.page-cookbook-7 .code-bar{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg3);border-bottom:1px solid var(--ln);} body.page-cookbook-7 .dot{width:10px;height:10px;border-radius:50%;} body.page-cookbook-7 .dot-r{background:#ff5f56;} body.page-cookbook-7 .dot-y{background:#ffbd2e;} body.page-cookbook-7 .dot-g{background:#27c93f;} body.page-cookbook-7 .code-label{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:4px;letter-spacing:.3px;flex:1;} body.page-cookbook-7 .lines{font-family:var(--font-mono);font-size:10px;color:var(--tx3);margin-right:4px;} body.page-cookbook-7 .copy-btn{background:var(--bg4);border:1px solid var(--ln2);border-radius:4px;color:var(--tx3);font-family:var(--font-mono);font-size:10px;padding:3px 8px;cursor:pointer;} body.page-cookbook-7 .copy-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-7 .copy-btn.ok{color:var(--green);border-color:var(--green);} body.page-cookbook-7 pre{padding:18px 22px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.85;} body.page-cookbook-7 pre::-webkit-scrollbar{height:3px;} body.page-cookbook-7 .pre::-webkit-scrollbar-thumb{background:var(--ln2);border-radius:3px;} body.page-cookbook-7 .kw{color:var(--purple);} body.page-cookbook-7 .fn{color:var(--teal);} body.page-cookbook-7 .mod{color:var(--blue);font-weight:500;} body.page-cookbook-7 .str{color:var(--green);} body.page-cookbook-7 .num{color:var(--peach);} body.page-cookbook-7 .com{color:#4a5568;font-style:italic;} body.page-cookbook-7 .v{color:var(--amber);} body.page-cookbook-7 .callout{display:flex;gap:12px;padding:13px 16px;border-radius:var(--r2);margin:14px 0;font-size:13px;line-height:1.65;color:var(--tx2);} body.page-cookbook-7 .callout.tip{background:rgba(115,218,202,.06);border-left:3px solid var(--teal);} body.page-cookbook-7 .callout.info{background:rgba(122,162,247,.06);border-left:3px solid var(--blue);} body.page-cookbook-7 .callout.warn{background:rgba(224,175,104,.06);border-left:3px solid var(--amber);} body.page-cookbook-7 .callout-icon{font-size:15px;flex-shrink:0;line-height:1.65;} body.page-cookbook-7 .callout b{color:var(--tx);font-weight:600;} body.page-cookbook-7 .callout code{font-family:var(--font-mono);font-size:12px;background:rgba(255,255,255,.06);padding:1px 5px;border-radius:3px;color:var(--sky);} body.page-cookbook-7 .result-line{display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(158,206,106,.05);border:1px solid rgba(158,206,106,.15);border-radius:var(--r2);margin:12px 0;font-family:var(--font-mono);font-size:12px;color:var(--green);} body.page-cookbook-7 hr.div{border:none;height:1px;background:var(--ln);margin:48px 0;} body.page-cookbook-7 .part-footer{margin:60px 0 20px;padding:24px 28px;background:var(--bg2);border:1px solid var(--ln);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;gap:20px;} body.page-cookbook-7 .part-footer-text{font-size:13px;color:var(--tx2);} body.page-cookbook-7 .part-footer-text strong{color:var(--tx);} body.page-cookbook-7 .nav-btns{display:flex;gap:10px;flex-shrink:0;} body.page-cookbook-7 .nav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--ln2);border-radius:var(--r2);color:var(--tx2);font-family:var(--font-sans);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;background:none;} body.page-cookbook-7 .nav-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-7 .nav-btn.primary{background:var(--green);border-color:var(--green);color:#0c0e14;} body.page-cookbook-7 .nav-btn.primary:hover{opacity:.88;} @media (max-width:900px){body.page-cookbook-7 .toc{display:none;} body.page-cookbook-7 .hero,body.page-cookbook-7 .content{padding-left:24px;padding-right:24px;} body.page-cookbook-7 .project-header{flex-direction:column;}} body.page-cookbook-8 *,body.page-cookbook-8 *::before,body.page-cookbook-8 *::after{box-sizing:border-box;margin:0;padding:0;} html:has(body.page-cookbook-8){scroll-behavior:auto;} body.page-cookbook-8{font-family:var(--font-sans);background:var(--bg);color:var(--tx);line-height:1.65;font-size:15px;} body.page-cookbook-8 .hero{padding:48px 56px 38px;background:var(--bg2);border-bottom:1px solid var(--ln);position:relative;} body.page-cookbook-8 .hero::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal),var(--blue),var(--purple),var(--coral),var(--amber),var(--green));} body.page-cookbook-8 .hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;} body.page-cookbook-8 .hero-title{font-size:clamp(24px,4vw,38px);font-weight:800;letter-spacing:-1px;color:var(--white);margin-bottom:8px;} body.page-cookbook-8 .hero-title .hl{background:linear-gradient(90deg,var(--teal),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} body.page-cookbook-8 .hero-desc{font-size:14px;color:var(--tx2);max-width:600px;line-height:1.7;} body.page-cookbook-8 .search-bar{display:flex;gap:10px;align-items:center;padding:16px 56px;background:var(--bg2);border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:30;} body.page-cookbook-8 .search-wrap{position:relative;flex:1;max-width:520px;} body.page-cookbook-8 .search-wrap::before{content:"⌕";position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--tx3);font-size:16px;pointer-events:none;} body.page-cookbook-8 #search{width:100%;padding:10px 14px 10px 38px;background:var(--bg3);border:1px solid var(--ln2);border-radius:var(--r2);color:var(--tx);font-family:var(--font-mono);font-size:13px;outline:none;} body.page-cookbook-8 #search:focus{border-color:var(--blue);} body.page-cookbook-8 #search::placeholder{color:var(--tx3);} body.page-cookbook-8 .filter-pills{display:flex;gap:6px;flex-wrap:wrap;} body.page-cookbook-8 .pill{padding:5px 12px;border-radius:20px;border:1px solid var(--ln);background:none;color:var(--tx2);font-size:12px;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;} body.page-cookbook-8 .pill:hover{border-color:var(--ln2);color:var(--tx);} body.page-cookbook-8 .pill.active{color:#0c0e14;font-weight:600;} body.page-cookbook-8 .pill-all.active{background:var(--tx2);border-color:var(--tx2);} body.page-cookbook-8 .pill-ds.active{background:var(--teal);border-color:var(--teal);} body.page-cookbook-8 .pill-ar.active{background:var(--green);border-color:var(--green);} body.page-cookbook-8 .pill-cat.active{background:var(--purple);border-color:var(--purple);} body.page-cookbook-8 .pill-docs.active{background:var(--coral);border-color:var(--coral);} body.page-cookbook-8 .pill-new.active{background:var(--amber);border-color:var(--amber);} body.page-cookbook-8 .count-badge{font-family:var(--font-mono);font-size:11px;color:var(--tx3);margin-left:auto;white-space:nowrap;} body.page-cookbook-8 .table-wrap{overflow-x:auto;} body.page-cookbook-8 table{width:100%;border-collapse:collapse;font-size:13px;} body.page-cookbook-8 thead{position:sticky;top:65px;z-index:20;background:var(--bg2);} body.page-cookbook-8 th{text-align:left;padding:10px 16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--tx3);border-bottom:1px solid var(--ln);white-space:nowrap;cursor:pointer;user-select:none;} body.page-cookbook-8 th:hover{color:var(--tx2);} body.page-cookbook-8 th.sorted{color:var(--blue);} body.page-cookbook-8 th .sort-icon{margin-left:4px;opacity:.5;} body.page-cookbook-8 th.sorted .sort-icon{opacity:1;} body.page-cookbook-8 tbody tr{border-bottom:1px solid var(--ln);} body.page-cookbook-8 tbody tr:hover{background:var(--bg3);} body.page-cookbook-8 tbody tr.hidden{display:none;} body.page-cookbook-8 td{padding:10px 16px;vertical-align:top;line-height:1.5;} body.page-cookbook-8 .col-mod{width:90px;} body.page-cookbook-8 .col-fn{width:200px;} body.page-cookbook-8 .col-sig{width:260px;} body.page-cookbook-8 .col-desc{min-width:200px;} body.page-cookbook-8 .col-new{width:60px;text-align:center;} body.page-cookbook-8 .mod-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:11px;font-weight:600;white-space:nowrap;} body.page-cookbook-8 .mb-ds{background:rgba(115,218,202,.12);color:var(--teal);} body.page-cookbook-8 .mb-ar{background:rgba(158,206,106,.12);color:var(--green);} body.page-cookbook-8 .mb-cat{background:rgba(187,154,247,.12);color:var(--purple);} body.page-cookbook-8 .mb-docs{background:rgba(247,118,142,.12);color:var(--coral);} body.page-cookbook-8 .fn-name{font-family:var(--font-mono);font-size:13px;color:var(--white);font-weight:500;} body.page-cookbook-8 .fn-sig-cell{font-family:var(--font-mono);font-size:11px;color:var(--tx3);} body.page-cookbook-8 .fn-desc{color:var(--tx2);font-size:13px;} body.page-cookbook-8 .new-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-family:var(--font-mono);font-size:10px;font-weight:700;background:rgba(224,175,104,.15);color:var(--amber);border:1px solid rgba(224,175,104,.25);} body.page-cookbook-8 mark{background:rgba(122,162,247,.25);color:var(--white);border-radius:2px;padding:0 1px;} body.page-cookbook-8 .empty{display:none;text-align:center;padding:56px;color:var(--tx3);} body.page-cookbook-8 .empty.show{display:block;} body.page-cookbook-8 .empty-icon{font-size:32px;margin-bottom:12px;} body.page-cookbook-8 .empty-text{font-size:14px;} body.page-cookbook-8 .footer{padding:32px 56px;border-top:1px solid var(--ln);background:var(--bg2);margin-top:0;} body.page-cookbook-8 .footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;} body.page-cookbook-8 .footer-module h3{font-family:var(--font-mono);font-size:13px;font-weight:500;margin-bottom:6px;} body.page-cookbook-8 .footer-module p{font-size:12px;color:var(--tx3);} body.page-cookbook-8 .footer-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;} body.page-cookbook-8 .footer-nav p{font-size:13px;color:var(--tx2);} body.page-cookbook-8 .nav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--ln2);border-radius:var(--r2);color:var(--tx2);font-family:var(--font-sans);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;background:none;} body.page-cookbook-8 .nav-btn:hover{color:var(--tx);border-color:var(--tx3);} body.page-cookbook-8 .nav-btn.primary{background:linear-gradient(90deg,var(--teal),var(--blue));border:none;color:#0c0e14;} @media (max-width:768px){body.page-cookbook-8 .hero,body.page-cookbook-8 .search-bar,body.page-cookbook-8 .footer{padding-left:16px;padding-right:16px;} body.page-cookbook-8 .filter-pills{display:none;} body.page-cookbook-8 .col-sig{display:none;}} body.page-doc,body.page-app{--bg2:var(--bg-elevated);--bg3:var(--bg-card-solid);--bg4:var(--bg-hover);--bg5:color-mix(in srgb,var(--bg-card-solid) 86%,var(--text) 14%);--ln:var(--border);--ln2:var(--border-strong);--line:var(--border);--line2:var(--border-strong);--border2:var(--border-strong);--tx:var(--text);--tx2:var(--text-secondary);--tx3:var(--text-muted);--white:var(--text);--text2:var(--text-secondary);--text3:var(--text-muted);--text-muted:var(--text-secondary);--text-dim:var(--text-muted);--blue:var(--accent);--accent2:var(--accent-hover);--teal:var(--cyan);--sky:#73bff5;--amber:#c9882e;--coral:#db6173;--peach:var(--orange);--overlay:color-mix(in srgb,var(--bg) 92%,transparent);--glass:var(--bg-elevated);--glass-border:var(--border);--glow:transparent;--bg-sidebar:var(--bg-elevated);--bg-card-hover:var(--bg-hover);--bg-code:#0d1420;--bg-input:var(--bg-card-solid);--border-active:var(--accent);--accent-dim:var(--accent-soft);--accent-green:var(--green);--accent-green-dim:var(--green-soft);--accent-red:#db6173;--accent-red-dim:rgba(219,97,115,0.12);--accent-blue:var(--accent);--accent-blue-dim:var(--accent-soft);--accent-purple:var(--purple);--accent-purple-dim:var(--purple-soft);--accent-cyan:var(--cyan);--accent-cyan-dim:var(--cyan-soft);--r:var(--radius-sm);--r2:var(--radius-xs);--radius-lg:var(--radius);--sans:var(--font-sans);--mono:var(--font-mono);background:var(--bg);color:var(--text);font-family:var(--font-sans) !important;font-size:clamp(16.5px,0.16vw+16px,18px) !important;font-variation-settings:var(--type-body);line-height:1.66;cursor:auto !important;} [data-theme="light"] body.page-doc,[data-theme="light"] body.page-app{--amber:#a9620b;--coral:#bd3e58;--sky:#176fa7;} body.page-doc *,body.page-app *{animation:none !important;content-visibility:visible !important;contain:none !important;} body.page-doc section,body.page-doc article,body.page-app section,body.page-app article,body.page-doc .card,body.page-app .card{content-visibility:visible !important;contain:none !important;} body.page-doc nav,body.page-doc header,body.page-doc aside,body.page-app nav,body.page-app header,body.page-app aside,body.page-doc .toc,body.page-app .sidebar{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;} body.page-doc .reveal,body.page-doc .char,body.page-app .reveal,body.page-app .char{opacity:1 !important;transform:none !important;} body.page-doc h1,body.page-doc .hero-title,body.page-app h1,body.page-app .hero-title{font-family:var(--font-sans) !important;font-variation-settings:var(--type-display) !important;font-weight:780 !important;letter-spacing:-0.045em !important;text-wrap:balance;} body.page-doc h2,body.page-doc .section-title,body.page-doc .step-title,body.page-app h2,body.page-app .section-title{font-family:var(--font-sans) !important;font-variation-settings:var(--type-heading) !important;font-weight:720 !important;letter-spacing:-0.028em !important;text-wrap:balance;} body.page-doc h3,body.page-doc .card-title,body.page-app h3,body.page-app .card-title{font-family:var(--font-sans) !important;font-variation-settings:var(--type-heading-sm) !important;font-weight:660 !important;} body.page-doc p,body.page-doc li,body.page-doc td,body.page-doc .card-body,body.page-doc .hero-desc,body.page-doc .hero-sub,body.page-doc .section-desc,body.page-doc .step-desc,body.page-app p,body.page-app li,body.page-app td,body.page-app .description{font-size:max(0.94rem,15px) !important;} body.page-doc pre,body.page-doc code,body.page-doc .code,body.page-doc .signature,body.page-app pre,body.page-app code,body.page-app .signature,body.page-app .fn-name,body.page-app .version{font-family:var(--font-mono) !important;font-variant-ligatures:contextual;} body.page-doc pre,body.page-doc .code,body.page-app pre{font-size:max(0.88rem,14px) !important;line-height:1.72 !important;} body.page-doc input,body.page-doc button,body.page-doc select,body.page-app input,body.page-app button,body.page-app select{font-family:var(--font-sans) !important;} body.page-doc .card:hover,body.page-doc [class*="-card"]:hover,body.page-app .card:hover,body.page-app [class*="-card"]:hover{transform:none !important;box-shadow:none !important;} body.page-doc .cursor-dot,body.page-doc .cursor-ring,body.page-doc #particles{display:none !important;} body.page-doc a:focus-visible,body.page-doc button:focus-visible,body.page-doc input:focus-visible,body.page-app a:focus-visible,body.page-app button:focus-visible,body.page-app input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none !important;} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation:none !important;transition:none !important;}}:root{--site-max:2200px;--reading-max:1120px;--code-light-bg:#edf3fa;--code-light-head:#e2eaf4;--code-light-border:#cdd8e7;--code-light-text:#263449;} .a1s-global-links .a1s-global-module-link{border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:none;} [data-theme="light"] .a1s-global-links .a1s-global-module-link{background:#eef1ff;color:#364ebf;} [data-theme="light"] .page-examples .code-wrap,[data-theme="light"] .page-examples .compare,[data-theme="light"] .page-examples .compare-col pre,[data-theme="light"] .page-library-index .detail-panel .code-block{background:var(--code-light-bg) !important;border-color:var(--code-light-border) !important;color:var(--code-light-text) !important;} [data-theme="light"] .page-examples .code-title,[data-theme="light"] .page-examples .compare-header{background:var(--code-light-head) !important;border-color:var(--code-light-border) !important;color:#53647d !important;} [data-theme="light"] .page-examples pre,[data-theme="light"] .page-module pre,[data-theme="light"] .page-library-index .code-block{color:var(--code-light-text) !important;} [data-theme="light"] .page-examples .com{color:#687890 !important;} [data-theme="light"] .page-examples .mod{color:#365ac6 !important;} [data-theme="light"] .page-examples .fn{color:#087c78 !important;} [data-theme="light"] .page-examples .kw{color:#7040a7 !important;} [data-theme="light"] .page-examples .str{color:#21713e !important;} [data-theme="light"] .page-examples .num{color:#9a4c12 !important;} [data-theme="light"] .page-examples .var{color:#253b6e !important;} @media (min-width:2200px){html{font-size:20px;}} body.page-examples .hero,body.page-examples .nav-pills,body.page-examples .content,body.page-examples .examples-overview{width:min(calc(100% - clamp(32px,4vw,120px)),2200px);max-width:2200px;margin-inline:auto;} body.page-examples .hero{padding:clamp(52px,5vw,92px) 0 34px;} body.page-examples .hero-title{font-size:clamp(2.3rem,3vw,4.2rem);} body.page-examples .hero-sub{font-size:clamp(1rem,.5vw+.7rem,1.2rem);max-width:840px;} body.page-examples .examples-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 0 24px;} body.page-examples .examples-overview>div{padding:15px 17px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card-solid);box-shadow:var(--shadow-sm);} body.page-examples .examples-overview strong,body.page-examples .examples-overview span{display:block;} body.page-examples .examples-overview strong{color:var(--text);font-size:.88rem;} body.page-examples .examples-overview span{color:var(--text-muted);font-size:.78rem;margin-top:4px;} body.page-examples .nav-pills{position:sticky;top:var(--header-h);padding:13px 0;background:color-mix(in srgb,var(--bg) 94%,transparent);border:0;} body.page-examples .pill.active{background:#4057c7;border-color:#4057c7;color:#fff;} body.page-examples .content{padding:30px 0 100px;} body.page-examples .section{position:relative;padding:clamp(30px,3vw,52px);margin-bottom:34px;border:1px solid var(--border);border-radius:22px;background:var(--bg-card-solid);box-shadow:var(--shadow-sm);} body.page-examples .divider{display:none;} body.page-examples .scenario-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 26px;} body.page-examples .scenario-guide>div{padding:12px 14px;border-radius:10px;background:var(--bg-hover);border:1px solid var(--border-subtle);} body.page-examples .scenario-guide span,body.page-examples .scenario-guide strong{display:block;} body.page-examples .scenario-guide span{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;} body.page-examples .scenario-guide strong{color:var(--text-secondary);font-size:.83rem;margin-top:4px;} body.page-examples .example-explorer{min-width:0;border-top:1px solid var(--border-subtle);padding-top:22px;} body.page-examples .example-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin-bottom:14px;} body.page-examples .example-tab{min-width:0;padding:11px 13px;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;} body.page-examples .example-tab span,body.page-examples .example-tab strong{display:block;} body.page-examples .example-tab span{color:var(--text-muted);font-family:var(--font-mono);font-size:.67rem;} body.page-examples .example-tab strong{margin-top:3px;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} body.page-examples .example-tab.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--accent-hover);} body.page-examples .example-stage{min-width:0;} body.page-examples .ex-card{margin:0;box-shadow:none;} body.page-examples .ex-card[hidden]{display:none !important;} body.page-examples .ex-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start;} body.page-examples .ex-body pre,body.page-examples .compare pre{font-size:clamp(.8rem,.22vw+.7rem,.96rem);line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;} body.page-examples .example-explorer-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;} body.page-examples .example-step-button,body.page-examples .next-scenario,body.page-examples .compare-tab{border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;} body.page-examples .example-step-button{padding:9px 13px;border-radius:9px;} body.page-examples .example-step-button:disabled{opacity:.38;cursor:default;} body.page-examples .example-progress{text-align:center;min-width:0;} body.page-examples .example-progress span,body.page-examples .example-progress strong{display:block;} body.page-examples .example-progress span{color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;} body.page-examples .example-progress strong{color:var(--text-secondary);font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} body.page-examples .next-scenario{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin-top:24px;padding:15px 18px;border-radius:12px;text-align:left;} body.page-examples .next-scenario span{color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;} body.page-examples .next-scenario strong{color:var(--text);} body.page-examples .next-scenario b{color:var(--accent);font-size:1.35rem;} body.page-examples .compare-tabs{display:none;gap:8px;margin:4px 0 10px;} body.page-examples .compare-tab{padding:9px 14px;border-radius:9px;} body.page-examples .compare-tab.active{background:#4057c7;color:#fff;border-color:#4057c7;} body.page-examples .mila-comment{color:#526783 !important;} @media (min-width:1500px){body.page-examples .section{display:grid;grid-template-columns:minmax(300px,.34fr) minmax(0,1fr);column-gap:clamp(34px,3vw,58px);align-items:start;} body.page-examples .section>.section-tag,body.page-examples .section>.section-title,body.page-examples .section>.section-desc,body.page-examples .section>.scenario-guide{grid-column:1;} body.page-examples .section>.compare-tabs,body.page-examples .section>.compare,body.page-examples .section>.example-explorer,body.page-examples .section>.callout,body.page-examples .section>.next-scenario{grid-column:2;} body.page-examples .scenario-guide{grid-template-columns:1fr;} body.page-examples .section-title{font-size:clamp(1.65rem,1.4vw,2.15rem);}} @media (max-width:900px){body.page-examples .examples-overview{grid-template-columns:1fr 1fr;} body.page-examples .compare-tabs{display:flex;} body.page-examples .compare{display:block;} body.page-examples .compare[data-active-compare="0"]>.compare-col[data-compare-panel="1"],body.page-examples .compare[data-active-compare="1"]>.compare-col[data-compare-panel="0"]{display:none;} body.page-examples .compare-col{border:0 !important;} body.page-examples .scenario-guide{grid-template-columns:1fr;} body.page-examples .ex-header{grid-template-columns:auto 1fr;} body.page-examples .ex-badges{grid-column:1 / -1;}} @media (max-width:620px){body.page-examples .examples-overview{grid-template-columns:1fr;} body.page-examples .example-tabs{display:flex;overflow-x:auto;} body.page-examples .example-tab{min-width:210px;} body.page-examples .example-explorer-footer{grid-template-columns:1fr 1fr;} body.page-examples .example-progress{grid-column:1 / -1;grid-row:1;}} body.page-library-index .shell{height:calc(100vh - var(--header-h));margin-top:var(--header-h);} body.page-library-index .sidebar{width:clamp(280px,17vw,340px);min-width:clamp(280px,17vw,340px);} body.page-library-index .main{min-width:0;} body.page-library-index .topbar{padding-inline:clamp(24px,3vw,58px);} body.page-library-index .content{width:min(calc(100% - clamp(40px,5vw,120px)),1900px);max-width:1900px;margin-inline:auto;padding:34px 0 100px;} body.page-library-index .library-hero{display:flex;justify-content:space-between;gap:32px;align-items:end;padding:clamp(28px,3vw,46px);margin-bottom:24px;border:1px solid var(--border);border-radius:22px;background:var(--bg-card-solid);box-shadow:var(--shadow-sm);} body.page-library-index .library-kicker{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;} body.page-library-index .library-hero h1{margin:8px 0 10px;font-size:clamp(2rem,2.3vw,3.4rem);line-height:1.03;} body.page-library-index .library-hero p{max-width:820px;color:var(--text-secondary);font-size:1rem;} body.page-library-index .library-total{flex:0 0 auto;text-align:right;} body.page-library-index .library-total strong{display:block;font-family:var(--font-mono);font-size:clamp(2.2rem,3vw,4rem);color:var(--accent);line-height:1;} body.page-library-index .library-total span{display:block;margin-top:6px;color:var(--text-muted);font-size:.78rem;} body.page-library-index .library-doc-link{display:inline-flex;margin-top:16px;color:var(--accent);text-decoration:none;font-weight:650;} body.page-library-index .library-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;} body.page-library-index .library-module-grid .stat-card{display:flex;flex-direction:column;align-items:flex-start;min-height:160px;padding:22px;text-align:left;border-radius:16px;} body.page-library-index .library-module-grid .stat-num{margin:10px 0 5px;} body.page-library-index .library-module-grid small{margin-top:auto;color:var(--accent);} body.page-library-index .library-module-section{margin:34px 0 54px;} body.page-library-index .library-module-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 2px 14px;border-bottom:1px solid var(--border);} body.page-library-index .library-module-heading>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;} body.page-library-index .library-module-dot{width:10px;height:10px;border-radius:50%;background:var(--module-accent);} body.page-library-index .library-module-heading strong{font-family:var(--font-mono);font-size:1.05rem;} body.page-library-index .library-module-heading p{color:var(--text-muted);font-size:.82rem;} body.page-library-index .library-module-heading button{border:0;background:transparent;color:var(--accent);cursor:pointer;} body.page-library-index .library-region{margin-top:16px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--bg-card-solid);} body.page-library-index .library-region .region-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:0;background:var(--bg-hover);color:var(--text);cursor:pointer;text-align:left;} body.page-library-index .library-region .region-header>span:first-child{display:flex;align-items:baseline;gap:10px;} body.page-library-index .library-region .region-header small{color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;} body.page-library-index .library-function-list{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} body.page-library-index .library-fn-card{display:flex;align-items:center;gap:18px;min-width:0;padding:17px 18px;margin:0;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-card-solid);cursor:pointer;} body.page-library-index .library-fn-card:hover{border-color:var(--border-strong);background:var(--bg-hover);} body.page-library-index .library-fn-main{min-width:0;} body.page-library-index .library-fn-signature{margin-top:3px;color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;overflow-wrap:anywhere;} body.page-library-index .library-fn-card .func-desc{margin-top:8px;} body.page-library-index .library-fn-open{margin-left:auto;flex:0 0 auto;color:var(--accent);font-size:.72rem;} body.page-library-index .library-region.collapsed .func-list{display:none;} body.page-library-index .detail-panel{width:min(620px,92vw);} @media (min-width:2200px){body.page-library-index .content{max-width:2160px;} body.page-library-index .library-function-list{grid-template-columns:repeat(3,minmax(0,1fr));}} @media (max-width:1100px){body.page-library-index .library-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));} body.page-library-index .library-function-list{grid-template-columns:1fr;}} @media (max-width:760px){body.page-library-index .library-hero{align-items:start;flex-direction:column;} body.page-library-index .library-total{text-align:left;} body.page-library-index .library-module-grid{grid-template-columns:1fr;}} body.page-home-v4{--home-max:2360px;--home-gutter:clamp(22px,4vw,104px);--home-section:clamp(78px,7vw,150px);--home-card:color-mix(in srgb,var(--bg-card-solid) 94%,var(--accent) 6%);background:radial-gradient(75rem 48rem at 2% 2%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 70%),radial-gradient(62rem 42rem at 96% 12%,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 72%),var(--bg);font-size:clamp(16px,.29vw+10px,20px);} body.page-home-v4 main{overflow:clip;} body.page-home-v4 .home4-shell{width:min(calc(100% - (2 * var(--home-gutter))),var(--home-max));margin-inline:auto;} body.page-home-v4 .home4-hero{position:relative;padding:clamp(72px,7vw,150px) 0 clamp(86px,7vw,148px);border-bottom:1px solid var(--border-subtle);} body.page-home-v4 .home4-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 32%,color-mix(in srgb,var(--cyan) 5%,transparent));} body.page-home-v4 .home4-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(56px,5vw,130px);align-items:center;} body.page-home-v4 .home4-kicker,body.page-home-v4 .home4-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.68em;font-weight:600;} body.page-home-v4 .home4-kicker{display:flex;align-items:center;gap:12px;margin-bottom:24px;} body.page-home-v4 .home4-kicker span{width:34px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--cyan));} body.page-home-v4 .home4-hero h1{margin:0;max-width:17ch;font-size:clamp(3.25rem,4.7vw,7.4rem);line-height:.93;letter-spacing:-.055em;font-variation-settings:var(--type-display);text-wrap:balance;} body.page-home-v4 .home4-hero h1 em{display:inline-block;color:var(--accent);font-style:normal;font-variation-settings:var(--type-display-accent);} body.page-home-v4 .home4-lead{max-width:760px;margin:30px 0 0;color:var(--text-secondary);font-size:clamp(1.02rem,.45vw+.75rem,1.42rem);line-height:1.68;text-wrap:pretty;} body.page-home-v4 .home4-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:34px;} body.page-home-v4 .home4-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-weight:680;font-variation-settings:var(--type-ui-strong);transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease;} body.page-home-v4 .home4-btn-primary{background:linear-gradient(135deg,#4058dc,#5972ef);color:#fff;box-shadow:0 13px 30px -16px rgba(53,75,200,.72);} body.page-home-v4 .home4-btn-primary:hover{background:linear-gradient(135deg,#344ac8,#4a62df);box-shadow:0 16px 36px -16px rgba(53,75,200,.82);} body.page-home-v4 .home4-btn-secondary{background:var(--bg-card-solid);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm);} body.page-home-v4 .home4-btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-hover);} body.page-home-v4 .home4-text-link{padding:11px 7px;color:var(--accent);text-decoration:none;font-weight:650;} body.page-home-v4 .home4-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:760px;margin-top:48px;padding-top:25px;border-top:1px solid var(--border);} body.page-home-v4 .home4-proof div{padding:0 20px;border-left:1px solid var(--border-subtle);} body.page-home-v4 .home4-proof div:first-child{padding-left:0;border-left:0;} body.page-home-v4 .home4-proof strong{display:block;color:var(--text);font-family:var(--font-mono);font-size:1.23rem;} body.page-home-v4 .home4-proof span{display:block;margin-top:3px;color:var(--text-muted);font-size:.73rem;} body.page-home-v4 .home4-hero-visual{min-width:0;} body.page-home-v4 .home4-code-card-featured{position:relative;} body.page-home-v4 .home4-code-card-featured::after{content:"";position:absolute;inset:auto 8% -22% 8%;height:34%;background:var(--accent);filter:blur(80px);opacity:.08;pointer-events:none;} body.page-home-v4 .home4-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:17px auto 0;color:var(--text-muted);font-family:var(--font-mono);font-size:.68rem;} body.page-home-v4 .home4-flow span{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card-solid);} body.page-home-v4 .home4-flow .is-result{border-color:color-mix(in srgb,var(--green) 38%,var(--border));color:var(--green);background:var(--green-soft);} body.page-home-v4 .home4-outcomes,body.page-home-v4 .home4-modules,body.page-home-v4 .home4-cookbook,body.page-home-v4 .home4-supercode,body.page-home-v4 .home4-final{padding-block:var(--home-section);} body.page-home-v4 .home4-outcomes{background:color-mix(in srgb,var(--bg-deep) 64%,transparent);} body.page-home-v4 .home4-section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:clamp(30px,5vw,100px);align-items:end;margin-bottom:clamp(36px,4vw,74px);} body.page-home-v4 .home4-section-head h2{margin:9px 0 0;max-width:20ch;font-size:clamp(2.25rem,3.1vw,5rem);line-height:1.02;letter-spacing:-.045em;font-variation-settings:var(--type-heading);text-wrap:balance;} body.page-home-v4 .home4-section-head>p{margin:0;max-width:680px;color:var(--text-secondary);font-size:1rem;line-height:1.7;text-wrap:pretty;} body.page-home-v4 .home4-section-head-compact h2{max-width:17ch;} body.page-home-v4 .home4-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;} body.page-home-v4 .home4-outcome-grid article{position:relative;min-height:245px;padding:clamp(25px,2vw,38px);border:1px solid var(--border);border-radius:18px;background:var(--home-card);box-shadow:var(--shadow-sm);} body.page-home-v4 .home4-outcome-index{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:.68rem;} body.page-home-v4 .home4-outcome-grid h3{margin:35px 0 11px;font-size:1.3rem;} body.page-home-v4 .home4-outcome-grid p{margin:0;color:var(--text-secondary);} body.page-home-v4 .home4-outcome-grid code{color:var(--accent);font-family:var(--font-mono);font-size:.84em;} body.page-home-v4 .home4-modules{border-block:1px solid var(--border-subtle);} body.page-home-v4 .home4-module-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--bg-deep) 72%,transparent);} body.page-home-v4 .home4-module-switcher button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:16px 17px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text-secondary);text-align:left;cursor:pointer;} body.page-home-v4 .home4-module-switcher button:hover{background:var(--bg-hover);} body.page-home-v4 .home4-module-switcher button.is-active{border-color:var(--border);background:var(--bg-card-solid);color:var(--text);box-shadow:var(--shadow-sm);} body.page-home-v4 .home4-module-switcher button>span:nth-child(2){min-width:0;} body.page-home-v4 .home4-module-switcher strong,body.page-home-v4 .home4-module-switcher small{display:block;} body.page-home-v4 .home4-module-switcher strong{font-family:var(--font-mono);font-size:.83rem;} body.page-home-v4 .home4-module-switcher small{color:var(--text-muted);font-size:.67rem;} body.page-home-v4 .home4-module-switcher b{color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;} body.page-home-v4 .home4-module-mark{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;font-family:var(--font-mono);font-size:.67rem;font-weight:700;} body.page-home-v4 .home4-module-mark.ds{color:var(--cyan);background:var(--cyan-soft);} body.page-home-v4 .home4-module-mark.ar{color:var(--green);background:var(--green-soft);} body.page-home-v4 .home4-module-mark.cat{color:var(--purple);background:var(--purple-soft);} body.page-home-v4 .home4-module-mark.docs{color:var(--pink);background:var(--pink-soft);} body.page-home-v4 .home4-module-stage{margin-top:18px;} body.page-home-v4 .home4-module-panel{padding:clamp(24px,2.5vw,48px);border:1px solid var(--border);border-radius:24px;background:var(--bg-card-solid);box-shadow:var(--shadow-sm);} body.page-home-v4 .home4-module-panel[hidden]{display:none!important;} body.page-home-v4 .home4-module-panel>header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:26px;border-bottom:1px solid var(--border);} body.page-home-v4 .home4-module-panel>header>div:first-child{display:flex;align-items:center;gap:17px;} body.page-home-v4 .home4-module-panel h3{margin:0;font-family:var(--font-mono);font-size:1.2rem;} body.page-home-v4 .home4-module-panel header p{margin:4px 0 0;color:var(--text-muted);} body.page-home-v4 .home4-panel-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;} body.page-home-v4 .home4-panel-links a{padding:8px 12px;border:1px solid var(--border);border-radius:9px;color:var(--accent);text-decoration:none;font-size:.76rem;font-weight:650;} body.page-home-v4 .home4-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px;} body.page-home-v4 .home4-map-grid details{min-width:0;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg-card-solid) 94%,var(--accent) 6%);overflow:hidden;} body.page-home-v4 .home4-map-grid summary{display:flex;justify-content:space-between;gap:16px;padding:15px 16px;color:var(--text);cursor:pointer;list-style:none;font-weight:650;} body.page-home-v4 .home4-map-grid summary::-webkit-details-marker{display:none;} body.page-home-v4 .home4-map-grid summary::after{content:"+";margin-left:auto;color:var(--text-muted);} body.page-home-v4 .home4-map-grid details[open] summary::after{content:"−";} body.page-home-v4 .home4-map-grid summary b{margin-left:auto;color:var(--text-muted);font-family:var(--font-mono);font-size:.67rem;} body.page-home-v4 .home4-map-grid details>div{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 15px;} body.page-home-v4 .home4-map-grid code{max-width:100%;padding:5px 8px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--bg-hover);color:var(--text-secondary);font-family:var(--font-mono);font-size:.68rem;overflow-wrap:anywhere;} body.page-home-v4 .home4-cookbook{background:color-mix(in srgb,var(--bg-deep) 62%,transparent);} body.page-home-v4 .home4-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;} body.page-home-v4 .home4-book-grid a{position:relative;min-height:270px;padding:25px;border:1px solid var(--border);border-radius:17px;background:var(--bg-card-solid);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm);overflow:hidden;} body.page-home-v4 .home4-book-grid a::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--cyan));opacity:.68;} body.page-home-v4 .home4-book-grid a:nth-child(2)::before,body.page-home-v4 .home4-book-grid a:nth-child(5)::before{background:linear-gradient(90deg,var(--purple),var(--accent));} body.page-home-v4 .home4-book-grid a:nth-child(3)::before,body.page-home-v4 .home4-book-grid a:nth-child(6)::before{background:linear-gradient(90deg,var(--pink),var(--orange));} body.page-home-v4 .home4-book-grid a:nth-child(4)::before,body.page-home-v4 .home4-book-grid a:nth-child(7)::before{background:linear-gradient(90deg,var(--orange),var(--green));} body.page-home-v4 .home4-book-grid b{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;} body.page-home-v4 .home4-book-grid span{display:inline-block;margin-top:23px;color:var(--accent);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;} body.page-home-v4 .home4-book-grid h3{margin:8px 0 9px;font-size:1.12rem;} body.page-home-v4 .home4-book-grid p{margin:0;color:var(--text-secondary);font-size:.83rem;line-height:1.62;} body.page-home-v4 .home4-book-grid small{position:absolute;left:25px;bottom:23px;color:var(--text-muted);font-family:var(--font-mono);font-size:.66rem;} body.page-home-v4 .home4-centered-action{display:flex;justify-content:center;margin-top:34px;} body.page-home-v4 .home4-supercode{border-block:1px solid var(--border-subtle);} body.page-home-v4 .home4-example-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;margin-bottom:18px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--bg-deep) 70%,transparent);} body.page-home-v4 .home4-example-tabs button{display:flex;align-items:center;gap:12px;min-height:52px;padding:11px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-secondary);cursor:pointer;text-align:left;font-weight:650;} body.page-home-v4 .home4-example-tabs button span{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:8px;background:var(--bg-hover);color:var(--text-muted);font-family:var(--font-mono);font-size:.65rem;} body.page-home-v4 .home4-example-tabs button.is-active{border-color:var(--border);background:var(--bg-card-solid);color:var(--text);box-shadow:var(--shadow-sm);} body.page-home-v4 .home4-example-tabs button.is-active span{background:var(--accent-soft);color:var(--accent);} body.page-home-v4 .home4-example-stage{display:grid;grid-template-columns:minmax(300px,.34fr) minmax(0,.66fr);border:1px solid var(--border);border-radius:22px;background:var(--bg-card-solid);box-shadow:var(--shadow-sm);overflow:hidden;} body.page-home-v4 .home4-example-stage[hidden]{display:none!important;} body.page-home-v4 .home4-example-story{padding:clamp(28px,3vw,50px);border-right:1px solid var(--border);} body.page-home-v4 .home4-example-story>span{color:var(--accent);font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;} body.page-home-v4 .home4-example-story h3{margin:16px 0 14px;font-size:clamp(1.55rem,1.6vw,2.4rem);line-height:1.08;} body.page-home-v4 .home4-example-story p{color:var(--text-secondary);} body.page-home-v4 .home4-example-story dl{display:grid;gap:0;margin:27px 0;border-block:1px solid var(--border);} body.page-home-v4 .home4-example-story dl div{padding:13px 0;border-bottom:1px solid var(--border-subtle);} body.page-home-v4 .home4-example-story dl div:last-child{border-bottom:0;} body.page-home-v4 .home4-example-story dt{color:var(--text-muted);font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;} body.page-home-v4 .home4-example-story dd{margin:4px 0 0;color:var(--text-secondary);font-size:.82rem;} body.page-home-v4 .home4-example-story a{color:var(--accent);text-decoration:none;font-weight:650;} body.page-home-v4 .home4-example-stage>.home4-code-card{border:0;border-radius:0;box-shadow:none;align-self:stretch;background:color-mix(in srgb,var(--bg-card-solid) 96%,var(--accent) 4%);} body.page-home-v4 .home4-example-stage>.home4-code-card pre{min-height:390px;} body.page-home-v4 .home4-final{padding-top:clamp(70px,7vw,130px);} body.page-home-v4 .home4-final-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;padding:clamp(35px,4vw,70px);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:27px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--bg-card-solid)),color-mix(in srgb,var(--cyan) 7%,var(--bg-card-solid)));box-shadow:var(--shadow);} body.page-home-v4 .home4-final h2{margin:10px 0 12px;max-width:20ch;font-size:clamp(2rem,2.7vw,4.1rem);line-height:1.02;letter-spacing:-.04em;} body.page-home-v4 .home4-final p{max-width:800px;margin:0;color:var(--text-secondary);} body.page-home-v4 .home4-final-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;} body.page-home-v4 .home4-footer{padding:45px 0 60px;} body.page-home-v4 .home4-footer .home4-shell{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:30px;border-top:1px solid var(--border);} body.page-home-v4 .home4-footer strong,body.page-home-v4 .home4-footer span{display:block;} body.page-home-v4 .home4-footer strong{font-size:1rem;} body.page-home-v4 .home4-footer span{color:var(--text-muted);font-size:.72rem;} body.page-home-v4 .home4-footer nav{display:flex;flex-wrap:wrap;gap:20px;} body.page-home-v4 .home4-footer a{color:var(--text-secondary);text-decoration:none;font-size:.78rem;} @media (min-width:2300px){body.page-home-v4{--home-max:2480px;} body.page-home-v4 .home4-map-grid{grid-template-columns:repeat(4,minmax(0,1fr));} body.page-home-v4 .home4-book-grid{grid-template-columns:repeat(4,minmax(0,1fr));}} @media (max-width:1300px){body.page-home-v4 .home4-hero-grid{grid-template-columns:1fr;} body.page-home-v4 .home4-hero-copy{max-width:980px;} body.page-home-v4 .home4-hero-visual{width:min(100%,1050px);} body.page-home-v4 .home4-module-switcher{grid-template-columns:repeat(2,minmax(0,1fr));} body.page-home-v4 .home4-map-grid{grid-template-columns:repeat(2,minmax(0,1fr));} body.page-home-v4 .home4-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));} body.page-home-v4 .home4-example-stage{grid-template-columns:1fr;} body.page-home-v4 .home4-example-story{border-right:0;border-bottom:1px solid var(--border);} body.page-home-v4 .home4-final-card{grid-template-columns:1fr;} body.page-home-v4 .home4-final-actions{justify-content:flex-start;}} @media (max-width:850px){body.page-home-v4{--home-gutter:20px;--home-section:72px;} body.page-home-v4 .home4-hero{padding-top:58px;} body.page-home-v4 .home4-hero h1{font-size:clamp(2.65rem,12vw,4.5rem);} body.page-home-v4 .home4-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;} body.page-home-v4 .home4-proof div:nth-child(3){padding-left:0;border-left:0;} body.page-home-v4 .home4-section-head{grid-template-columns:1fr;gap:18px;} body.page-home-v4 .home4-outcome-grid{grid-template-columns:1fr;} body.page-home-v4 .home4-module-panel>header{align-items:flex-start;flex-direction:column;} body.page-home-v4 .home4-panel-links{justify-content:flex-start;} body.page-home-v4 .home4-example-tabs{display:flex;overflow-x:auto;} body.page-home-v4 .home4-example-tabs button{min-width:220px;} body.page-home-v4 .home4-footer .home4-shell{align-items:flex-start;flex-direction:column;}} @media (max-width:590px){body.page-home-v4 .home4-actions{align-items:stretch;flex-direction:column;} body.page-home-v4 .home4-btn{width:100%;} body.page-home-v4 .home4-text-link{text-align:center;} body.page-home-v4 .home4-module-switcher{grid-template-columns:1fr;} body.page-home-v4 .home4-map-grid{grid-template-columns:1fr;} body.page-home-v4 .home4-book-grid{grid-template-columns:1fr;} body.page-home-v4 .home4-example-stage>.home4-code-card pre{min-height:0;}} @media (prefers-reduced-motion:reduce){body.page-home-v4 *{scroll-behavior:auto!important;transition:none!important;}} .a1s-code{--a1s-code-accent:var(--spotlight-color,var(--accent));--a1s-code-bg:#0f1724;--a1s-code-head:#172131;--a1s-code-border:rgba(255,255,255,.08);--a1s-code-text:#cbd4e3;--a1s-code-muted:#748198;position:relative;min-width:0;overflow:hidden;border:1px solid var(--a1s-code-border);border-radius:var(--radius-sm);background:var(--a1s-code-bg);color:var(--a1s-code-text);box-shadow:0 18px 44px -32px rgba(0,0,0,.55);} [data-theme="light"] .a1s-code{--a1s-code-bg:#edf3fa;--a1s-code-head:#e2eaf4;--a1s-code-border:#cdd8e7;--a1s-code-text:#263449;--a1s-code-muted:#687890;box-shadow:0 16px 38px -30px rgba(38,52,73,.32);} .a1s-code::before{content:"";position:absolute;z-index:4;inset:0 auto 0 0;width:3px;background:linear-gradient(to bottom,var(--a1s-code-accent),transparent 84%);opacity:.74;pointer-events:none;} .a1s-code__header{display:flex;align-items:center;gap:12px;min-height:42px;padding:7px 11px 7px 15px;border-bottom:1px solid var(--a1s-code-border);background:var(--a1s-code-head);color:var(--a1s-code-muted);font-size:.75rem;letter-spacing:.025em;} .a1s-code__title{min-width:0;} .a1s-code__header>.a1s-code__title:first-child{position:relative;display:inline-flex;align-items:center;padding-left:44px;white-space:nowrap;} .a1s-code__header>.a1s-code__title:first-child::before{content:"";position:absolute;left:1px;width:7px;height:7px;border-radius:50%;background:var(--a1s-code-accent);box-shadow:12px 0 0 color-mix(in srgb,var(--a1s-code-accent) 56%,#fff),24px 0 0 color-mix(in srgb,var(--a1s-code-accent) 28%,#fff);} .a1s-code__title strong,.a1s-code__title span{display:block;} .a1s-code__title strong{color:var(--text);font-size:.86rem;} .a1s-code__title span{color:var(--a1s-code-muted);font-size:.67rem;} .a1s-code__dots{display:flex;flex:0 0 auto;gap:6px;} .a1s-code__dots i{display:block;width:8px;height:8px;border-radius:50%;background:#6c778a;} .a1s-code__dots i:nth-child(1){background:#ef6b69} .a1s-code__dots i:nth-child(2){background:#e8b44c} .a1s-code__dots i:nth-child(3){background:#5fc58b} .a1s-code__badge{margin-left:auto;padding:4px 8px;border-radius:7px;background:var(--accent-soft);color:var(--accent)!important;font-family:var(--font-mono);font-size:.62rem!important;font-weight:700;} .a1s-code__copy{margin-left:auto;min-height:28px;padding:4px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--a1s-code-muted);cursor:pointer;font-family:var(--font-sans);font-size:.73rem;} .a1s-code__badge+.a1s-code__copy{margin-left:0;} .a1s-code__copy:hover{border-color:var(--a1s-code-border);background:color-mix(in srgb,var(--a1s-code-text) 7%,transparent);color:var(--a1s-code-text);} .a1s-code__copy.copied{color:var(--green);} .a1s-code pre{max-width:100%;margin:0;padding:clamp(19px,2vw,34px);overflow:auto;color:var(--a1s-code-text);font-family:var(--font-mono);font-size:clamp(.82rem,.22vw+.72rem,.98rem);font-weight:450;line-height:1.7;tab-size:4;white-space:pre;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--a1s-code-text) 20%,transparent) transparent;} .a1s-code code{font:inherit;} .a1s-code .c-comment{color:var(--a1s-code-muted);font-style:italic;} .a1s-code .c-module{color:#4967db;font-weight:600;} .a1s-code .c-fn{color:#087f87;font-weight:600;} .a1s-code .c-var{color:#9d4d00;} .a1s-code .c-str{color:#087b54;} .a1s-code .c-date,.a1s-code .c-kw{color:#7447c8;} .a1s-code .c-num{color:#a8520e;} .a1s-code .c-bool{color:#b72f70;} [data-theme="dark"] .a1s-code .c-module,[data-theme="dark"] .a1s-code .c-fn{color:#91a0ff;} [data-theme="dark"] .a1s-code .c-fn{color:#65d8d0;} [data-theme="dark"] .a1s-code .c-var,[data-theme="dark"] .a1s-code .c-num{color:#ffb86b;} [data-theme="dark"] .a1s-code .c-str{color:#65dba1;} [data-theme="dark"] .a1s-code .c-date,[data-theme="dark"] .a1s-code .c-kw{color:#c7a1ff;} [data-theme="dark"] .a1s-code .c-bool{color:#ff8fc3;} .page-module .a1s-code{margin:13px 0 0;} .page-home-v4 .a1s-code{margin:0;border-radius:18px;} .page-home-v4 .home4-code-card-featured{position:relative;} .page-home-v4 .home4-hero-visual .a1s-code pre{font-size:clamp(.78rem,.23vw+.68rem,1rem);} .page-home-v4 .home4-example-stage>.a1s-code{align-self:stretch;border:0;border-radius:0;box-shadow:none;} .page-home-v4 .home4-example-stage>.a1s-code pre{min-height:390px;} @media (max-width:590px){.a1s-code pre{padding:18px;font-size:.76rem;} .page-home-v4 .home4-example-stage>.a1s-code pre{min-height:0;}} .page-library-cards{--module-accent:var(--teal);background:var(--bg);color:var(--text);min-height:100vh} .page-library-cards .library-cards-shell{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:58px 0 120px} .page-library-cards .library-cards-hero{padding:42px 0 30px;border-bottom:1px solid var(--border-subtle)} .page-library-cards .library-cards-hero h1{max-width:980px;font-size:clamp(2.25rem,5vw,5.2rem);font-weight:800;line-height:.98;letter-spacing:-.055em;margin:18px 0 22px} .page-library-cards .library-cards-hero h1 span{color:var(--module-accent)} .page-library-cards .library-cards-hero>p{max-width:840px;color:var(--text-secondary);font-size:1.12rem;line-height:1.7} .page-library-cards .library-module-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px} .page-library-cards .library-module-tabs button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer;box-shadow:none} .page-library-cards .library-module-tabs button:hover{border-color:color-mix(in srgb,var(--module-accent) 35%,var(--border));color:var(--text)} .page-library-cards .library-module-tabs button.is-active{border-color:color-mix(in srgb,var(--module-accent) 60%,var(--border));background:color-mix(in srgb,var(--module-accent) 8%,var(--bg-card));color:var(--text)} .page-library-cards .library-module-tabs button span:nth-child(2){display:flex;flex-direction:column;gap:2px}.page-library-cards .library-module-tabs strong{font-size:.95rem}.page-library-cards .library-module-tabs small{font-size:.76rem;color:var(--text-muted)} .page-library-cards .library-module-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;font:700 .72rem var(--mono);background:var(--accent-soft);color:var(--accent)} .page-library-cards .library-module-mark.teal{background:var(--green-soft);color:var(--teal)}.page-library-cards .library-module-mark.green{background:var(--green-soft);color:var(--green)}.page-library-cards .library-module-mark.purple{background:var(--purple-soft);color:var(--purple)}.page-library-cards .library-module-mark.coral{background:color-mix(in srgb,var(--coral) 12%,transparent);color:var(--coral)} .page-library-cards .library-toolbar{display:flex;align-items:center;gap:16px;margin-top:18px}.page-library-cards .library-search{position:relative;display:block;flex:1;max-width:720px}.page-library-cards .library-search>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-muted)} .page-library-cards .library-search input{width:100%;padding:13px 16px 13px 42px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--text);font:500 .94rem var(--font);outline:none}.page-library-cards .library-search input:focus{border-color:color-mix(in srgb,var(--module-accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--module-accent) 10%,transparent)} .page-library-cards .library-result-count{font:600 .8rem var(--mono);color:var(--text-muted);white-space:nowrap} .page-library-cards .library-module-intro{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:34px 0 22px}.page-library-cards .library-module-intro>div:first-child{display:flex;align-items:center;gap:16px}.page-library-cards .library-module-intro h2{font-size:clamp(1.55rem,2.6vw,2.5rem);letter-spacing:-.035em;margin:3px 0 5px}.page-library-cards .library-module-intro p{color:var(--text-secondary)} .page-library-cards .library-module-facts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.page-library-cards .library-module-facts span{padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);font-size:.8rem;color:var(--text-secondary)}.page-library-cards .library-module-facts b{color:var(--text)} .page-library-cards .library-region-map{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 62px}.page-library-cards .library-region-map .overview-card{min-height:116px}.page-library-cards .library-region-map .ov-icon{font:700 .66rem var(--mono);background:color-mix(in srgb,var(--module-accent) 11%,transparent);color:var(--module-accent)} .page-library-cards .library-region{scroll-margin-top:96px;margin-bottom:72px}.page-library-cards .library-region .section-tag{background:color-mix(in srgb,var(--module-accent) 10%,transparent);color:var(--module-accent)} .page-library-cards .fn-card{--item-accent:var(--module-accent);max-width:none}.page-library-cards .fn-name{display:flex;align-items:center;gap:8px}.page-library-cards .library-fn-flag{padding:2px 6px;border-radius:5px;background:var(--accent-soft);color:var(--accent);font:700 .58rem var(--mono);letter-spacing:.05em}.page-library-cards .library-fn-flag.fluent{background:var(--orange-soft);color:var(--orange)} .page-library-cards .fn-header:focus{outline:none}.page-library-cards .fn-header:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--module-accent) 55%,transparent);border-radius:inherit} .page-library-cards .no-results{display:none;flex-direction:column;gap:7px;padding:48px;text-align:center;border:1px dashed var(--border);border-radius:16px;color:var(--text-secondary)}.page-library-cards .no-results.show{display:flex}.page-library-cards .no-results strong{color:var(--text);font-size:1.2rem} @media(min-width:2000px){.page-library-cards .library-cards-shell{width:min(1780px,calc(100% - 96px))}.page-library-cards .library-region-map{grid-template-columns:repeat(4,minmax(0,1fr))}.page-library-cards .fn-summary,.page-library-cards .section-desc{font-size:1.02rem}} @media(max-width:1000px){.page-library-cards .library-module-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.page-library-cards .library-region-map{grid-template-columns:repeat(2,minmax(0,1fr))}.page-library-cards .library-module-intro{align-items:flex-start;flex-direction:column}.page-library-cards .library-module-facts{justify-content:flex-start}} @media(max-width:640px){.page-library-cards .library-cards-shell{width:min(100% - 28px,1480px);padding-top:34px}.page-library-cards .library-cards-hero h1{font-size:clamp(2rem,13vw,3.35rem)}.page-library-cards .library-module-tabs,.page-library-cards .library-region-map{grid-template-columns:1fr}.page-library-cards .library-toolbar{align-items:stretch;flex-direction:column}.page-library-cards .library-module-intro>div:first-child{align-items:flex-start}.page-library-cards .library-module-intro .library-module-mark{margin-top:4px}.page-library-cards .params-table{display:block;overflow-x:auto}} .page-library-cards .fn-body[hidden]{display:none!important} .page-library-cards .fn-card.open>.fn-body:not([hidden]){display:block!important} .page-library-cards .fn-header{width:100%;border:0;background:transparent;color:inherit;text-align:left} .page-module-v34[data-module="A1sDS"]{--module-accent:var(--teal);--accent:var(--teal);--accent-hover:var(--teal);--accent-soft:color-mix(in srgb,var(--teal) 12%,transparent)} .page-module-v34[data-module="A1sAR"]{--module-accent:var(--green);--accent:var(--green);--accent-hover:var(--green);--accent-soft:color-mix(in srgb,var(--green) 12%,transparent)} .page-module-v34[data-module="A1sCatalogs"]{--module-accent:var(--purple);--accent:var(--purple);--accent-hover:var(--purple);--accent-soft:color-mix(in srgb,var(--purple) 12%,transparent)} .page-module-v34[data-module="A1sDocs"]{--module-accent:var(--coral);--accent:var(--coral);--accent-hover:var(--coral);--accent-soft:color-mix(in srgb,var(--coral) 12%,transparent)} .page-module-v34 .main{width:calc(100% - var(--nav-width));max-width:none;margin-left:var(--nav-width);padding:clamp(38px,4vw,72px) clamp(24px,3.6vw,64px) 120px} .page-module-v34 .module-content{width:min(1120px,100%);margin:0 auto} .page-module-v34 .hero{margin-bottom:20px} .page-module-v34 .hero h1{font-size:clamp(2.45rem,4.8vw,4.9rem)} .page-module-v34 .module-switcher{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0 0 22px} .page-module-v34 .module-switch-link{display:flex;align-items:center;gap:11px;min-width:0;padding:12px 13px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card-solid);color:var(--text-secondary);text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color .12s,background .12s,color .12s} .page-module-v34 .module-switch-link:hover{border-color:color-mix(in srgb,var(--module-accent) 38%,var(--border));color:var(--text)} .page-module-v34 .module-switch-link.active{border-color:color-mix(in srgb,var(--module-accent) 58%,var(--border));background:color-mix(in srgb,var(--module-accent) 8%,var(--bg-card-solid));color:var(--text)} .page-module-v34 .module-switch-link>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.page-module-v34 .module-switch-link strong{font-size:.88rem}.page-module-v34 .module-switch-link small{overflow:hidden;color:var(--text-muted);font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.page-module-v34 .module-switch-link>b{font:650 .72rem var(--font-mono);color:var(--text-muted)} .module-switch-mark{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;font:700 .66rem var(--font-mono)} .module-switch-mark.teal{background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal)}.module-switch-mark.green{background:var(--green-soft);color:var(--green)}.module-switch-mark.purple{background:var(--purple-soft);color:var(--purple)}.module-switch-mark.coral{background:color-mix(in srgb,var(--coral) 12%,transparent);color:var(--coral)} .page-module-v34 .module-reading-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 32px;padding:12px;border:1px solid var(--border-subtle);border-radius:17px;background:color-mix(in srgb,var(--bg-elevated) 72%,transparent)} .page-module-v34 .module-reading-guide>div{display:grid;grid-template-columns:32px 1fr;column-gap:10px;padding:10px 11px;border-radius:12px}.page-module-v34 .module-reading-guide span{grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font:700 .68rem var(--font-mono)}.page-module-v34 .module-reading-guide strong{font-size:.83rem}.page-module-v34 .module-reading-guide p{margin:2px 0 0;color:var(--text-muted);font-size:.73rem;line-height:1.45} .page-module-v34 .overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:64px} .page-module-v34 .overview-card{min-height:150px}.page-module-v34 .overview-card .ov-icon{background:var(--accent-soft);color:var(--accent);font-size:.67rem} .page-module-v34 .section{max-width:1020px;margin-right:auto;margin-left:auto}.page-module-v34 .section-tag{border-color:color-mix(in srgb,var(--module-accent) 28%,transparent);background:color-mix(in srgb,var(--module-accent) 10%,transparent);color:var(--module-accent)} .page-module-v34 .fn-card{max-width:1020px;background:var(--bg-card-solid);box-shadow:0 10px 28px -28px rgba(20,35,60,.45)} .page-module-v34 .fn-card:hover{transform:none;box-shadow:0 18px 38px -30px rgba(20,35,60,.48)} .page-module-v34 .fn-card.open{border-color:color-mix(in srgb,var(--module-accent) 32%,var(--border));box-shadow:0 20px 46px -34px color-mix(in srgb,var(--module-accent) 42%,transparent)} .page-module-v34 .fn-name{display:flex;align-items:center;gap:7px}.page-module-v34 .fn-body[hidden]{display:none!important}.page-module-v34 .fn-card.open>.fn-body:not([hidden]){display:block!important} .page-module-v34 .fn-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.page-module-v34 .fn-insight-grid>.fn-callout:nth-child(3){grid-column:1/-1} .page-module-v34 .fn-callout{--callout:var(--accent);display:grid;grid-template-columns:31px 1fr;gap:10px;min-width:0;padding:13px 14px;border:1px solid color-mix(in srgb,var(--callout) 22%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--callout) 7%,var(--bg-elevated))}.page-module-v34 .fn-callout.intent{--callout:var(--accent)}.page-module-v34 .fn-callout.contract,.page-module-v34 .fn-callout.safe{--callout:var(--green)}.page-module-v34 .fn-callout.warning,.page-module-v34 .fn-callout.new{--callout:var(--orange)}.page-module-v34 .fn-callout.fluent{--callout:var(--purple)}.page-module-v34 .fn-callout.note{--callout:var(--cyan)} .page-module-v34 .fn-callout-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--callout) 14%,transparent);color:var(--callout);font:800 .73rem var(--font-mono)}.page-module-v34 .fn-callout strong{display:block;margin:0 0 3px;color:var(--text);font-size:.79rem}.page-module-v34 .fn-callout p{margin:0;color:var(--text-secondary);font-size:.77rem;line-height:1.5} .page-module-v34 .params-table{margin-top:16px}.page-module-v34 .returns{margin-top:14px} .page-module-v34 .fn-empty-example{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:15px 16px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--bg-elevated);color:var(--text-secondary)}.page-module-v34 .fn-empty-example strong{color:var(--text);font-size:.82rem}.page-module-v34 .fn-empty-example span{font-size:.76rem;line-height:1.5} .page-module-v34 .note strong{display:block;margin-bottom:4px}.page-module-v34 .no-results{display:none}.page-module-v34 .no-results.show{display:flex;flex-direction:column;gap:5px;padding:42px;text-align:center;border:1px dashed var(--border);border-radius:16px}.page-module-v34 .hidden{display:none!important} .page-module-v34 .a1s-code pre{white-space:pre-wrap;overflow-x:auto;overflow-wrap:normal}.page-module-v34 .a1s-code__title{display:flex!important;flex-direction:column;align-items:flex-start!important}.page-module-v34 .a1s-code__header>.a1s-code__title:first-child{padding-left:44px} @media(min-width:1900px){.page-module-v34 .module-content{width:min(1240px,100%)}.page-module-v34 .section,.page-module-v34 .fn-card{max-width:1080px}.page-module-v34 .overview-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:1050px){.page-module-v34 .module-reading-guide{grid-template-columns:1fr}.page-module-v34 .overview-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){.page-module-v34 .main{width:100%;max-width:none;margin-left:0;padding:32px clamp(18px,5vw,42px) 90px}.page-module-v34 .module-content{width:100%}} @media(max-width:650px){.page-module-v34 .module-switcher{display:flex;overflow-x:auto;padding-bottom:4px}.page-module-v34 .module-switch-link{min-width:220px}.page-module-v34 .overview-grid,.page-module-v34 .fn-insight-grid{grid-template-columns:1fr}.page-module-v34 .fn-insight-grid>.fn-callout:nth-child(3){grid-column:auto}.page-module-v34 .module-reading-guide{display:none}.page-module-v34 .a1s-code__badge{display:none}} .page-modules-hub{background:var(--bg);color:var(--text);min-height:100vh}.modules-hub-shell{width:min(1540px,calc(100% - 48px));margin:0 auto;padding:72px 0 120px}.modules-hub-hero{max-width:1180px;margin:0 auto 50px;text-align:center}.modules-hub-hero h1{margin:13px 0 20px;font-size:clamp(2.7rem,6vw,6.2rem);line-height:.94;letter-spacing:-.065em}.modules-hub-hero h1 span{color:var(--accent)}.modules-hub-hero>p{max-width:900px;margin:0 auto;color:var(--text-secondary);font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.7}.modules-hub-summary{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}.modules-hub-summary span{padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card-solid);color:var(--text-secondary);font-size:.8rem}.modules-hub-summary b{color:var(--text)} .modules-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.module-hub-card{--card-accent:var(--accent);display:flex;min-width:0;flex-direction:column;padding:30px;border:1px solid var(--border);border-radius:22px;background:var(--bg-card-solid);box-shadow:var(--shadow-card)}.module-hub-card.teal{--card-accent:var(--teal)}.module-hub-card.green{--card-accent:var(--green)}.module-hub-card.purple{--card-accent:var(--purple)}.module-hub-card.coral{--card-accent:var(--coral)}.module-hub-head{display:flex;align-items:center;gap:14px}.module-hub-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--card-accent) 13%,transparent);color:var(--card-accent);font:750 .75rem var(--font-mono)}.module-hub-head h2{margin:0;font-size:1.5rem;letter-spacing:-.035em}.module-hub-head p{margin:3px 0 0;color:var(--text-muted);font-size:.82rem}.module-hub-desc{min-height:78px;margin:20px 0;color:var(--text-secondary);line-height:1.65}.module-hub-stats{display:flex;gap:8px;flex-wrap:wrap}.module-hub-stats span{padding:6px 9px;border-radius:8px;background:var(--bg-elevated);color:var(--text-muted);font-size:.72rem}.module-hub-stats b{color:var(--text)}.module-hub-regions{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 24px}.module-hub-regions span{padding:5px 8px;border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-size:.68rem}.module-hub-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:12px 14px;border:1px solid color-mix(in srgb,var(--card-accent) 35%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--card-accent) 8%,transparent);color:var(--card-accent);font-weight:650;text-decoration:none}.module-hub-action:hover{background:color-mix(in srgb,var(--card-accent) 13%,transparent)} .modules-hub-how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.modules-hub-how>div{padding:22px;border:1px solid var(--border-subtle);border-radius:16px;background:var(--bg-elevated)}.modules-hub-how span{color:var(--accent);font:700 .7rem var(--font-mono)}.modules-hub-how h3{margin:9px 0 5px;font-size:.95rem}.modules-hub-how p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.5} @media(max-width:850px){.modules-hub-grid{grid-template-columns:1fr}.modules-hub-how{grid-template-columns:1fr}.module-hub-desc{min-height:0}} @media(max-width:560px){.modules-hub-shell{width:calc(100% - 28px);padding-top:42px}.module-hub-card{padding:22px}.modules-hub-hero h1{font-size:clamp(2.5rem,15vw,4.5rem)}} .page-examples-v35{background:var(--bg);color:var(--text);min-height:100vh} .page-examples-v35 .examples-app-v35{display:grid;grid-template-columns:clamp(280px,18vw,350px) minmax(0,1fr);width:min(1780px,100%);min-height:calc(100vh - var(--site-nav-h));margin:0 auto} .page-examples-v35 .examples-sidebar-v35{position:sticky;top:var(--site-nav-h);align-self:start;height:calc(100vh - var(--site-nav-h));display:flex;flex-direction:column;padding:34px 18px 22px;border-right:1px solid var(--border-subtle);background:var(--bg-elevated);overflow:auto;scrollbar-width:thin} .page-examples-v35 .examples-sidebar-head-v35{padding:0 10px 22px}.examples-eyebrow-v35{display:block;color:var(--text-muted);font:650 .66rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.page-examples-v35 .examples-sidebar-head-v35 h1{margin:8px 0 5px;font-size:1.7rem;letter-spacing:-.04em}.page-examples-v35 .examples-sidebar-head-v35 p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.5} .page-examples-v35 .examples-scenario-nav-v35{display:grid;gap:5px}.page-examples-v35 .examples-scenario-link-v35{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-secondary);text-align:left;cursor:pointer}.page-examples-v35 .examples-scenario-link-v35:hover{background:var(--bg-hover);color:var(--text)}.page-examples-v35 .examples-scenario-link-v35.is-active{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--accent-soft);color:var(--text)} .page-examples-v35 .examples-scenario-index-v35{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--bg-card-solid);color:var(--text-muted);font:700 .66rem var(--font-mono)}.page-examples-v35 .is-active .examples-scenario-index-v35{background:var(--accent);color:#fff}.page-examples-v35 .examples-scenario-copy-v35{min-width:0}.page-examples-v35 .examples-scenario-copy-v35 strong,.page-examples-v35 .examples-scenario-copy-v35 small{display:block}.page-examples-v35 .examples-scenario-copy-v35 strong{font-size:.79rem;line-height:1.25}.page-examples-v35 .examples-scenario-copy-v35 small{margin-top:3px;color:var(--text-muted);font-size:.67rem} .page-examples-v35 .examples-glossary-link-v35{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;margin-top:auto;padding:12px;border:1px solid color-mix(in srgb,var(--purple) 24%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--purple) 7%,var(--bg-card-solid));color:var(--text);text-decoration:none}.page-examples-v35 .examples-glossary-link-v35>span:first-child{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--purple-soft);color:var(--purple);font:750 .7rem var(--font-mono)}.page-examples-v35 .examples-glossary-link-v35 strong,.page-examples-v35 .examples-glossary-link-v35 small{display:block}.page-examples-v35 .examples-glossary-link-v35 strong{font-size:.78rem}.page-examples-v35 .examples-glossary-link-v35 small{margin-top:2px;color:var(--text-muted);font-size:.65rem}.page-examples-v35 .examples-glossary-link-v35 b{color:var(--purple)} .page-examples-v35 .examples-main-v35{min-width:0;padding:clamp(38px,5vw,76px) clamp(28px,5vw,76px) 100px}.page-examples-v35 .examples-hero-v35{max-width:1120px;margin:0 auto 34px;padding-bottom:30px;border-bottom:1px solid var(--border-subtle)}.page-examples-v35 .examples-hero-v35 h2{max-width:920px;margin:12px 0 18px;color:var(--text);font-size:clamp(2.5rem,5vw,5.2rem);line-height:.96;letter-spacing:-.065em}.page-examples-v35 .examples-hero-v35 h2 span{color:var(--accent)}.page-examples-v35 .examples-hero-v35>p{max-width:820px;margin:0;color:var(--text-secondary);font-size:clamp(.98rem,1vw,1.15rem);line-height:1.65}.page-examples-v35 .examples-hero-stats-v35{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.page-examples-v35 .examples-hero-stats-v35 span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card-solid);color:var(--text-secondary);font-size:.73rem}.page-examples-v35 .examples-reading-guide-v35{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.page-examples-v35 .examples-reading-guide-v35>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-elevated)}.page-examples-v35 .examples-reading-guide-v35>div>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font:700 .65rem var(--font-mono)}.page-examples-v35 .examples-reading-guide-v35 strong,.page-examples-v35 .examples-reading-guide-v35 small{display:block}.page-examples-v35 .examples-reading-guide-v35 strong{font-size:.76rem}.page-examples-v35 .examples-reading-guide-v35 small{margin-top:2px;color:var(--text-muted);font-size:.65rem} .page-examples-v35 .examples-scenario-stage-v35{max-width:1120px;margin:0 auto}.page-examples-v35 .example-scenario-v35{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.page-examples-v35 .example-scenario-v35[hidden]{display:none!important}.page-examples-v35 .scenario-kicker-v35{display:inline-flex;margin-bottom:12px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:8px;background:var(--accent-soft);color:var(--accent);font:700 .68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.page-examples-v35 .scenario-title-v35{max-width:900px;margin:0;color:var(--text)!important;font-size:clamp(2rem,3vw,3.25rem)!important;line-height:1.03;letter-spacing:-.045em}.page-examples-v35 .scenario-desc-v35{max-width:820px;margin:14px 0 0;color:var(--text-secondary)!important;font-size:1rem;line-height:1.65}.page-examples-v35 .scenario-modules-v35{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.page-examples-v35 .scenario-modules-v35 span{padding:5px 8px;border-radius:7px;background:var(--bg-elevated);color:var(--text-muted);font:650 .67rem var(--font-mono)} .page-examples-v35 .scenario-facts-v35{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:22px 0!important}.page-examples-v35 .scenario-facts-v35>div{padding:12px 14px!important;border:1px solid var(--border-subtle)!important;border-radius:11px!important;background:var(--bg-elevated)!important}.page-examples-v35 .scenario-facts-v35 span{color:var(--text-muted)!important;font-size:.65rem!important}.page-examples-v35 .scenario-facts-v35 strong{color:var(--text)!important;font-size:.78rem!important} .page-examples-v35 .compare-details-v35{margin:18px 0 22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card-solid);overflow:hidden}.page-examples-v35 .compare-details-v35>summary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 15px;cursor:pointer;list-style:none}.page-examples-v35 .compare-details-v35>summary::-webkit-details-marker{display:none}.page-examples-v35 .compare-details-v35>summary span{padding:4px 7px;border-radius:6px;background:var(--orange-soft);color:var(--orange);font:700 .62rem var(--font-mono);text-transform:uppercase}.page-examples-v35 .compare-details-v35>summary strong{font-size:.8rem}.page-examples-v35 .compare-details-v35>summary b{color:var(--text-muted);font-size:1.1rem}.page-examples-v35 .compare-details-v35[open]>summary{border-bottom:1px solid var(--border)}.page-examples-v35 .compare-details-v35[open]>summary b{transform:rotate(45deg)}.page-examples-v35 .compare-details-v35 .compare{margin:0!important;border:0!important;border-radius:0!important}.page-examples-v35 .compare-details-v35 .compare pre{max-height:430px;overflow:auto} .page-examples-v35 .example-explorer{margin-top:24px;padding-top:0!important;border-top:0!important}.page-examples-v35 .example-tabs{display:flex!important;gap:8px!important;margin:0 0 12px!important;padding-bottom:2px;overflow-x:auto}.page-examples-v35 .example-tab{min-width:220px!important;padding:11px 13px!important;border-radius:11px!important;background:var(--bg-elevated)!important}.page-examples-v35 .example-tab.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))!important;background:var(--accent-soft)!important}.page-examples-v35 .example-stage{border:1px solid var(--border);border-radius:18px;background:var(--bg-card-solid);box-shadow:var(--shadow-card);overflow:hidden}.page-examples-v35 .example-card-v35{border:0!important;border-radius:0!important;background:transparent!important}.page-examples-v35 .example-card-head-v35{padding:20px 22px!important;border-bottom:1px solid var(--border-subtle)!important;background:var(--bg-card-solid)}.page-examples-v35 .ex-title{color:var(--text)!important;font-size:1.02rem!important}.page-examples-v35 .ex-sub{max-width:780px;color:var(--text-secondary)!important;font-size:.8rem!important}.page-examples-v35 .ex-num{background:var(--accent-soft)!important;color:var(--accent)!important}.page-examples-v35 .ex-badges{align-self:center}.page-examples-v35 .ex-body{padding:18px!important}.page-examples-v35 .examples-code-card{margin:0!important;border-radius:14px!important}.page-examples-v35 .examples-code-card pre{max-height:min(58vh,680px);white-space:pre!important;overflow:auto!important;overflow-wrap:normal!important}.page-examples-v35 .example-explorer-footer{margin:0;padding:12px 16px;border-top:1px solid var(--border-subtle);background:var(--bg-elevated)}.page-examples-v35 .example-step-button{background:var(--bg-card-solid)!important}.page-examples-v35 .next-scenario{display:none!important} .page-examples-v35 .callout{border:1px solid color-mix(in srgb,var(--callout,var(--accent)) 24%,var(--border))!important;border-left-width:3px!important;background:color-mix(in srgb,var(--callout,var(--accent)) 7%,var(--bg-elevated))!important;color:var(--text-secondary)!important}.page-examples-v35 .callout.tip{--callout:var(--green)}.page-examples-v35 .callout.warn{--callout:var(--orange)}.page-examples-v35 .callout.info{--callout:var(--accent)} .a1s-code__concepts{display:flex;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-left:auto}.a1s-concept{--concept:var(--accent);display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border:1px solid color-mix(in srgb,var(--concept) 28%,var(--a1s-code-border));border-radius:999px;background:color-mix(in srgb,var(--concept) 10%,transparent);color:var(--concept);font:650 .64rem var(--font-sans);white-space:nowrap;cursor:help}.a1s-concept:hover,.a1s-concept:focus-visible{background:color-mix(in srgb,var(--concept) 16%,transparent);outline:none}.a1s-concept--architecture{--concept:var(--accent)}.a1s-concept--data{--concept:var(--teal)}.a1s-concept--safety{--concept:var(--green)}.a1s-concept--performance{--concept:var(--orange)}.a1s-concept--warning{--concept:var(--coral)}.a1s-concept--pattern{--concept:var(--purple)} .a1s-code__mila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-bottom:1px solid var(--a1s-code-border);background:var(--a1s-code-border)}.a1s-code__mila-item{display:grid;grid-template-columns:25px 1fr;gap:8px;padding:10px 12px;background:color-mix(in srgb,var(--a1s-code-head) 82%,var(--a1s-code-bg))}.a1s-code__mila-icon{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent);font:750 .65rem var(--font-mono)}.a1s-code__mila-body strong,.a1s-code__mila-body span{display:block}.a1s-code__mila-body strong{color:var(--a1s-code-text);font-size:.66rem}.a1s-code__mila-body span{margin-top:2px;color:var(--a1s-code-muted);font-size:.61rem;line-height:1.4} .a1s-concept-popover{position:fixed;z-index:12000;width:min(370px,calc(100vw - 28px));padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card-solid);box-shadow:var(--shadow-float);color:var(--text)}.a1s-concept-popover[hidden]{display:none}.a1s-concept-popover__kind{display:inline-flex;padding:4px 7px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font:700 .61rem var(--font-mono);text-transform:uppercase}.a1s-concept-popover h3{margin:9px 0 7px;font-size:1rem}.a1s-concept-popover p{margin:0;color:var(--text-secondary);font-size:.79rem;line-height:1.55}.a1s-concept-popover a{display:inline-flex;margin-top:12px;color:var(--accent);font-size:.76rem;font-weight:650;text-decoration:none}.a1s-concept-popover__close{position:absolute;top:9px;right:9px;width:28px;height:28px;border:0;border-radius:8px;background:var(--bg-elevated);color:var(--text-muted);cursor:pointer} .page-glossary-v35{background:var(--bg);color:var(--text);min-height:100vh}.glossary-shell-v35{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:70px 0 120px}.glossary-hero-v35{max-width:1040px;margin:0 auto 42px;text-align:center}.glossary-hero-v35 h1{margin:13px 0 20px;font-size:clamp(2.8rem,6vw,6rem);line-height:.95;letter-spacing:-.065em}.glossary-hero-v35 h1 span{color:var(--accent)}.glossary-hero-v35>p{max-width:850px;margin:0 auto;color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.glossary-search-v35{display:flex;align-items:center;gap:10px;max-width:620px;margin:26px auto 0;padding:8px 12px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card-solid)}.glossary-search-v35 span{color:var(--text-muted);font-size:.72rem}.glossary-search-v35 input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.glossary-grid-v35{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.glossary-card-v35{--term:var(--accent);scroll-margin-top:calc(var(--site-nav-h)+18px);padding:22px;border:1px solid color-mix(in srgb,var(--term) 18%,var(--border));border-radius:18px;background:var(--bg-card-solid);box-shadow:var(--shadow-sm)}.glossary-card-v35--data{--term:var(--teal)}.glossary-card-v35--safety{--term:var(--green)}.glossary-card-v35--performance{--term:var(--orange)}.glossary-card-v35--warning{--term:var(--coral)}.glossary-card-v35--pattern{--term:var(--purple)}.glossary-card-head-v35{display:flex;justify-content:space-between}.glossary-kind-v35{padding:4px 7px;border-radius:6px;background:color-mix(in srgb,var(--term) 10%,transparent);color:var(--term);font:700 .6rem var(--font-mono);text-transform:uppercase}.glossary-anchor-v35{color:var(--text-muted);text-decoration:none}.glossary-card-v35 h2{margin:17px 0 10px;font-size:1.25rem}.glossary-definition-v35{min-height:76px;margin:0;color:var(--text-secondary);font-size:.86rem;line-height:1.6}.glossary-why-v35{margin-top:16px;padding:12px;border-radius:11px;background:color-mix(in srgb,var(--term) 7%,var(--bg-elevated))}.glossary-why-v35 strong,.glossary-why-v35 span{display:block}.glossary-why-v35 strong{color:var(--term);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.glossary-why-v35 span{margin-top:5px;color:var(--text-secondary);font-size:.76rem;line-height:1.5}.glossary-back-v35{display:inline-flex;margin-top:16px;color:var(--term);font-size:.74rem;font-weight:650;text-decoration:none}.glossary-card-v35[hidden]{display:none!important} @media(max-width:1180px){.page-examples-v35 .examples-app-v35{grid-template-columns:260px minmax(0,1fr)}.page-examples-v35 .examples-main-v35{padding-inline:34px}.glossary-grid-v35{grid-template-columns:repeat(2,1fr)}} @media(max-width:900px){.page-examples-v35 .examples-app-v35{display:block}.page-examples-v35 .examples-sidebar-v35{position:sticky;top:var(--site-nav-h);z-index:80;height:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--border);overflow:hidden}.page-examples-v35 .examples-sidebar-head-v35,.page-examples-v35 .examples-glossary-link-v35{display:none}.page-examples-v35 .examples-scenario-nav-v35{display:flex;gap:7px;overflow-x:auto}.page-examples-v35 .examples-scenario-link-v35{min-width:245px}.page-examples-v35 .examples-main-v35{padding:34px 20px 80px}.page-examples-v35 .examples-hero-v35 h2{font-size:clamp(2.3rem,10vw,4.2rem)}.page-examples-v35 .scenario-facts-v35{grid-template-columns:1fr!important}.a1s-code__mila{grid-template-columns:1fr}.a1s-code__concepts{order:3;width:100%;justify-content:flex-start;margin-left:44px}.a1s-code__header{flex-wrap:wrap}.a1s-code__badge{margin-left:auto}.glossary-grid-v35{grid-template-columns:1fr}} @media(max-width:620px){.page-examples-v35 .examples-reading-guide-v35{grid-template-columns:1fr}.page-examples-v35 .example-card-head-v35{grid-template-columns:auto 1fr!important}.page-examples-v35 .ex-badges{grid-column:1/-1}.page-examples-v35 .ex-body{padding:10px!important}.page-examples-v35 .examples-code-card{border-radius:11px!important}.page-examples-v35 .examples-code-card pre{font-size:.75rem!important}.page-examples-v35 .example-explorer-footer{grid-template-columns:1fr 1fr!important}.page-examples-v35 .example-progress{grid-column:1/-1;grid-row:1}.glossary-shell-v35{width:calc(100% - 28px);padding-top:42px}.glossary-hero-v35 h1{font-size:clamp(2.6rem,15vw,4.4rem)}} .page-examples-v35 .examples-app-v35{grid-template-columns:clamp(270px,18vw,320px) minmax(0,1fr);width:min(1900px,100%);} .page-examples-v35 .examples-main-v35{padding:32px clamp(28px,3.4vw,56px) 92px;} .page-examples-v35 .examples-hero-v35{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);grid-template-rows:auto auto auto auto;gap:0 28px;max-width:1180px;margin:0 auto 26px;padding:30px 38px 28px;border:1px solid var(--border);border-radius:24px;background:radial-gradient(34rem 20rem at 100% 0,color-mix(in srgb,var(--accent) 11%,transparent),transparent 72%),var(--bg-card-solid);box-shadow:var(--shadow);} .page-examples-v35 .examples-hero-v35>.examples-eyebrow-v35{grid-column:1;grid-row:1} .page-examples-v35 .examples-hero-v35 h2{grid-column:1;grid-row:2;max-width:800px;margin:9px 0 12px;font-size:clamp(2.65rem,4vw,4.35rem);line-height:.98;} .page-examples-v35 .examples-hero-v35>p{grid-column:1;grid-row:3;max-width:760px;font-size:1rem;line-height:1.56;} .page-examples-v35 .examples-hero-stats-v35{grid-column:1;grid-row:4;margin-top:16px} .page-examples-v35 .examples-reading-guide-v35{grid-column:2;grid-row:1/5;display:grid;grid-template-columns:1fr;align-content:center;gap:9px;margin:0;} .page-examples-v35 .examples-reading-guide-v35>div{min-height:64px;padding:11px 13px;background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);} .page-examples-v35 .examples-scenario-stage-v35{max-width:1180px} .page-examples-v35 .example-scenario-v35{display:block!important;padding:0!important;} .page-examples-v35 .scenario-kicker-v35{margin-bottom:9px} .page-examples-v35 .scenario-title-v35{max-width:1000px;font-size:clamp(2rem,3vw,3.05rem)!important;} .page-examples-v35 .scenario-desc-v35{max-width:960px;margin-top:10px;font-size:.96rem;line-height:1.58;} .page-examples-v35 .scenario-modules-v35{margin-top:11px} .page-examples-v35 .scenario-facts-v35{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important;} .page-examples-v35 .scenario-facts-v35>div{min-height:76px;padding:12px 14px!important;border-color:var(--border)!important;background:var(--bg-card-solid)!important;} .page-examples-v35 .scenario-facts-v35 span{display:block;margin-bottom:5px;color:var(--text-muted)!important;font:700 .62rem var(--font-mono)!important;letter-spacing:.06em;text-transform:uppercase;} .page-examples-v35 .scenario-facts-v35 strong{display:block;color:var(--text)!important;font-size:.82rem!important;line-height:1.42;} .page-examples-v35 .compare-details-v35{margin:14px 0 18px} .page-examples-v35 .compare-details-v35>summary{min-height:52px;padding:13px 16px;} .page-examples-v35 .example-explorer{margin-top:18px} .page-examples-v35 .example-tabs{gap:8px!important;margin-bottom:10px!important;} .page-examples-v35 .example-tab{min-width:0!important;flex:1 1 240px;padding:10px 12px!important;} .page-examples-v35 .example-tabs:has(>.example-tab:only-child){display:none!important} .page-examples-v35 .example-explorer:has(.example-tab:only-child) .example-explorer-footer{display:none!important} .page-examples-v35 .example-stage{border-radius:17px;box-shadow:0 18px 46px -28px rgba(30,40,60,.32);} .page-examples-v35 .example-card-head-v35{padding:16px 18px!important;} .page-examples-v35 .ex-title{font-size:1.06rem!important} .page-examples-v35 .ex-sub{font-size:.82rem!important;line-height:1.48} .page-examples-v35 .ex-body{padding:14px!important} .page-examples-v35 .examples-code-card{border-radius:14px!important} .page-examples-v35 .examples-code-card pre{max-height:min(60vh,590px);padding:20px 22px;font-size:clamp(.78rem,.18vw+.72rem,.91rem);line-height:1.72;} .page-examples-v35 .callout{margin:14px 0 0!important;padding:11px 14px!important;font-size:.79rem!important;line-height:1.52!important;} .page-examples-v35 .a1s-code__header,.page-module-v34 .a1s-code__header{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 10px;min-height:58px;padding:10px 13px 9px!important;} .page-examples-v35 .a1s-code__title,.page-module-v34 .a1s-code__title{grid-column:1;grid-row:1;min-width:0;} .page-examples-v35 .a1s-code__badge,.page-module-v34 .a1s-code__badge{grid-column:2;grid-row:1;margin-left:0;} .page-examples-v35 .a1s-code__copy,.page-module-v34 .a1s-code__copy{grid-column:3;grid-row:1;} .page-examples-v35 .a1s-code__concepts,.page-module-v34 .a1s-code__concepts{grid-column:1/-1;grid-row:2;display:flex;width:100%;justify-content:flex-start;gap:6px;margin:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--a1s-code-border) 72%,transparent);} .page-examples-v35 .a1s-code__concepts::before,.page-module-v34 .a1s-code__concepts::before{content:"Понятия";align-self:center;margin-right:2px;color:var(--a1s-code-muted);font:700 .58rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;} .a1s-concept{min-height:27px;padding:4px 9px;border-color:color-mix(in srgb,var(--concept) 40%,var(--a1s-code-border));background:color-mix(in srgb,var(--concept) 14%,transparent);font-size:.65rem;font-weight:700;cursor:pointer;} .a1s-concept:hover,.a1s-concept:focus-visible{background:color-mix(in srgb,var(--concept) 22%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--concept) 13%,transparent);} .a1s-code__mila{border-bottom-color:var(--a1s-code-border);} .a1s-code__mila-item{min-height:56px;padding:10px 13px;background:color-mix(in srgb,var(--a1s-code-head) 88%,var(--a1s-code-bg));} .a1s-code__mila-body strong{font-size:.69rem} .a1s-code__mila-body span{font-size:.64rem;line-height:1.43} [data-theme="light"] .page-examples-v35 .a1s-code,[data-theme="light"] .page-module-v34 .a1s-code{--a1s-code-bg:#f5f8fc;--a1s-code-head:#eaf0f8;--a1s-code-text:#1c293d;--a1s-code-muted:#687892;--a1s-code-border:#d4deec;} [data-theme="light"] .a1s-code .c-comment{color:#667791} [data-theme="light"] .a1s-code .c-module{color:#365bd2} [data-theme="light"] .a1s-code .c-fn{color:#007b83} [data-theme="light"] .a1s-code .c-str{color:#087547} [data-theme="light"] .a1s-code .c-var{color:#9a4700} [data-theme="light"] .a1s-code .c-num{color:#a34b00} [data-theme="light"] .a1s-code .c-date,[data-theme="light"] .a1s-code .c-kw{color:#7040bd} @media(max-width:1180px){.page-examples-v35 .examples-hero-v35{grid-template-columns:1fr;padding:28px 30px} .page-examples-v35 .examples-hero-v35>.examples-eyebrow-v35,.page-examples-v35 .examples-hero-v35 h2,.page-examples-v35 .examples-hero-v35>p,.page-examples-v35 .examples-hero-stats-v35,.page-examples-v35 .examples-reading-guide-v35{grid-column:1;grid-row:auto} .page-examples-v35 .examples-reading-guide-v35{grid-template-columns:repeat(3,1fr);margin-top:18px}} @media(max-width:900px){.page-examples-v35 .examples-main-v35{padding:26px 18px 74px} .page-examples-v35 .examples-hero-v35{padding:24px 20px;border-radius:18px} .page-examples-v35 .examples-reading-guide-v35{grid-template-columns:1fr} .page-examples-v35 .scenario-facts-v35{grid-template-columns:1fr!important} .page-examples-v35 .a1s-code__header,.page-module-v34 .a1s-code__header{grid-template-columns:minmax(0,1fr) auto} .page-examples-v35 .a1s-code__badge,.page-module-v34 .a1s-code__badge{display:none} .page-examples-v35 .a1s-code__copy,.page-module-v34 .a1s-code__copy{grid-column:2} .page-examples-v35 .a1s-code__concepts,.page-module-v34 .a1s-code__concepts{grid-column:1/-1;margin:0}} @media(max-width:620px){.page-examples-v35 .examples-hero-v35 h2{font-size:clamp(2.25rem,12vw,3.35rem)} .page-examples-v35 .examples-code-card pre{padding:16px;font-size:.75rem} .a1s-code__mila{grid-template-columns:1fr}} .page-examples-v35 .a1s-code__concepts,.page-module-v34 .a1s-code__concepts{align-items:center;gap:8px;padding-top:10px;} .page-examples-v35 .a1s-code__concepts::before,.page-module-v34 .a1s-code__concepts::before{margin-right:5px;font-size:.61rem;letter-spacing:.1em;} .a1s-concept{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--concept) 36%,var(--a1s-code-border));border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--concept) 14%,var(--a1s-code-head)),color-mix(in srgb,var(--concept) 8%,var(--a1s-code-bg)));box-shadow:0 1px 2px rgba(20,35,60,.06),inset 0 1px 0 rgba(255,255,255,.5);color:color-mix(in srgb,var(--concept) 90%,var(--text));font:720 .71rem/1.2 var(--font-sans);letter-spacing:-.01em;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease;} .a1s-concept::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--concept);box-shadow:0 0 0 4px color-mix(in srgb,var(--concept) 13%,transparent);} .a1s-concept::after{content:"?";display:grid;width:17px;height:17px;place-items:center;margin-left:1px;border-radius:6px;background:color-mix(in srgb,var(--concept) 11%,transparent);color:var(--concept);font:800 .58rem/1 var(--font-mono);opacity:.86;} .a1s-concept:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--concept) 58%,var(--a1s-code-border));background:linear-gradient(180deg,color-mix(in srgb,var(--concept) 20%,var(--a1s-code-head)),color-mix(in srgb,var(--concept) 12%,var(--a1s-code-bg)));box-shadow:0 7px 18px -12px color-mix(in srgb,var(--concept) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.62);} .a1s-concept:focus-visible{outline:3px solid color-mix(in srgb,var(--concept) 22%,transparent);outline-offset:2px;} .a1s-concept[aria-expanded="true"]{border-color:color-mix(in srgb,var(--concept) 65%,var(--a1s-code-border));background:color-mix(in srgb,var(--concept) 20%,var(--a1s-code-head));box-shadow:0 0 0 3px color-mix(in srgb,var(--concept) 12%,transparent);} .a1s-concept-popover{--popover-accent:var(--accent);position:fixed;z-index:12000;width:min(440px,calc(100vw - 28px));padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--popover-accent) 24%,var(--border));border-radius:18px;background:var(--bg-card-solid);box-shadow:0 30px 80px -28px rgba(16,28,48,.5),0 8px 24px -16px rgba(16,28,48,.3);color:var(--text);} .a1s-concept-popover::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--popover-accent),color-mix(in srgb,var(--popover-accent) 48%,var(--purple)));} .a1s-concept-popover[hidden]{display:none} .a1s-concept-popover__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px 0;} .a1s-concept-popover__kind{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--popover-accent) 24%,transparent);border-radius:8px;background:color-mix(in srgb,var(--popover-accent) 10%,transparent);color:var(--popover-accent);font:750 .64rem/1 var(--font-mono);letter-spacing:.055em;text-transform:uppercase;} .a1s-concept-popover__close{position:static;display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-elevated);color:var(--text-muted);font:500 1.18rem/1 var(--font-sans);cursor:pointer;} .a1s-concept-popover__close:hover{border-color:var(--border);background:var(--bg-hover);color:var(--text);} .a1s-concept-popover h3{margin:17px 20px 8px;color:var(--text);font-size:1.24rem;line-height:1.18;letter-spacing:-.025em;} .a1s-concept-popover p{margin:0 20px;color:var(--text-secondary);font-size:.91rem;line-height:1.72;} .a1s-concept-popover a{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--popover-accent) 25%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--popover-accent) 8%,var(--bg-elevated));color:var(--text);font-size:.8rem;font-weight:680;text-decoration:none;} .a1s-concept-popover a:hover{border-color:color-mix(in srgb,var(--popover-accent) 48%,var(--border));background:color-mix(in srgb,var(--popover-accent) 13%,var(--bg-elevated));} .a1s-concept-popover a b{color:var(--popover-accent);font-size:.75rem;white-space:nowrap;} @media(max-width:620px){.a1s-concept{min-height:32px;padding:6px 9px;font-size:.67rem} .a1s-concept::after{display:none} .a1s-concept-popover{width:calc(100vw - 20px);border-radius:15px} .a1s-concept-popover__header{padding:14px 16px 0} .a1s-concept-popover h3{margin:14px 16px 7px;font-size:1.1rem} .a1s-concept-popover p{margin:0 16px;font-size:.86rem;line-height:1.65} .a1s-concept-popover a{margin:17px 16px 16px}} .a1s-concept{overflow:hidden;gap:0;min-height:36px;padding:0;border-radius:9px;box-shadow:0 1px 2px rgba(20,35,60,.05),inset 0 1px 0 rgba(255,255,255,.58);} .a1s-concept::before{align-self:stretch;width:4px;height:auto;margin:0 11px 0 0;border-radius:0;box-shadow:none;} .a1s-concept::after{align-self:stretch;width:31px;height:auto;min-height:34px;margin:0 0 0 11px;border-left:1px solid color-mix(in srgb,var(--concept) 24%,var(--a1s-code-border));border-radius:0;background:color-mix(in srgb,var(--concept) 10%,transparent);opacity:.9;} .a1s-concept:hover{transform:translateY(-1px);box-shadow:0 8px 20px -14px color-mix(in srgb,var(--concept) 62%,transparent),inset 0 1px 0 rgba(255,255,255,.68);} .a1s-concept[aria-expanded="true"]{box-shadow:0 0 0 3px color-mix(in srgb,var(--concept) 11%,transparent),inset 4px 0 0 var(--concept);} .a1s-concept-popover{width:min(470px,calc(100vw - 36px));border-color:color-mix(in srgb,var(--popover-accent) 28%,var(--border));border-radius:16px;box-shadow:0 28px 70px -28px rgba(16,28,48,.5),0 10px 28px -20px rgba(16,28,48,.36);} .a1s-concept-popover::before{height:3px;background:var(--popover-accent);} .a1s-concept-popover__header{min-height:60px;padding:13px 16px;border-bottom:1px solid color-mix(in srgb,var(--popover-accent) 13%,var(--border-subtle));background:linear-gradient(180deg,color-mix(in srgb,var(--popover-accent) 7%,var(--bg-card-solid)),var(--bg-card-solid));} .a1s-concept-popover__kind{gap:8px;min-height:30px;padding:0;border:0;border-radius:0;background:transparent;letter-spacing:.07em;} .a1s-concept-popover__kind::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--popover-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--popover-accent) 10%,transparent);} .a1s-concept-popover__close{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--popover-accent) 4%,var(--bg-elevated));} .a1s-concept-popover h3{margin:21px 24px 9px;font-size:1.28rem;line-height:1.2;} .a1s-concept-popover p{margin:0 24px;max-width:39ch;font-size:.92rem;line-height:1.72;} .a1s-concept-popover a{min-height:56px;margin:21px 24px 24px;padding:12px 14px 12px 16px;border-radius:12px;} .a1s-concept-popover a b{display:inline-flex;align-items:center;justify-content:center;min-width:84px;min-height:30px;padding:0 10px;border-radius:8px;background:color-mix(in srgb,var(--popover-accent) 12%,transparent);} @media(max-width:620px){.a1s-concept{min-height:34px} .a1s-concept::before{margin-right:9px} .a1s-concept::after{display:grid;width:28px;margin-left:9px} .a1s-concept-popover{width:calc(100vw - 24px)} .a1s-concept-popover__header{padding:12px 14px} .a1s-concept-popover h3{margin:18px 18px 8px} .a1s-concept-popover p{margin:0 18px} .a1s-concept-popover a{margin:18px}}
.page-quickstart-v37{background:var(--bg);color:var(--text)}.page-quickstart-v37 .hero{padding:54px 28px 48px;background:linear-gradient(180deg,var(--bg-elevated),color-mix(in srgb,var(--bg) 88%,var(--accent) 12%));border-bottom:1px solid var(--border-subtle)}.page-quickstart-v37 .hero::after{display:none}.page-quickstart-v37 .qs-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:44px;align-items:center;width:min(1480px,100%);margin:0 auto}.page-quickstart-v37 .hero-inner{max-width:820px}.page-quickstart-v37 .hero-eyebrow{margin-bottom:17px;color:var(--text-muted)}.page-quickstart-v37 .hero-title{max-width:820px;margin-bottom:18px;font-size:clamp(2.55rem,3.7vw,5.1rem);line-height:.98;letter-spacing:-.055em;color:var(--text)}.page-quickstart-v37 .hero-title .hl{color:var(--accent)}.page-quickstart-v37 .def-pill{display:flex;max-width:760px;margin:0 0 20px;padding:14px 16px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card-solid);box-shadow:0 8px 22px rgba(28,39,70,.05);font-size:.92rem;color:var(--text-secondary)}.page-quickstart-v37 .hero-desc{max-width:760px;margin-bottom:23px;font-size:1rem;line-height:1.68;color:var(--text-secondary)}.page-quickstart-v37 .hero-actions{gap:9px}.page-quickstart-v37 .btn-p,.page-quickstart-v37 .btn-s{display:inline-flex;min-height:44px;align-items:center;padding:10px 17px;border-radius:11px;font-size:.85rem}.page-quickstart-v37 .btn-p{background:var(--accent);color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 24%,transparent)}.page-quickstart-v37 .btn-s{background:var(--bg-card-solid);border-color:var(--border);color:var(--text-secondary)}.page-quickstart-v37 .qs-hero-panel{padding:27px;border:1px solid var(--border);border-radius:21px;background:var(--bg-card-solid);box-shadow:0 18px 50px rgba(25,35,64,.09)}.page-quickstart-v37 .qs-panel-kicker{margin-bottom:8px;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.page-quickstart-v37 .qs-hero-panel h2{margin:0 0 8px;font-size:1.45rem;letter-spacing:-.025em;color:var(--text)}.page-quickstart-v37 .qs-hero-panel>p{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.55}.page-quickstart-v37 .qs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.page-quickstart-v37 .qs-metrics div{padding:12px 10px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-hover)}.page-quickstart-v37 .qs-metrics strong,.page-quickstart-v37 .qs-metrics span{display:block}.page-quickstart-v37 .qs-metrics strong{font-size:1.15rem;color:var(--text)}.page-quickstart-v37 .qs-metrics span{margin-top:2px;font-size:.65rem;line-height:1.35;color:var(--text-muted)}.page-quickstart-v37 .qs-mini-route{display:grid;gap:7px;margin:0;padding:0;list-style:none}.page-quickstart-v37 .qs-mini-route li{display:grid;grid-template-columns:35px 1fr;column-gap:10px;padding:10px 11px;border-radius:11px;background:color-mix(in srgb,var(--accent) 5%,var(--bg-hover))}.page-quickstart-v37 .qs-mini-route li>span{grid-row:1/3;display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font:750 .67rem var(--font-mono)}.page-quickstart-v37 .qs-mini-route b{font-size:.81rem;color:var(--text)}.page-quickstart-v37 .qs-mini-route small{font-size:.68rem;color:var(--text-muted)}.page-quickstart-v37 .page{display:block;min-height:0}.page-quickstart-v37 .toc{display:block;position:sticky;top:var(--site-nav-h,72px);z-index:75;width:auto;min-width:0;height:auto;overflow:visible;border:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 95%,transparent);box-shadow:0 7px 20px rgba(21,31,55,.045)}.page-quickstart-v37 .toc-head{position:absolute;inset:auto 0 0;padding:0;border:0;pointer-events:none}.page-quickstart-v37 .toc-progress-label{display:none}.page-quickstart-v37 .toc-progress-bar{height:2px;border-radius:0;background:transparent}.page-quickstart-v37 .toc-progress-fill{background:linear-gradient(90deg,var(--cyan),var(--accent),var(--purple));transition:none}.page-quickstart-v37 .toc-nav{position:static;display:flex;width:min(1420px,100%);height:auto;margin:0 auto;padding:11px 24px;gap:7px;overflow-x:auto;border:0;background:transparent;scrollbar-width:thin}.page-quickstart-v37 .toc-link{flex:1 0 auto;justify-content:center;min-width:126px;padding:9px 12px;border:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle);border-radius:11px;background:var(--bg-card-solid);color:var(--text-secondary);font-size:.76rem;white-space:nowrap}.page-quickstart-v37 .toc-link:hover{border-color:var(--border);background:var(--bg-hover);color:var(--text)}.page-quickstart-v37 .toc-link.active{border-color:color-mix(in srgb,var(--accent) 46%,var(--border));background:var(--accent);color:#fff;box-shadow:0 7px 17px color-mix(in srgb,var(--accent) 22%,transparent)}.page-quickstart-v37 .toc-link.active .toc-num{color:#fff;background:rgba(255,255,255,.18)}.page-quickstart-v37 .toc-num{display:grid;width:23px;height:23px;min-width:23px;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:.65rem}.page-quickstart-v37 .main{width:100%;min-width:0}.page-quickstart-v37 .content{width:min(1160px,100%);max-width:none;margin:0 auto;padding:34px 28px 100px}.page-quickstart-v37 .content>hr{display:none}.page-quickstart-v37 .step{position:relative;margin:0 0 20px;padding:34px 38px 38px;scroll-margin-top:160px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card-solid);box-shadow:0 10px 32px rgba(28,39,70,.055)}.page-quickstart-v37 .step::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:20px 0 0 20px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--cyan) 80%,var(--accent)))}.page-quickstart-v37 .step-eyebrow{margin-bottom:12px;color:var(--text-muted)}.page-quickstart-v37 .step-num{width:29px;height:29px;border:0;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:.72rem}.page-quickstart-v37 .step-title{margin-bottom:10px;font-size:clamp(1.45rem,2vw,2rem);font-weight:780;color:var(--text)}.page-quickstart-v37 .step-desc{max-width:850px;margin-bottom:21px;font-size:.94rem;line-height:1.68;color:var(--text-secondary)}.page-quickstart-v37 .options{gap:12px}.page-quickstart-v37 .opt-card,.page-quickstart-v37 .next-card{border-color:var(--border);background:var(--bg-hover);box-shadow:none}.page-quickstart-v37 .opt-title,.page-quickstart-v37 .next-card-title{color:var(--text)}.page-quickstart-v37 .opt-desc,.page-quickstart-v37 .next-card-desc{font-size:.78rem}.page-quickstart-v37 .opt-btn-p{background:var(--accent);color:#fff}.page-quickstart-v37 .steps-list{display:grid;gap:6px}.page-quickstart-v37 .steps-list-item{padding:11px 13px;border:1px solid var(--border-subtle);border-radius:11px;background:var(--bg-hover);font-size:.84rem}.page-quickstart-v37 .steps-list-item::before{background:var(--accent-soft);color:var(--accent)}.page-quickstart-v37 .compare{border-color:var(--border);border-radius:15px;background:var(--bg-hover)}.page-quickstart-v37 .cmp-col:first-child{border-color:var(--border)}.page-quickstart-v37 .code-card{margin:17px 0;border-color:var(--border);border-radius:15px;background:var(--a1s-code-bg,var(--bg-hover));box-shadow:0 7px 22px rgba(28,39,70,.04)}.page-quickstart-v37 .code-bar{padding:11px 15px;border-color:var(--border);background:var(--a1s-code-head,var(--bg-card-solid))}.page-quickstart-v37 .code-label{font-size:.7rem;color:var(--text-secondary)}.page-quickstart-v37 .copy-btn{border-color:var(--border);background:var(--bg-hover);color:var(--text-secondary)}.page-quickstart-v37 pre{padding:20px 22px;font-size:.82rem;line-height:1.72;color:var(--text)}.page-quickstart-v37 .callout,.page-quickstart-v37 .narrative{border:1px solid var(--border-subtle);border-left-width:4px;border-radius:12px;background:var(--bg-hover)}.page-quickstart-v37 .next-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.page-quickstart-v37 footer{width:min(1160px,calc(100% - 56px));margin:0 auto;padding:26px 0;border-color:var(--border)}@media (min-width:1800px){.page-quickstart-v37 .qs-hero-grid{width:min(1640px,100%);grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr)}.page-quickstart-v37 .content{width:min(1320px,100%)}.page-quickstart-v37 .step{padding:40px 46px 44px}}@media (max-width:1100px){.page-quickstart-v37 .qs-hero-grid{grid-template-columns:1fr;gap:25px}.page-quickstart-v37 .qs-hero-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.page-quickstart-v37 .qs-hero-panel>.qs-panel-kicker,.page-quickstart-v37 .qs-hero-panel>h2,.page-quickstart-v37 .qs-hero-panel>p{grid-column:1}.page-quickstart-v37 .qs-metrics,.page-quickstart-v37 .qs-mini-route{grid-column:2;grid-row:1/5}.page-quickstart-v37 .qs-metrics{margin:0 0 10px}.page-quickstart-v37 .next-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.page-quickstart-v37 .hero{padding:38px 18px 32px}.page-quickstart-v37 .hero-title{font-size:clamp(2.35rem,12vw,3.6rem)}.page-quickstart-v37 .qs-hero-panel{display:block;padding:20px}.page-quickstart-v37 .qs-metrics{margin:17px 0}.page-quickstart-v37 .toc{top:var(--site-nav-h,64px)}.page-quickstart-v37 .toc-nav{padding:9px 14px}.page-quickstart-v37 .toc-link{min-width:132px}.page-quickstart-v37 .content{padding:23px 14px 70px}.page-quickstart-v37 .step{padding:25px 20px 28px;border-radius:16px;scroll-margin-top:145px}.page-quickstart-v37 .step::before{border-radius:16px 0 0 16px}.page-quickstart-v37 .options,.page-quickstart-v37 .next-grid{grid-template-columns:1fr}.page-quickstart-v37 .compare{grid-template-columns:1fr}.page-quickstart-v37 .cmp-col:first-child{border-right:0;border-bottom:1px solid var(--border)}.page-quickstart-v37 footer{width:calc(100% - 28px)}}body.page-quickstart-v37 .toc{height:auto!important;min-height:0!important}

/* A1sCode v3.7.2 — expressive API cards + semantic code hover ============ */
.page-module-v34 .fn-card {
  --fn-title-gradient: linear-gradient(112deg,
    color-mix(in srgb, var(--spotlight-color) 96%, var(--text)) 0%,
    color-mix(in srgb, var(--accent) 84%, var(--purple)) 58%,
    color-mix(in srgb, var(--cyan) 82%, var(--text)) 112%);
  border-radius: 18px;
}
.page-module-v34 .fn-header {
  position: relative;
  isolation: isolate;
  min-height: 116px;
  align-items: center;
  overflow: hidden;
  padding: 24px 28px 21px;
  background:
    radial-gradient(34rem 12rem at 100% 0,
      color-mix(in srgb, var(--spotlight-color) 11%, transparent), transparent 72%),
    linear-gradient(115deg,
      color-mix(in srgb, var(--bg-card-solid) 92%, transparent),
      color-mix(in srgb, var(--spotlight-color) 5%, var(--bg-card-solid)));
  transition: background 120ms linear;
}
.page-module-v34 .fn-header::before {
  content: attr(data-kind-label);
  position: absolute;
  z-index: -1;
  top: 50%;
  right: clamp(54px, 7vw, 104px);
  max-width: 62%;
  overflow: hidden;
  color: color-mix(in srgb, var(--spotlight-color) 8%, transparent);
  font-family: var(--font-sans);
  font-size: clamp(2.7rem, 6.8vw, 5.9rem);
  font-variation-settings: "wght" 850, "slnt" -5, "FLAR" 80, "VOLM" 65;
  letter-spacing: .12em;
  line-height: .72;
  text-overflow: clip;
  white-space: nowrap;
  transform: translateY(-51%) scaleX(1.24);
  transform-origin: right center;
  opacity: .92;
  pointer-events: none;
  user-select: none;
  transition: opacity 120ms linear, transform 160ms var(--ease-smooth);
}
.page-module-v34 .fn-header::after {
  content: "";
  position: absolute;
  right: 28px;
  bottom: 0;
  left: 28px;
  height: 1px;
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--spotlight-color) 58%, transparent),
    color-mix(in srgb, var(--purple) 24%, transparent) 46%,
    transparent 92%);
  opacity: .55;
  pointer-events: none;
}
.page-module-v34 .fn-header > div:first-child {
  position: relative;
  z-index: 2;
  width: min(100%, 850px);
}
.page-module-v34 .fn-name {
  display: inline-block;
  max-width: 100%;
  background: var(--fn-title-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.72rem, 2.45vw, 2.42rem);
  font-variation-settings: "wght" 760, "slnt" -2, "FLAR" 46, "VOLM" 24;
  font-weight: 760;
  letter-spacing: -.048em;
  line-height: 1.02;
  text-wrap: balance;
}
.page-module-v34 .fn-sig {
  display: table;
  width: fit-content;
  max-width: min(100%, 920px);
  margin-top: 11px;
  padding: 6px 10px 7px;
  border: 1px solid color-mix(in srgb, var(--spotlight-color) 18%, var(--border));
  border-radius: 9px;
  background: color-mix(in srgb, var(--bg-card-solid) 74%, transparent);
  color: var(--text-secondary);
  font-family: var(--font-mono);
  font-size: clamp(.76rem, .2vw + .72rem, .9rem);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.46;
  box-shadow: 0 9px 22px -20px color-mix(in srgb, var(--spotlight-color) 58%, transparent);
}
.page-module-v34 .fn-toggle {
  position: relative;
  z-index: 3;
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  margin: 0 0 0 auto;
  padding: 9px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--spotlight-color) 20%, var(--border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--bg-card-solid) 82%, transparent);
  color: var(--spotlight-color);
  box-shadow: 0 10px 22px -18px color-mix(in srgb, var(--spotlight-color) 68%, transparent);
}
.page-module-v34 .fn-header:hover {
  background:
    radial-gradient(36rem 13rem at 100% 0,
      color-mix(in srgb, var(--spotlight-color) 16%, transparent), transparent 70%),
    linear-gradient(115deg,
      color-mix(in srgb, var(--bg-card-solid) 96%, transparent),
      color-mix(in srgb, var(--spotlight-color) 8%, var(--bg-card-solid)));
}
.page-module-v34 .fn-header:hover::before,
.page-module-v34 .fn-header:focus-visible::before {
  opacity: 1;
  transform: translateY(-51%) scaleX(1.29) translateX(-4px);
}
.page-module-v34 .fn-header:hover .fn-toggle,
.page-module-v34 .fn-header:focus-visible .fn-toggle {
  border-color: color-mix(in srgb, var(--spotlight-color) 44%, var(--border));
  background: color-mix(in srgb, var(--spotlight-color) 10%, var(--bg-card-solid));
}
.page-module-v34 .fn-summary {
  padding: 16px 28px 8px;
  color: var(--text-secondary);
  font-size: clamp(1.01rem, .22vw + .96rem, 1.13rem);
  font-variation-settings: "wght" 430, "slnt" 0, "FLAR" 3, "VOLM" 0;
  line-height: 1.62;
}
.page-module-v34 .fn-card:not(.open) .fn-summary { padding-bottom: 24px; }
.page-module-v34 .fn-card.open .fn-body { padding: 18px 28px 28px !important; }
.page-module-v34 .fn-card.open {
  border-color: color-mix(in srgb, var(--spotlight-color) 20%, var(--border));
}
.page-module-v34 .fn-card.open .fn-header::after { opacity: .82; }
.page-module-v34 .fn-card[data-kind="procedure"] .fn-header::before {
  color: color-mix(in srgb, var(--orange) 9%, transparent);
}

/* Code is the main explanatory surface: larger, calmer, semantically reactive. */
.page-module-v34 .a1s-code {
  --a1s-hint-min-height: 34px;
  --a1s-hint-gap: 8px;
  --a1s-hint-padding: 7px 15px;
  --a1s-hint-bg: color-mix(in srgb, var(--a1s-code-head) 68%, var(--a1s-code-bg));
  --a1s-hint-font-size: .69rem;
  --a1s-hint-font-weight: 550;
  --a1s-hint-line-height: 1.35;
  --a1s-hint-transition: color 100ms linear, background 100ms linear;
  --a1s-hint-icon-size: 19px;
  --a1s-hint-icon-radius: 6px;
  --a1s-hint-icon-bg: color-mix(in srgb, var(--a1s-code-accent) 10%, transparent);
  --a1s-hint-icon-font: 750 .62rem var(--font-mono);
  --a1s-hint-active-bg: color-mix(in srgb, var(--a1s-code-accent) 7%, var(--a1s-code-head));
  --a1s-token-active-bg: color-mix(in srgb, var(--a1s-code-accent) 12%, transparent);
  --a1s-token-active-outline: color-mix(in srgb, var(--a1s-code-accent) 26%, transparent);
  --a1s-token-active-shadow: 0 0 0 3px color-mix(in srgb, var(--a1s-code-accent) 6%, transparent);
  margin-top: 17px;
  border-radius: 16px;
  box-shadow: 0 20px 48px -34px rgba(20,35,58,.5);
}
.page-module-v34 .a1s-code__header {
  min-height: 66px;
  padding: 12px 15px 10px !important;
}
.page-module-v34 .a1s-code__title strong { font-size: .94rem; }
.page-module-v34 .a1s-code__title span { margin-top: 2px; font-size: .71rem; }
.page-module-v34 .a1s-code pre {
  padding: clamp(23px, 2.6vw, 38px);
  font-size: clamp(.9rem, .26vw + .82rem, 1.08rem);
  font-weight: 470;
  line-height: 1.78;
}
/* Module-specific component values are declared above as custom properties. */
.page-module-v34 .a1s-code .c-comment:hover,
.page-module-v34 .a1s-code .c-comment.is-token-active {
  background: color-mix(in srgb, var(--purple) 9%, transparent);
  outline-color: color-mix(in srgb, var(--purple) 22%, transparent);
}

@media (max-width: 760px) {
  .page-module-v34 .fn-header {
    min-height: 102px;
    padding: 20px 19px 18px;
  }
  .page-module-v34 .fn-header::before {
    right: 42px;
    max-width: 72%;
    font-size: clamp(2.15rem, 12vw, 4.2rem);
    letter-spacing: .08em;
    opacity: .7;
  }
  .page-module-v34 .fn-header::after { right: 19px; left: 19px; }
  .page-module-v34 .fn-name { font-size: clamp(1.48rem, 7vw, 2rem); }
  .page-module-v34 .fn-sig { font-size: .74rem; }
  .page-module-v34 .fn-toggle {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    padding: 8px;
  }
  .page-module-v34 .fn-summary { padding-right: 19px; padding-left: 19px; }
  .page-module-v34 .fn-card.open .fn-body { padding: 15px 19px 21px !important; }
  .page-module-v34 .a1s-code pre { padding: 20px 17px; font-size: .83rem; }
  /* Keep explanations available to assistive technology without changing the mobile layout. */
  .page-module-v34 .a1s-code__hover-hint {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-module-v34 .fn-header::before,
  .page-module-v34 .fn-header,
  .page-module-v34 .fn-toggle { transition: none !important; }
}


/* A1sCode interactive explanation core ========================================== */
.a1s-code__hover-hint {
  display:flex; height:56px; min-height:var(--a1s-hint-min-height,56px); box-sizing:border-box;
  align-items:center; gap:var(--a1s-hint-gap,10px); padding:var(--a1s-hint-padding,9px 16px);
  overflow:hidden; border-bottom:1px solid var(--a1s-code-border);
  background:var(--a1s-hint-bg,color-mix(in srgb,var(--a1s-code-head) 72%,var(--a1s-code-bg)));
  color:var(--a1s-code-muted); font-family:var(--font-sans); font-size:var(--a1s-hint-font-size,.72rem);
  font-weight:var(--a1s-hint-font-weight,560); line-height:var(--a1s-hint-line-height,1.42);
  text-wrap:pretty; transition:var(--a1s-hint-transition,background .12s ease,color .12s ease);
}
.a1s-code__hover-hint::before {
  content:"↗"; display:grid; width:var(--a1s-hint-icon-size,22px); height:var(--a1s-hint-icon-size,22px);
  flex:0 0 var(--a1s-hint-icon-size,22px); place-items:center;
  border-radius:var(--a1s-hint-icon-radius,7px);
  background:var(--a1s-hint-icon-bg,color-mix(in srgb,var(--a1s-code-accent) 12%,transparent));
  color:var(--a1s-code-accent); font:var(--a1s-hint-icon-font,800 .65rem/1 var(--font-mono));
}
.a1s-code.is-token-active .a1s-code__hover-hint,
.a1s-code.is-step-active .a1s-code__hover-hint {
  background:var(--a1s-hint-active-bg,color-mix(in srgb,var(--a1s-code-accent) 8%,var(--a1s-code-head)));
  color:var(--a1s-hint-active-color,var(--a1s-code-text));
}
.a1s-code pre [class^="c-"], .a1s-code pre [class*=" c-"] {
  border-radius:4px; outline:1px solid transparent; outline-offset:2px; cursor:help;
  transition:background .08s linear,box-shadow .08s linear,outline-color .08s linear;
}
.a1s-code pre [class^="c-"]:hover, .a1s-code pre [class*=" c-"]:hover,
.a1s-code pre [class^="c-"]:focus-visible, .a1s-code pre [class*=" c-"]:focus-visible,
.a1s-code pre .is-token-active {
  background:var(--a1s-token-active-bg,color-mix(in srgb,var(--a1s-code-accent) 13%,transparent));
  outline-color:var(--a1s-token-active-outline,color-mix(in srgb,var(--a1s-code-accent) 28%,transparent));
  box-shadow:var(--a1s-token-active-shadow,0 0 0 3px color-mix(in srgb,var(--a1s-code-accent) 7%,transparent));
}
/* One keyboard entry point per code example; token focus is reached with arrows. */
.a1s-code pre:focus-visible {
  outline:2px solid color-mix(in srgb,var(--a1s-code-accent) 62%,transparent);
  outline-offset:-2px;
}
.a1s-code-step {
  position:relative; display:block; margin-inline:-11px; padding:5px 11px 6px;
  border-left:2px solid transparent; border-radius:7px; cursor:help;
  transition:background .1s ease,border-color .1s ease,box-shadow .1s ease;
}
.a1s-code-step:hover, .a1s-code-step:focus-visible, .a1s-code-step.is-step-active {
  border-left-color:var(--a1s-code-accent);
  background:color-mix(in srgb,var(--a1s-code-accent) 7%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a1s-code-accent) 10%,transparent);
  outline:0;
}
@media(max-width:620px){
  .a1s-code-step { margin-inline:-7px; padding-inline:7px; }
}

@media (prefers-reduced-motion: reduce) {
  .a1s-code__hover-hint { transition: none !important; }
  .page-module-v34 .a1s-code pre [class^="c-"],
  .page-module-v34 .a1s-code pre [class*=" c-"] { transition: none !important; }
}
.page-home-v4 .a1s-code {
  --a1s-code-bg:#f4f7fc; --a1s-code-head:#e9eff8; --a1s-code-text:#1b293e;
  --a1s-code-muted:#657691; --a1s-code-border:#d4deec;
  overflow:hidden; border:1px solid var(--a1s-code-border); box-shadow:0 25px 62px -42px rgba(20,38,70,.55);
}
[data-theme="dark"] .page-home-v4 .a1s-code {
  --a1s-code-bg:#0f1724; --a1s-code-head:#172131; --a1s-code-text:#e8edf5;
  --a1s-code-muted:#8997ac; --a1s-code-border:rgba(255,255,255,.08);
}
.page-home-v4 .a1s-code__header { min-height:68px; padding:12px 15px!important; }
.page-home-v4 .a1s-code__title strong { font-size:.94rem; }
.page-home-v4 .a1s-code__title span { font-size:.69rem; }
.page-home-v4 .a1s-code__concepts { grid-column:1/-1; margin:0; padding-top:8px; }
.page-home-v4 .a1s-code pre { padding:clamp(24px,2.35vw,38px); font-size:clamp(.87rem,.25vw + .75rem,1.06rem); line-height:1.78; }
.page-home-v4 .home4-hero-visual .a1s-code pre { font-size:clamp(.84rem,.22vw + .76rem,1.04rem); }
.page-home-v4 .home4-code-result {
  display:flex; align-items:center; justify-content:space-between; gap:18px; padding:12px 16px;
  border-top:1px solid var(--a1s-code-border); background:color-mix(in srgb,var(--green) 7%,var(--a1s-code-head));
  color:var(--a1s-code-muted); font-size:.71rem;
}
.page-home-v4 .home4-code-result span { font-family:var(--font-mono); text-transform:uppercase; letter-spacing:.08em; }
.page-home-v4 .home4-code-result strong { color:color-mix(in srgb,var(--green) 86%,var(--a1s-code-text)); text-align:right; }
.page-home-v4 .home4-outcome-grid article { display:flex; flex-direction:column; }
.page-home-v4 .home4-outcome-code { margin-top:auto; padding-top:24px; }
.page-home-v4 .home4-outcome-code code {
  display:block; padding:12px 13px; overflow:hidden; border:1px solid var(--border);
  border-radius:10px; background:var(--bg-code); color:#dfe7f5; font-size:.71rem; text-overflow:ellipsis; white-space:nowrap;
}
.page-home-v4 .home4-outcome-code small { display:block; margin-top:8px; color:var(--text-muted); font-size:.69rem; line-height:1.45; }
.page-home-v4 .home4-module-demo {
  display:grid; grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr); gap:18px;
  margin-top:26px; padding:18px; border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));
  border-radius:20px; background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--bg-deep)),var(--bg-card-solid));
}
.page-home-v4 .home4-module-demo-copy { padding:clamp(15px,1.5vw,27px); }
.page-home-v4 .home4-demo-eyebrow { color:var(--accent); font:700 .65rem/1.3 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.page-home-v4 .home4-module-demo h4 { margin:14px 0 11px; font-size:clamp(1.5rem,1.65vw,2.25rem); line-height:1.08; letter-spacing:-.035em; }
.page-home-v4 .home4-module-demo-copy > p { margin:0; color:var(--text-secondary); line-height:1.66; }
.page-home-v4 .home4-module-demo ol, .page-home-v4 .home4-example-steps { display:grid; gap:9px; padding:0; margin:25px 0 0; list-style:none; }
.page-home-v4 .home4-module-demo li, .page-home-v4 .home4-example-steps li { display:flex; align-items:flex-start; gap:11px; }
.page-home-v4 .home4-module-demo li > b, .page-home-v4 .home4-example-steps li > b {
  display:grid; width:27px; height:27px; flex:0 0 27px; place-items:center; border-radius:8px;
  background:var(--accent-soft); color:var(--accent); font:750 .62rem/1 var(--font-mono);
}
.page-home-v4 .home4-module-demo li span, .page-home-v4 .home4-example-steps li span { display:block; min-width:0; }
.page-home-v4 .home4-module-demo li strong, .page-home-v4 .home4-module-demo li small,
.page-home-v4 .home4-example-steps li strong, .page-home-v4 .home4-example-steps li small { display:block; }
.page-home-v4 .home4-module-demo li strong, .page-home-v4 .home4-example-steps li strong { font-size:.79rem; }
.page-home-v4 .home4-module-demo li small, .page-home-v4 .home4-example-steps li small { margin-top:2px; color:var(--text-muted); font-size:.69rem; line-height:1.43; }
.page-home-v4 .home4-module-code { border-radius:15px; align-self:stretch; }
.page-home-v4 .home4-module-code pre { min-height:325px; }
.page-home-v4 .home4-map-grid { margin-top:18px; }
.page-home-v4 .home4-map-grid::before {
  content:"Полная карта функций"; grid-column:1/-1; margin:9px 0 1px; color:var(--text-muted);
  font:700 .66rem/1.3 var(--font-mono); letter-spacing:.09em; text-transform:uppercase;
}
.page-home-v4 .home4-book-grid a { min-height:340px; }
.page-home-v4 .home4-book-grid p { min-height:4.8em; }
.page-home-v4 .home4-book-code { margin:18px 0 42px; }
.page-home-v4 .home4-book-code code {
  display:block; padding:10px 11px; overflow:hidden; border:1px solid var(--border-subtle); border-radius:9px;
  background:var(--bg-code); color:#e1e8f5; font-size:.66rem; line-height:1.45; text-overflow:ellipsis; white-space:nowrap;
}
.page-home-v4 .home4-book-code span { display:block; margin-top:8px; color:var(--text-muted); font-size:.66rem; line-height:1.45; text-transform:none; letter-spacing:0; }
.page-home-v4 .home4-code-guide {
  display:flex; align-items:center; justify-content:space-between; gap:24px; margin:-22px 0 22px; padding:15px 17px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border)); border-radius:14px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,var(--bg-card-solid)),var(--bg-card-solid));
}
.page-home-v4 .home4-code-guide > div:first-child { display:flex; align-items:center; gap:12px; }
.page-home-v4 .home4-code-guide b { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:10px; background:var(--accent-soft); color:var(--accent); }
.page-home-v4 .home4-code-guide strong, .page-home-v4 .home4-code-guide small { display:block; }
.page-home-v4 .home4-code-guide strong { font-size:.82rem; }
.page-home-v4 .home4-code-guide small { color:var(--text-muted); font-size:.72rem; line-height:1.45; }
.page-home-v4 .home4-code-legend { display:flex; flex-wrap:wrap; gap:12px; color:var(--text-muted); font-size:.68rem; }
.page-home-v4 .home4-code-legend span { display:flex; align-items:center; gap:6px; }
.page-home-v4 .home4-code-legend i { width:8px; height:8px; border-radius:3px; }
.page-home-v4 .legend-module { background:#4967db; } .page-home-v4 .legend-function { background:#087f87; } .page-home-v4 .legend-data { background:#9d4d00; }
.page-home-v4 .home4-example-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
.page-home-v4 .home4-example-tabs button { display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto auto; column-gap:12px; min-height:72px; }
.page-home-v4 .home4-example-tabs button > span { grid-row:1/3; }
.page-home-v4 .home4-example-tabs button > strong, .page-home-v4 .home4-example-tabs button > small { display:block; min-width:0; }
.page-home-v4 .home4-example-tabs button > strong { color:inherit; font-size:.78rem; }
.page-home-v4 .home4-example-tabs button > small { color:var(--text-muted); font-size:.64rem; line-height:1.25; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.page-home-v4 .home4-example-story { padding:clamp(28px,2.65vw,48px); }
.page-home-v4 .home4-example-story > p { font-size:.9rem; line-height:1.68; }
.page-home-v4 .home4-example-steps { margin-top:23px; padding:17px; border:1px solid var(--border-subtle); border-radius:13px; background:var(--bg-deep); }
.page-home-v4 .home4-example-story dl { margin:22px 0; }
.page-home-v4 .home4-example-functions { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 24px; }
.page-home-v4 .home4-example-functions > span { width:100%; color:var(--text-muted); font:700 .61rem/1.3 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.page-home-v4 .home4-example-functions code { padding:5px 7px; border:1px solid var(--border); border-radius:7px; background:var(--bg-hover); color:var(--accent); font-size:.65rem; }
.page-home-v4 .home4-example-stage { grid-template-columns:minmax(330px,.36fr) minmax(0,.64fr); }
.page-home-v4 .home4-example-stage > .a1s-code pre { min-height:500px; }
@media(max-width:1180px){
  .page-home-v4 .home4-module-demo { grid-template-columns:1fr; }
  .page-home-v4 .home4-module-code pre { min-height:0; }
  .page-home-v4 .home4-code-guide { align-items:flex-start; flex-direction:column; }
}
@media(max-width:900px){
  .page-home-v4 .home4-example-stage { grid-template-columns:1fr; }
  .page-home-v4 .home4-example-stage > .a1s-code pre { min-height:0; }
  .page-home-v4 .home4-example-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }
  .page-home-v4 .home4-example-tabs button { min-width:0; }
}
@media(max-width:620px){
  .page-home-v4 .home4-example-tabs { grid-template-columns:1fr; }
  .page-home-v4 .home4-module-demo { padding:10px; }
  .page-home-v4 .home4-code-result { align-items:flex-start; flex-direction:column; }
  .page-home-v4 .home4-code-result strong { text-align:left; }
  .page-home-v4 .a1s-code pre { font-size:.76rem; padding:18px; }
}

@media (max-width: 620px) {
  .page-home-v4 .a1s-code__hover-hint { height:76px; min-height:76px; align-items:flex-start; }
}
/* Data-driven mega navigation v7 · stable hover corridor ==================== */
:root {
  --site-nav-safe-top: env(safe-area-inset-top, 0px);
  --site-nav-bar-h: 62px;
  --site-nav-h: calc(var(--site-nav-safe-top) + 84px);
  --site-nav-inline: clamp(12px, 2vw, 34px);
  --site-nav-max: 2360px;
  --site-mega-max: 1280px;
  --site-mega-bridge: 14px;
  --site-shell-max: 1440px;
  --site-card-shadow: 0 12px 32px rgba(31, 42, 65, .085);
  --site-card-shadow-hover: 0 16px 38px rgba(31, 42, 65, .115);
}
[data-theme="dark"] {
  --site-card-shadow: 0 13px 34px rgba(0, 0, 0, .24);
  --site-card-shadow-hover: 0 18px 44px rgba(0, 0, 0, .30);
}
body { padding-top: var(--site-nav-h); }
body.a1s-menu-open,
body.a1s-search-open { overflow: hidden; touch-action: none; }
.a1s-sr-only {
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

body > .a1s-global-nav,
body > .a1s-global-nav *,
body > .a1s-mobile-menu,
body > .a1s-mobile-menu *,
body > .a1s-search-dialog,
body > .a1s-search-dialog * { box-sizing: border-box; }

body > .a1s-global-nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 10000;
  height: var(--site-nav-h);
  padding: calc(10px + var(--site-nav-safe-top)) var(--site-nav-inline) 12px;
  pointer-events: none;
}
body > .a1s-global-nav .a1s-global-nav__inner {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(138px, 1fr) auto minmax(280px, 1fr);
  align-items: center;
  gap: clamp(14px, 1.5vw, 28px);
  width: min(100%, var(--site-nav-max));
  height: var(--site-nav-bar-h);
  margin: 0 auto;
  padding: 7px 9px 7px 16px;
  border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
  border-radius: 19px;
  background: color-mix(in srgb, var(--bg-card-solid) 89%, transparent);
  box-shadow: 0 15px 44px -28px rgba(20,30,52,.45), inset 0 1px 0 color-mix(in srgb, white 36%, transparent);
  backdrop-filter: blur(24px) saturate(155%);
  -webkit-backdrop-filter: blur(24px) saturate(155%);
  pointer-events: auto;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
[data-theme="dark"] body > .a1s-global-nav .a1s-global-nav__inner {
  box-shadow: 0 17px 48px -25px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.08);
}
body > .a1s-global-nav.is-scrolled .a1s-global-nav__inner,
body > .a1s-global-nav.has-open-panel .a1s-global-nav__inner {
  border-color: color-mix(in srgb, var(--accent) 22%, var(--border));
  background: color-mix(in srgb, var(--bg-card-solid) 97%, transparent);
  box-shadow: 0 20px 58px -30px rgba(20,30,52,.56), inset 0 1px 0 color-mix(in srgb, white 40%, transparent);
}

body > .a1s-global-nav .a1s-global-brand {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  height: 44px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--text);
  text-decoration: none;
  transition: color 140ms linear, border-color 140ms linear, background-color 140ms linear, transform 180ms var(--ease-out);
}
body > .a1s-global-nav .a1s-global-brand:hover,
body[data-a1s-section="home"] > .a1s-global-nav .a1s-global-brand {
  border-color: color-mix(in srgb, var(--accent) 16%, transparent);
  background: color-mix(in srgb, var(--accent-soft) 56%, transparent);
}
body > .a1s-global-nav .a1s-global-brand:hover { transform: translateY(-1px); }
.a1s-global-brand-wordmark {
  display:inline-flex;align-items:baseline;font-size:1.09rem;line-height:1;letter-spacing:-.72px;
  font-variation-settings:"wght" 760,"slnt" -1,"FLAR" 56,"VOLM" 36;
}
.a1s-global-brand-wordmark b,.a1s-global-brand-wordmark strong { font:inherit;margin:0;padding:0; }
.a1s-global-brand-wordmark strong { color:var(--accent); }

body > .a1s-global-nav .a1s-desktop-nav {
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 3px;
  height: 46px;
  padding: 3px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body > .a1s-global-nav .a1s-nav-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 8px clamp(10px,.8vw,15px);
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: clamp(.76rem,.71rem + .12vw,.86rem);
  font-variation-settings: var(--type-ui);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: color 120ms linear,border-color 120ms linear,background-color 120ms linear,transform 160ms var(--ease-out),box-shadow 160ms ease;
}
body > .a1s-global-nav .a1s-nav-trigger svg { width:10px;height:7px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform 160ms ease; }
body > .a1s-global-nav .a1s-nav-trigger:hover,
body > .a1s-global-nav .a1s-nav-trigger:focus-visible,
body > .a1s-global-nav .a1s-nav-trigger[aria-expanded="true"] {
  border-color: color-mix(in srgb,var(--accent) 18%,transparent);
  background: color-mix(in srgb,var(--accent-soft) 58%,transparent);
  color: var(--text);
  outline: 0;
}
body > .a1s-global-nav .a1s-nav-trigger:hover { transform:translateY(-1px); }
body > .a1s-global-nav .a1s-nav-trigger[aria-expanded="true"] svg { transform:rotate(180deg); }
body > .a1s-global-nav .a1s-nav-trigger.is-active {
  color: var(--accent);
  background: color-mix(in srgb,var(--accent-soft) 72%,transparent);
  border-color: color-mix(in srgb,var(--accent) 24%,transparent);
  box-shadow: inset 0 -2px 0 color-mix(in srgb,var(--accent) 70%,transparent);
}

body > .a1s-global-nav .a1s-global-actions {
  justify-self: end;
  display:flex;
  align-items:center;
  gap:6px;
}
body > .a1s-global-nav .a1s-global-search,
body > .a1s-global-nav .a1s-global-theme,
body > .a1s-global-nav .a1s-global-menu-button {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;margin:0;
  border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:12px;
  background:color-mix(in srgb,var(--bg-card-solid) 74%,transparent);color:var(--text-secondary);
  font:inherit;font-size:.78rem;cursor:pointer;transition:transform 160ms var(--ease-out),border-color 120ms,background-color 120ms,color 120ms;
}
body > .a1s-global-nav .a1s-global-search { padding:0 12px; }
body > .a1s-global-nav .a1s-global-theme { width:44px;padding:0; }
body > .a1s-global-nav .a1s-global-search:hover,
body > .a1s-global-nav .a1s-global-theme:hover,
body > .a1s-global-nav .a1s-global-menu-button:hover {
  transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--accent-soft);color:var(--text);
}
body > .a1s-global-nav .a1s-global-quick {
  display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px;border-radius:12px;
  background:var(--accent);color:#fff;text-decoration:none;font-size:.79rem;font-variation-settings:"wght" 690;
  box-shadow:0 9px 24px -13px color-mix(in srgb,var(--accent) 65%,transparent);transition:transform 160ms var(--ease-out),box-shadow 160ms ease;
}
body > .a1s-global-nav .a1s-global-quick:hover { transform:translateY(-1px);box-shadow:0 13px 30px -14px color-mix(in srgb,var(--accent) 78%,transparent); }
body[data-a1s-page="quick-start.html"] > .a1s-global-nav .a1s-global-quick { box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 10px 26px -13px var(--accent); }
.a1s-theme-moon { display:none; }
[data-theme="dark"] .a1s-theme-sun { display:none; }
[data-theme="dark"] .a1s-theme-moon { display:block; }
body > .a1s-global-nav .a1s-global-menu-button { display:none;width:44px;padding:0;flex-direction:column;gap:4px; }
body > .a1s-global-nav .a1s-global-menu-button span { width:17px;height:1.5px;border-radius:99px;background:currentColor; }

body > .a1s-global-nav .a1s-mega-shell {
  position:fixed;
  z-index:2;
  /* The transparent padding is an actual pointer corridor between the
     62px navigation bar and the mega panel. Without it the cursor briefly
     crossed the page underneath and the close timer could win. */
  top:calc(var(--site-nav-safe-top) + 66px);
  left:50%;
  width:min(calc(100vw - 32px),var(--site-mega-max));
  padding-top:var(--site-mega-bridge);
  transform:translateX(-50%);
  pointer-events:none;
}
body > .a1s-global-nav.has-open-panel .a1s-mega-shell { pointer-events:auto; }
body > .a1s-global-nav .a1s-mega-panel[hidden] { display:none!important; }
body > .a1s-global-nav .a1s-mega-panel {
  display:grid;
  grid-template-columns:minmax(250px,.76fr) minmax(0,2.24fr);
  gap:22px;
  width:100%;
  max-height:min(690px,calc(100vh - var(--site-nav-h) - 18px));
  overflow:auto;
  padding:20px;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent);
  border-radius:22px;
  background:color-mix(in srgb,var(--bg-card-solid) 96%,transparent);
  box-shadow:0 34px 90px -34px rgba(20,29,52,.46),inset 0 1px 0 color-mix(in srgb,white 42%,transparent);
  backdrop-filter:blur(28px) saturate(155%);
  -webkit-backdrop-filter:blur(28px) saturate(155%);
  pointer-events:auto;
  opacity:0;
  transform:translateY(-8px) scale(.992);
  transform-origin:top center;
  transition:opacity 150ms ease,transform 180ms var(--ease-out);
}
[data-theme="dark"] body > .a1s-global-nav .a1s-mega-panel { box-shadow:0 36px 96px -34px rgba(0,0,0,.84),inset 0 1px 0 rgba(255,255,255,.08); }
body > .a1s-global-nav .a1s-mega-panel.is-open { opacity:1;transform:translateY(0) scale(1); }
body > .a1s-global-nav .a1s-mega-panel__intro {
  display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:18px;border-radius:17px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 82%,var(--bg-card-solid)),color-mix(in srgb,var(--teal-soft,#e9fbfa) 52%,var(--bg-card-solid)));
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));
}
body > .a1s-global-nav .a1s-mega-panel__intro>span { color:var(--accent);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-variation-settings:"wght" 700; }
body > .a1s-global-nav .a1s-mega-panel__intro h2 { margin:12px 0 8px;color:var(--text);font-size:clamp(1.55rem,1.2rem + .7vw,2.05rem);line-height:1;font-variation-settings:"wght" 690,"FLAR" 32;letter-spacing:-.035em; }
body > .a1s-global-nav .a1s-mega-panel__intro p { margin:0 0 18px;color:var(--text-secondary);font-size:.84rem;line-height:1.55;text-wrap:pretty; }
body > .a1s-global-nav .a1s-mega-overview {
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding:13px 14px;border-radius:13px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--bg-card-solid) 80%,transparent);color:var(--text);text-decoration:none;
}
body > .a1s-global-nav .a1s-mega-overview span { display:grid;gap:3px; }
body > .a1s-global-nav .a1s-mega-overview small { color:var(--text-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em; }
body > .a1s-global-nav .a1s-mega-overview strong { font-size:.82rem; }
body > .a1s-global-nav .a1s-mega-overview b { color:var(--accent);font-size:1rem; }
body > .a1s-global-nav .a1s-mega-overview:hover { border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--bg-card-solid); }
body > .a1s-global-nav .a1s-mega-overview.is-soon { opacity:.72; }
body > .a1s-global-nav .a1s-mega-panel__groups { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0; }
body > .a1s-global-nav .a1s-mega-group { min-width:0;padding:7px; }
body > .a1s-global-nav .a1s-mega-group h3 { margin:0 0 8px;padding:0 7px;color:var(--text-muted);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-variation-settings:"wght" 700; }
body > .a1s-global-nav .a1s-mega-group__links { display:grid;gap:4px; }
body > .a1s-global-nav .a1s-mega-link {
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 10px;
  border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);text-decoration:none;transition:background-color 120ms,border-color 120ms,transform 150ms var(--ease-out);
}
body > .a1s-global-nav a.a1s-mega-link:hover,
body > .a1s-global-nav a.a1s-mega-link:focus-visible { transform:translateX(2px);border-color:color-mix(in srgb,var(--accent) 16%,var(--border));background:color-mix(in srgb,var(--accent-soft) 52%,transparent);outline:0; }
body > .a1s-global-nav .a1s-mega-link[aria-current="page"] { border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent-soft) 76%,transparent); }
.a1s-nav-item-badge { display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font:.65rem/1 var(--font-mono);font-weight:800; }
.a1s-nav-item-copy { display:grid;gap:3px;min-width:0; }
.a1s-nav-item-copy strong { overflow:hidden;text-overflow:ellipsis;font-size:.79rem;font-variation-settings:"wght" 620; }
.a1s-nav-item-copy small { overflow:hidden;text-overflow:ellipsis;color:var(--text-muted);font-size:.66rem;line-height:1.3;white-space:nowrap; }
.a1s-nav-item-arrow { color:var(--text-muted);font-size:.84rem; }
.a1s-mega-link.is-soon,.a1s-mobile-link.is-soon { opacity:.55;cursor:default; }
.a1s-mega-link.is-soon em,.a1s-mobile-link.is-soon em { align-self:start;padding:3px 6px;border-radius:999px;background:var(--bg-subtle);color:var(--text-muted);font-size:.54rem;font-style:normal;text-transform:uppercase;letter-spacing:.06em; }

body > .a1s-global-backdrop {
  position:fixed;inset:0;z-index:9998;margin:0;padding:0;border:0;background:rgba(13,20,36,.24);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  opacity:0;transition:opacity 160ms ease;
}
body > .a1s-global-backdrop.is-visible { opacity:1; }
body > .a1s-global-backdrop[hidden] { display:none!important; }

body > .a1s-mobile-menu { display:none; }

/* Command-palette search */
body > .a1s-search-dialog {
  position:fixed;inset:0;z-index:10030;display:grid;align-items:start;justify-items:center;padding:clamp(76px,11vh,132px) 16px 24px;
  background:rgba(14,21,37,.32);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;transition:opacity 150ms ease;
}
body > .a1s-search-dialog[hidden] { display:none!important; }
body > .a1s-search-dialog.is-open { opacity:1; }
body > .a1s-search-dialog__panel {
  width:min(720px,100%);max-height:min(690px,calc(100vh - 110px));overflow:hidden;display:flex;flex-direction:column;padding:18px;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:23px;background:color-mix(in srgb,var(--bg-card-solid) 98%,transparent);
  box-shadow:0 40px 120px -38px rgba(10,18,36,.58),inset 0 1px 0 color-mix(in srgb,white 45%,transparent);transform:translateY(-8px) scale(.985);transition:transform 180ms var(--ease-out);
}
body > .a1s-search-dialog.is-open .a1s-search-dialog__panel { transform:translateY(0) scale(1); }
.a1s-search-dialog__panel>header { display:flex;justify-content:space-between;align-items:center;padding:0 2px 14px; }
.a1s-search-dialog__panel>header span { color:var(--accent);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase; }
.a1s-search-dialog__panel>header h2 { margin:5px 0 0;font-size:1.35rem;color:var(--text); }
.a1s-search-dialog__panel>header button { width:38px;height:38px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card-solid);color:var(--text-secondary);font-size:1.25rem;cursor:pointer; }
.a1s-search-field { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 13px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:14px;background:var(--bg-subtle); }
.a1s-search-field svg { width:19px;height:19px;fill:none;stroke:var(--text-muted);stroke-width:2; }
.a1s-search-field input { min-width:0;height:50px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.92rem; }
.a1s-search-field kbd,.a1s-mobile-search kbd { padding:4px 7px;border:1px solid var(--border);border-radius:7px;background:var(--bg-card-solid);color:var(--text-muted);font:.62rem/1 var(--font-mono); }
.a1s-search-results { overflow:auto;display:grid;gap:4px;margin:12px -4px 0;padding:0 4px 4px; }
.a1s-search-result { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:12px;color:var(--text);text-decoration:none; }
.a1s-search-result span { display:grid;gap:3px; }
.a1s-search-result strong { font-size:.84rem; }
.a1s-search-result small { color:var(--text-muted);font-size:.67rem; }
.a1s-search-result b { align-self:center;color:var(--accent);font-size:.7rem; }
.a1s-search-result:hover,.a1s-search-result.is-selected { border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--accent-soft); }
.a1s-search-empty { margin:18px 4px;color:var(--text-muted);font-size:.82rem; }
.a1s-search-dialog__panel>footer { display:flex;gap:16px;padding:12px 4px 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:.62rem; }

@media(max-width:1239px) {
  :root { --site-nav-h:calc(var(--site-nav-safe-top) + 78px);--site-nav-bar-h:58px; }
  body > .a1s-global-nav { padding-top:calc(9px + var(--site-nav-safe-top));padding-bottom:11px; }
  body > .a1s-global-nav .a1s-global-nav__inner { grid-template-columns:1fr auto;gap:12px;height:var(--site-nav-bar-h); }
  body > .a1s-global-nav .a1s-desktop-nav,
  body > .a1s-global-nav .a1s-mega-shell { display:none!important; }
  body > .a1s-global-nav .a1s-global-search span,
  body > .a1s-global-nav .a1s-global-quick { display:none; }
  body > .a1s-global-nav .a1s-global-search { width:44px;padding:0; }
  body > .a1s-global-nav .a1s-global-menu-button { display:inline-flex; }
  body > .a1s-mobile-menu {
    position:fixed;z-index:10020;inset:max(8px,var(--site-nav-safe-top)) 8px max(8px,env(safe-area-inset-bottom,0px));
    display:flex;flex-direction:column;width:auto;max-width:none;margin:0;padding:12px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:22px;
    background:color-mix(in srgb,var(--bg-card-solid) 98%,transparent);box-shadow:0 40px 110px -36px rgba(11,19,36,.7);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);
    opacity:0;transform:translateY(-8px) scale(.988);transition:opacity 160ms ease,transform 190ms var(--ease-out);
  }
  body > .a1s-mobile-menu[hidden] { display:none!important; }
  body > .a1s-mobile-menu.is-open { opacity:1;transform:translateY(0) scale(1); }
  .a1s-mobile-menu__head { display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:3px 4px 10px 10px;border-bottom:1px solid var(--border); }
  .a1s-mobile-menu__head>div { display:flex;gap:6px; }
  .a1s-mobile-menu__head button { display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer; }
  .a1s-mobile-menu__head svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round; }
  .a1s-mobile-search { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:48px;margin:11px 2px;padding:0 12px;border:1px solid var(--border);border-radius:13px;background:var(--bg-subtle);color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer; }
  .a1s-mobile-search svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2; }
  .a1s-mobile-menu__sections { flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:grid;align-content:start;gap:6px;padding:2px; }
  .a1s-mobile-section { border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--bg-card-solid) 78%,transparent);overflow:hidden;overflow:clip;scroll-margin-block:6px; }
  .a1s-mobile-section__toggle { display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:62px;padding:10px 14px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer; }
  .a1s-mobile-section__toggle>span { display:grid;gap:3px; }
  .a1s-mobile-section__toggle small { color:var(--text-muted);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase; }
  .a1s-mobile-section__toggle strong { font-size:.93rem; }
  .a1s-mobile-section__toggle b { display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--bg-subtle);color:var(--accent);font-size:1.1rem;transition:transform 160ms ease; }
  .a1s-mobile-section.is-active { border-color:color-mix(in srgb,var(--accent) 28%,var(--border)); }
  .a1s-mobile-section.is-active>.a1s-mobile-section__toggle { background:color-mix(in srgb,var(--accent-soft) 64%,transparent); }
  .a1s-mobile-section__toggle[aria-expanded="true"] b { transform:rotate(45deg); }
  .a1s-mobile-section__body { min-width:0;padding:0 10px 12px; }
  .a1s-mobile-section__body[hidden] { display:none!important; }
  .a1s-mobile-group { padding:9px 3px 3px;border-top:1px solid var(--border); }
  .a1s-mobile-group h3 { margin:0 0 5px;padding:0 7px;color:var(--text-muted);font-size:.59rem;letter-spacing:.1em;text-transform:uppercase; }
  .a1s-mobile-link { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px 9px;border:1px solid transparent;border-radius:11px;color:var(--text);text-decoration:none; }
  a.a1s-mobile-link:hover,a.a1s-mobile-link:focus-visible,.a1s-mobile-link[aria-current="page"] { border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:var(--accent-soft);outline:0; }
  .a1s-mobile-link .a1s-nav-item-copy small { white-space:normal; }
  .a1s-mobile-quick { display:flex;align-items:center;justify-content:space-between;min-height:50px;margin:10px 2px 2px;padding:0 16px;border-radius:13px;background:var(--accent);color:#fff;text-decoration:none;font-variation-settings:"wght" 700; }
}

@media(min-width:720px) and (max-width:1239px) {
  body > .a1s-mobile-menu { left:50%;width:min(760px,calc(100vw - 24px));transform:translate(-50%,-8px) scale(.988); }
  body > .a1s-mobile-menu.is-open { transform:translate(-50%,0) scale(1); }
  .a1s-mobile-section__body { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .a1s-mobile-section__body[hidden] { display:none!important; }
  .a1s-mobile-group { border:1px solid var(--border);border-radius:12px;padding:9px; }
}

@media(max-width:520px) {
  :root { --site-nav-inline:8px; }
  body > .a1s-global-nav .a1s-global-nav__inner { padding-left:10px;padding-right:7px;border-radius:16px; }
  body > .a1s-global-nav .a1s-global-brand { padding:0 7px; }
  body > .a1s-global-nav .a1s-global-search { display:none; }
  .a1s-global-brand-wordmark { font-size:1rem; }
  body > .a1s-mobile-menu { inset:max(5px,var(--site-nav-safe-top)) 5px max(5px,env(safe-area-inset-bottom,0px));border-radius:18px;padding:9px; }
  .a1s-search-dialog__panel { padding:13px;border-radius:18px; }
  .a1s-search-dialog__panel>footer { display:none; }
}

@media(prefers-reduced-motion:reduce) {
  body > .a1s-global-nav *,body > .a1s-mobile-menu *,body > .a1s-search-dialog * { transition:none!important;scroll-behavior:auto!important; }
}
@media(max-width:1239px) {
  .a1s-mobile-section.is-current-section:not(.is-active) > .a1s-mobile-section__toggle { color:var(--accent); }
  .a1s-mobile-section.is-current-section:not(.is-active) > .a1s-mobile-section__toggle b { box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent); }
}
/* Responsive wide-screen showcase layout ==================================== */
body.page-showcase {
  --showcase-inline: clamp(22px, 4vw, 96px);
  --showcase-max: min(92vw, 2080px);
}
body.page-showcase .hero {
  min-height: auto;
  padding: clamp(64px, 7vh, 112px) var(--showcase-inline) clamp(64px, 7vh, 104px);
}
body.page-showcase .hero-inner {
  width: var(--showcase-max);
  max-width: none;
  margin: 0 auto;
}
body.page-showcase .hero-grid {
  display: grid;
  grid-template-columns: minmax(390px, .82fr) minmax(560px, 1.18fr);
  gap: clamp(48px, 5vw, 118px);
  align-items: center;
  width: 100%;
}
body.page-showcase .hero-copy {
  min-width: 0;
  max-width: 760px;
}
body.page-showcase .hero-title {
  max-width: 720px;
  font-size: clamp(54px, 5.1vw, 92px);
  letter-spacing: clamp(-4.6px, -.24vw, -2.5px);
}
body.page-showcase .hero-sub {
  max-width: 690px;
  font-size: clamp(17px, 1.05vw, 21px);
}
body.page-showcase .hero-code-column {
  width: 100%;
  min-width: 0;
}
body.page-showcase .hero-code {
  width: 100%;
  max-width: none;
  border-radius: 16px;
  box-shadow: 0 28px 80px -46px rgba(24, 37, 68, .38);
}
body.page-showcase .hero-code pre {
  padding: clamp(22px, 2vw, 34px);
  font-size: clamp(13px, .78vw, 16px);
  line-height: 1.9;
}
body.page-showcase .hero-code-bar { padding: 12px 18px; }
body.page-showcase .code-copy { top: 50px; right: 14px; }
body.page-showcase .hero-stats { gap: clamp(28px, 2.5vw, 52px); }
body.page-showcase .stat-num { font-size: clamp(28px, 1.75vw, 36px); }

body.page-showcase .section {
  padding: clamp(68px, 6vw, 112px) var(--showcase-inline);
}
body.page-showcase .section > .section-header,
body.page-showcase .section > .modules-grid,
body.page-showcase .section > .cookbook-grid,
body.page-showcase .section > .examples-grid,
body.page-showcase .section > .quickstart-wrap,
body.page-showcase .section > .search-promo {
  width: var(--showcase-max);
  margin-right: auto;
  margin-left: auto;
}
body.page-showcase .divider {
  width: var(--showcase-max);
  margin: 0 auto;
}
body.page-showcase .section-header { max-width: none; }
body.page-showcase .section-desc { max-width: 760px; font-size: clamp(15px, .9vw, 18px); }
body.page-showcase .section-title { font-size: clamp(30px, 2.3vw, 48px); }
body.page-showcase .modules-grid { gap: clamp(16px, 1.3vw, 28px); }
body.page-showcase .module-card { padding: clamp(26px, 1.7vw, 38px); }
body.page-showcase .mc-name { font-size: clamp(15px, .9vw, 18px); }
body.page-showcase .mc-desc { font-size: clamp(13px, .76vw, 16px); }
body.page-showcase .mc-fn { font-size: clamp(12px, .7vw, 14px); }
body.page-showcase .cookbook-grid { gap: clamp(12px, 1vw, 22px); }
body.page-showcase .cb-card { padding: clamp(20px, 1.4vw, 30px); }
body.page-showcase .cb-title { font-size: clamp(14px, .85vw, 17px); }
body.page-showcase .cb-desc { font-size: clamp(12px, .72vw, 15px); }
body.page-showcase .examples-grid { gap: clamp(16px, 1.2vw, 26px); }
body.page-showcase .quickstart-wrap { gap: clamp(28px, 3vw, 60px); }
body.page-showcase .search-promo { padding: clamp(32px, 2.6vw, 54px); }
body.page-showcase footer { padding-right: var(--showcase-inline); padding-left: var(--showcase-inline); }
body.page-showcase .footer-top,
body.page-showcase .footer-bottom {
  width: var(--showcase-max);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 2200px) {
  body.page-showcase { --showcase-max: min(88vw, 2240px); }
  body.page-showcase .hero-grid { grid-template-columns: minmax(540px, .82fr) minmax(800px, 1.18fr); }
  body.page-showcase .hero-copy { max-width: 860px; }
  body.page-showcase .hero-title { max-width: 820px; font-size: clamp(82px, 3.2vw, 112px); }
  body.page-showcase .hero-sub { max-width: 760px; font-size: 22px; }
  body.page-showcase .hero-code pre { font-size: 17px; }
}

@media (max-width: 1200px) {
  body.page-showcase { --showcase-max: min(94vw, 1080px); }
  body.page-showcase .hero-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }
  body.page-showcase .hero-copy { max-width: 780px; }
  body.page-showcase .hero-code-column { max-width: 860px; }
  body.page-showcase .hero-title { font-size: clamp(52px, 8vw, 84px); }
}

@media (max-width: 768px) {
  body.page-showcase {
    --showcase-inline: 20px;
    --showcase-max: 100%;
  }
  body.page-showcase .hero { padding: 56px var(--showcase-inline) 52px; }
  body.page-showcase .hero-grid { gap: 34px; }
  body.page-showcase .hero-title { font-size: clamp(42px, 13vw, 68px); letter-spacing: -2.8px; }
  body.page-showcase .hero-sub { font-size: 16px; }
  body.page-showcase .hero-code pre { padding: 20px; font-size: 12.5px; }
  body.page-showcase .section { padding: 56px var(--showcase-inline); }
  body.page-showcase .divider { width: calc(100% - 40px); }
  body.page-showcase footer { padding-right: 20px; padding-left: 20px; }
}

@media (max-width: 420px) {
  body.page-showcase { --showcase-inline: 16px; }
  body.page-showcase .hero { padding-top: 44px; }
  body.page-showcase .hero-title { font-size: clamp(38px, 13vw, 54px); }
  body.page-showcase .hero-actions { gap: 9px; }
  body.page-showcase .btn-primary,
  body.page-showcase .btn-secondary { width: 100%; justify-content: center; }
  body.page-showcase .hero-code pre { padding: 18px 16px; font-size: 11.5px; }
  body.page-showcase .divider { width: calc(100% - 32px); }
}
/* Wide-screen shell unification and modern cookbook ========================== */
:root {
  --site-wide-shell: 2360px;
  --site-wide-gutter: clamp(18px, 2.05vw, 42px);
}

/* The same viewport relationship as the home page: useful width grows until
   an ultra-wide, readable 2360px canvas rather than stopping at laptop width. */
.modules-hub-shell,
.glossary-shell-v35,
.page-faq .faq-hero-inner,
.page-faq .faq-shell {
  width: min(var(--site-wide-shell), calc(100% - 2 * var(--site-wide-gutter)));
}

@media (min-width: 1800px) {
  .modules-hub-shell { padding-top: clamp(86px, 5vw, 132px); }
  .modules-hub-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(500px, .82fr);
    align-items: center;
    gap: clamp(72px, 7vw, 170px);
    max-width: none;
    margin-bottom: 72px;
    padding-bottom: 66px;
    border-bottom: 1px solid var(--border-subtle);
    text-align: left;
  }
  .modules-hub-hero .section-eyebrow,
  .modules-hub-hero h1 { grid-column: 1; }
  .modules-hub-hero h1 {
    max-width: 1040px;
    margin-bottom: 0;
    font-size: clamp(5.4rem, 4.8vw, 8rem);
  }
  .modules-hub-hero > p,
  .modules-hub-summary { grid-column: 2; }
  .modules-hub-hero > p {
    align-self: end;
    max-width: 760px;
    margin: 0;
    font-size: clamp(1.18rem, .85vw, 1.5rem);
  }
  .modules-hub-summary { justify-content: flex-start; align-self: start; margin-top: 28px; }
  .modules-hub-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
  .module-hub-card { padding: 34px; }
  .module-hub-desc { min-height: 118px; }
  .modules-hub-how { margin-top: 30px; }

  .glossary-grid-v35 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
  .glossary-hero-v35 { max-width: 1280px; }

  .page-faq .faq-hero-inner { grid-template-columns: minmax(0, 1.2fr) minmax(500px, .8fr); }
  .page-faq .faq-shell { grid-template-columns: 330px minmax(0, 1fr); }

  .page-examples-v35 .examples-app-v35 { width: min(var(--site-wide-shell), 100%); }
  .page-quickstart-v37 .qs-hero-grid { width: min(1900px, 100%); }
  .page-quickstart-v37 .content { width: min(1500px, 100%); }
}

/* Individual module pages: the overview now uses the wide canvas on 4K,
   while long API cards stay at a comfortable reading width. */
@media (min-width: 1900px) {
  .page-module-v34 .main {
    padding-inline: clamp(54px, 5vw, 128px);
  }
  .page-module-v34 .module-content {
    width: min(2100px, 100%);
  }
  .page-module-v34 .module-hero,
  .page-module-v34 .module-switcher,
  .page-module-v34 .module-reading-guide,
  .page-module-v34 .overview-grid {
    width: 100%;
    max-width: none;
  }
  .page-module-v34 .section {
    max-width: 1280px;
    margin-inline: auto;
  }
  .page-module-v34 .fn-card { max-width: 1120px; margin-inline: auto; }
}

/* Cookbook parts 1–7: retain every recipe and anchor but replace the legacy
   fixed 280px rail and edge-to-edge blocks with the current A1sCode shell. */
body.page-cookbook:not(.page-cookbook-8) {
  background:
    radial-gradient(68rem 34rem at 5% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 62%),
    radial-gradient(58rem 34rem at 100% 8%, color-mix(in srgb, var(--cyan) 7%, transparent), transparent 66%),
    var(--bg) !important;
}
body.page-cookbook:not(.page-cookbook-8) > .page {
  display: grid !important;
  grid-template-columns: clamp(280px, 18vw, 350px) minmax(0, 1fr) !important;
  align-items: start;
  gap: clamp(36px, 3.2vw, 72px);
  width: min(var(--site-wide-shell), calc(100% - 2 * var(--site-wide-gutter))) !important;
  min-height: auto !important;
  margin: 0 auto !important;
  padding: clamp(70px, 5.5vw, 130px) 0 130px !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc {
  position: sticky !important;
  top: calc(var(--site-nav-h) + 22px) !important;
  align-self: start;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: calc(100dvh - var(--site-nav-h) - 44px) !important;
  margin: 0 !important;
  padding: 18px 18px 22px !important;
  overflow: auto !important;
  border: 1px solid var(--border) !important;
  border-radius: 22px !important;
  background: color-mix(in srgb, var(--bg-card-solid) 94%, transparent) !important;
  box-shadow: var(--site-card-shadow) !important;
  scrollbar-width: thin;
}
body.page-cookbook:not(.page-cookbook-8) .toc-head {
  padding: 6px 8px 18px !important;
  border-bottom: 1px solid var(--border-subtle) !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc-logo,
body.page-cookbook:not(.page-cookbook-8) .toc-logo a {
  color: var(--text) !important;
  font-family: var(--font-sans) !important;
  font-size: 1rem !important;
  font-variation-settings: var(--type-ui-strong) !important;
  text-decoration: none !important;
}

body.page-cookbook:not(.page-cookbook-8) .toc-sub {
  margin-top: 7px !important;
  color: var(--text-secondary) !important;
  font-size: .76rem !important;
  line-height: 1.45 !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc-section { margin-top: 22px !important; }
body.page-cookbook:not(.page-cookbook-8) .toc-section-label {
  margin: 0 8px 9px !important;
  color: var(--text-muted) !important;
  font: 700 .63rem/1.35 var(--font-mono) !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc-link {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  min-height: 36px !important;
  margin: 2px 0 !important;
  padding: 8px 9px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: var(--text-secondary) !important;
  font-size: .77rem !important;
  line-height: 1.42 !important;
  text-decoration: none !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc-link:hover,
body.page-cookbook:not(.page-cookbook-8) .toc-link.active {
  border-color: color-mix(in srgb, var(--accent) 20%, var(--border)) !important;
  background: var(--accent-soft) !important;
  color: var(--text) !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc-dot {
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  margin-top: .48em !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--accent) !important;
  box-shadow: 0 0 0 4px var(--accent-soft) !important;
}
body.page-cookbook:not(.page-cookbook-8) .main {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-cookbook:not(.page-cookbook-8) .hero {
  position: relative !important;
  min-height: 0 !important;
  margin: 0 0 70px !important;
  padding: clamp(54px, 5vw, 104px) clamp(42px, 5vw, 100px) !important;
  overflow: hidden !important;
  border: 1px solid var(--border) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(42rem 28rem at 0% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 67%),
    radial-gradient(36rem 28rem at 100% 100%, color-mix(in srgb, var(--cyan) 8%, transparent), transparent 70%),
    var(--bg-card-solid) !important;
  box-shadow: 0 34px 80px -48px rgba(26, 38, 66, .42) !important;
}
body.page-cookbook:not(.page-cookbook-8) .hero::after { display: none !important; }
body.page-cookbook:not(.page-cookbook-8) .hero-eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 24px !important;
  color: var(--text-muted) !important;
  font: 700 .66rem/1.4 var(--font-mono) !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}
body.page-cookbook:not(.page-cookbook-8) .hero-eyebrow::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--accent), var(--cyan));
}
body.page-cookbook:not(.page-cookbook-8) .hero-title {
  max-width: 1180px !important;
  margin: 0 0 28px !important;
  color: var(--text) !important;
  font-size: clamp(4.2rem, 6vw, 8.2rem) !important;
  font-variation-settings: var(--type-display) !important;
  line-height: .88 !important;
  letter-spacing: -.07em !important;
}
body.page-cookbook:not(.page-cookbook-8) .hero-title .hl { color: var(--accent) !important; }
body.page-cookbook:not(.page-cookbook-8) .hero-desc {
  max-width: 1180px !important;
  margin: 0 !important;
  color: var(--text-secondary) !important;
  font-size: clamp(1.04rem, 1.15vw, 1.34rem) !important;
  line-height: 1.7 !important;
}
body.page-cookbook:not(.page-cookbook-8) .hero-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 30px !important;
}
body.page-cookbook:not(.page-cookbook-8) .chip {
  min-height: 36px !important;
  padding: 8px 13px !important;
  border: 1px solid var(--border) !important;
  border-radius: 999px !important;
  background: var(--bg-elevated) !important;
  font-size: .72rem !important;
}
body.page-cookbook:not(.page-cookbook-8) .content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.page-cookbook:not(.page-cookbook-8) .part-break {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 42px !important;
}
body.page-cookbook:not(.page-cookbook-8) .part-break-line { height: 1px !important; background: var(--border) !important; }
body.page-cookbook:not(.page-cookbook-8) .part-break-label {
  color: var(--text-muted) !important;
  font: 700 .62rem/1.4 var(--font-mono) !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}
body.page-cookbook:not(.page-cookbook-8) .recipe {
  margin: 0 0 26px !important;
  padding: clamp(28px, 3.2vw, 52px) !important;
  border: 1px solid var(--border) !important;
  border-radius: 24px !important;
  background: var(--bg-card-solid) !important;
  box-shadow: var(--site-card-shadow) !important;
}
body.page-cookbook:not(.page-cookbook-8) .recipe-div { display: none !important; }
body.page-cookbook:not(.page-cookbook-8) .recipe-head { margin-bottom: 24px !important; }
body.page-cookbook:not(.page-cookbook-8) .recipe-num {
  color: var(--text-muted) !important;
  font: 700 .65rem/1.4 var(--font-mono) !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}
body.page-cookbook:not(.page-cookbook-8) .recipe-title {
  margin: 10px 0 9px !important;
  color: var(--text) !important;
  font-size: clamp(1.65rem, 2vw, 2.45rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.04em !important;
}
body.page-cookbook:not(.page-cookbook-8) .recipe-desc {
  max-width: 1120px !important;
  color: var(--text-secondary) !important;
  font-size: .98rem !important;
  line-height: 1.7 !important;
}
body.page-cookbook:not(.page-cookbook-8) .recipe-trigger {
  display: inline-flex !important;
  margin: 0 0 14px !important;
  padding: 5px 9px !important;
  border: 1px solid color-mix(in srgb, var(--cyan) 20%, var(--border)) !important;
  border-radius: 7px !important;
  background: var(--cyan-soft) !important;
  color: var(--cyan) !important;
  font-size: .75rem !important;
}
body.page-cookbook:not(.page-cookbook-8) .compare,
body.page-cookbook:not(.page-cookbook-8) .code-card {
  overflow: hidden !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  background: var(--bg-elevated) !important;
  box-shadow: none !important;
}
body.page-cookbook:not(.page-cookbook-8) .compare { margin: 22px 0 !important; }
body.page-cookbook:not(.page-cookbook-8) .code-card { margin: 20px 0 !important; }
body.page-cookbook:not(.page-cookbook-8) .code-bar {
  border-bottom-color: var(--border) !important;
  background: var(--bg-card-solid) !important;
}
body.page-cookbook:not(.page-cookbook-8) pre { font-size: clamp(.78rem, .58vw, .9rem) !important; line-height: 1.68 !important; }
body.page-cookbook:not(.page-cookbook-8) .callout {
  margin-top: 18px !important;
  border-radius: 13px !important;
  background: var(--bg-hover) !important;
}

/* Part 8 receives the same editorial shell instead of its old edge-to-edge
   table layout. */
body.page-cookbook-8 {
  padding-inline: var(--site-wide-gutter) !important;
  background:
    radial-gradient(70rem 35rem at 6% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 62%),
    radial-gradient(60rem 32rem at 100% 5%, color-mix(in srgb, var(--cyan) 8%, transparent), transparent 65%),
    var(--bg) !important;
}
body.page-cookbook-8 > :is(.hero, .search-bar, .toc-logo, .table-wrap, .empty, .footer) {
  width: min(var(--site-wide-shell), 100%) !important;
  margin-inline: auto !important;
}
body.page-cookbook-8 > .hero {
  margin-top: clamp(58px, 5vw, 112px) !important;
  padding: clamp(54px, 5vw, 104px) clamp(42px, 5vw, 96px) !important;
  border: 1px solid var(--border) !important;
  border-radius: 30px !important;
  background: var(--bg-card-solid) !important;
  box-shadow: 0 34px 80px -48px rgba(26,38,66,.42) !important;
}
body.page-cookbook-8 > .hero::before {
  height: 2px !important;
  background: linear-gradient(90deg, var(--cyan), var(--accent), var(--purple), var(--orange), var(--green)) !important;
}
body.page-cookbook-8 .hero-title {
  max-width: none !important;
  margin: 14px 0 16px !important;
  font-size: clamp(4rem, 5.5vw, 7.8rem) !important;
  line-height: .9 !important;
  letter-spacing: -.07em !important;
}
body.page-cookbook-8 .hero-desc { max-width: 940px !important; font-size: 1.08rem !important; }
body.page-cookbook-8 > .search-bar {
  position: sticky !important;
  top: calc(var(--site-nav-h) + 10px) !important;
  z-index: 70 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 0 !important;
  padding: 14px clamp(18px, 3vw, 42px) !important;
  border: 1px solid var(--border) !important;
  border-radius: 22px !important;
  background: color-mix(in srgb, var(--bg-card-solid) 96%, transparent) !important;
  box-shadow: var(--site-card-shadow) !important;
  backdrop-filter: blur(20px) saturate(145%);
}
body.page-cookbook-8 > .toc-logo { padding: 8px 0 26px !important; color: var(--text-secondary) !important; }
body.page-cookbook-8 > .table-wrap {
  overflow: auto !important;
  border: 1px solid var(--border) !important;
  border-radius: 22px !important;
  background: var(--bg-card-solid) !important;
  box-shadow: var(--site-card-shadow) !important;
}
body.page-cookbook-8 table { min-width: 920px !important; }
body.page-cookbook-8 th { position: sticky !important; top: 0 !important; background: var(--bg-elevated) !important; }

@media (max-width: 1480px) {
  body.page-cookbook:not(.page-cookbook-8) > .page {
    grid-template-columns: 1fr !important;
    gap: 24px;
    padding-top: 34px !important;
  }
  body.page-cookbook:not(.page-cookbook-8) .toc {
    top: calc(var(--site-nav-h) + 8px) !important;
    z-index: 75;
    display: flex !important;
    gap: 8px !important;
    max-height: none !important;
    padding: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 16px !important;
  }
  body.page-cookbook:not(.page-cookbook-8) .toc-head { display: none !important; }
  body.page-cookbook:not(.page-cookbook-8) .toc-section {
    display: contents !important;
    margin: 0 !important;
  }
  body.page-cookbook:not(.page-cookbook-8) .toc-section-label { display: none !important; }
  body.page-cookbook:not(.page-cookbook-8) .toc-link {
    flex: 0 0 auto !important;
    align-items: center !important;
    min-height: 42px !important;
    white-space: nowrap !important;
    border-color: var(--border-subtle) !important;
    background: var(--bg-card-solid) !important;
  }
  body.page-cookbook:not(.page-cookbook-8) .hero { margin-bottom: 42px !important; }
}

@media (max-width: 760px) {
  :root { --site-wide-gutter: 14px; }
  body.page-cookbook:not(.page-cookbook-8) > .page { width: calc(100% - 28px) !important; padding-bottom: 80px !important; }
  body.page-cookbook:not(.page-cookbook-8) .hero {
    padding: 36px 24px !important;
    border-radius: 20px !important;
  }
  body.page-cookbook:not(.page-cookbook-8) .hero-title { font-size: clamp(3rem, 15vw, 5rem) !important; }
  body.page-cookbook:not(.page-cookbook-8) .hero-desc { font-size: .96rem !important; }
  body.page-cookbook:not(.page-cookbook-8) .recipe { padding: 24px 18px !important; border-radius: 18px !important; }
  body.page-cookbook:not(.page-cookbook-8) .compare { grid-template-columns: 1fr !important; }
  body.page-cookbook:not(.page-cookbook-8) .cmp-col:first-child { border-right: 0 !important; border-bottom: 1px solid var(--border) !important; }
  body.page-cookbook-8 { padding-inline: 14px !important; }
  body.page-cookbook-8 > .hero { margin-top: 28px !important; padding: 36px 24px !important; border-radius: 20px !important; }
  body.page-cookbook-8 .hero-title { font-size: clamp(3rem, 14vw, 5rem) !important; }
  body.page-cookbook-8 > .search-bar { align-items: stretch !important; flex-direction: column !important; border-radius: 16px !important; }
}

/* Cookbook parts 4, 6 and 7 use specialised top-level card names. Keep them
   on the same editorial surface as the recipe cards from the other parts. */
body.page-cookbook:not(.page-cookbook-8) :is(.pattern, .ap, .project) {
  margin: 0 0 28px !important;
  padding: clamp(28px, 2.5vw, 46px) !important;
  overflow: hidden;
  border: 1px solid var(--border) !important;
  border-radius: 24px !important;
  background: var(--bg-card-solid) !important;
  box-shadow: var(--site-card-shadow) !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.pattern, .ap, .project) > :first-child {
  margin-top: 0 !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.pattern-header, .ap-header, .project-header) {
  padding-bottom: 22px !important;
  border-bottom: 1px solid var(--border-subtle) !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.pattern-title, .ap-title, .project-title) {
  color: var(--text) !important;
  font-size: clamp(1.75rem, 2.1vw, 2.7rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.pattern-desc, .ap-desc, .project-desc, .pattern-pitch, .project-situation) {
  max-width: 88ch;
  color: var(--text-secondary) !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.flow, .fix-compare, .scenario-tags, .impact, .pattern-grid, .lifecycle, .pipe) {
  margin-block: 22px !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.flow-step, .fix-col, .pattern-grid, .lifecycle, .pipe) {
  border-color: var(--border) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--bg-elevated) 88%, transparent) !important;
}
body.page-cookbook:not(.page-cookbook-8) .sum-table {
  width: 100% !important;
  margin: 22px 0 !important;
  overflow: hidden;
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  background: var(--bg-card-solid) !important;
}
body.page-cookbook:not(.page-cookbook-8) .sum-table :is(th, td) {
  border-color: var(--border-subtle) !important;
}

@media (max-width: 760px) {
  body.page-cookbook:not(.page-cookbook-8) :is(.pattern, .ap, .project) {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }
  body.page-cookbook:not(.page-cookbook-8) :is(.pattern-title, .ap-title, .project-title) {
    font-size: clamp(1.55rem, 8vw, 2.15rem) !important;
  }
  body.page-cookbook:not(.page-cookbook-8) :is(.fix-compare, .project-header) {
    grid-template-columns: 1fr !important;
  }
}
/* FAQ modern editorial system v4 =============================================
   Uses the same Commissioner variable typography and card language as home. */
body.page-faq {
  --faq-shell-max: 1960px;
  --faq-reading-max: 1180px;
  --faq-card-radius: 20px;
  font-family: var(--font-sans);
  font-variation-settings: var(--type-body);
  background:
    radial-gradient(76rem 40rem at 4% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 64%),
    radial-gradient(60rem 34rem at 100% 5%, color-mix(in srgb, var(--cyan) 6%, transparent), transparent 68%),
    var(--bg);
}

body.page-faq .faq-hero {
  border-bottom-color: var(--border-subtle);
  background: transparent;
}
body.page-faq .faq-hero::before {
  height: 1px;
  opacity: .72;
}
body.page-faq .faq-hero-inner,
body.page-faq .faq-shell,
body.page-faq .faq-footer-inner {
  width: min(var(--faq-shell-max), calc(100% - 2 * var(--site-wide-gutter)));
}
body.page-faq .faq-hero-inner {
  min-height: clamp(470px, 46vw, 690px);
  padding: clamp(70px, 6vw, 118px) 0 clamp(62px, 5vw, 96px);
  grid-template-columns: minmax(0, 1.16fr) minmax(430px, .84fr);
  gap: clamp(54px, 7vw, 142px);
}
body.page-faq .faq-hero-copy { max-width: 1040px; }
body.page-faq .faq-eyebrow {
  margin-bottom: 25px;
  color: var(--text-muted);
  font-size: .69rem;
  font-variation-settings: var(--type-label);
  letter-spacing: .16em;
}
body.page-faq .faq-title {
  max-width: 930px;
  color: var(--text);
  font-size: clamp(4rem, 5.3vw, 7.4rem);
  font-weight: normal;
  font-variation-settings: var(--type-display);
  line-height: .91;
  letter-spacing: -.062em;
  text-wrap: balance;
}
body.page-faq .faq-title span {
  display: block;
  margin-top: .08em;
  color: var(--accent);
  font-variation-settings: var(--type-display-accent);
}
body.page-faq .faq-lead {
  max-width: 760px;
  margin-top: 30px;
  color: var(--text-secondary);
  font-size: clamp(1.08rem, .62vw + .76rem, 1.42rem);
  font-variation-settings: var(--type-body);
  line-height: 1.62;
  text-wrap: pretty;
}

body.page-faq .faq-definition {
  padding: clamp(30px, 2.7vw, 46px);
  border-color: var(--border);
  border-radius: 26px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--accent) 5%, var(--bg-card-solid)), color-mix(in srgb, var(--cyan) 3%, var(--bg-card-solid)));
  box-shadow: 0 30px 80px -46px rgba(25, 38, 67, .42), inset 0 1px 0 color-mix(in srgb, white 40%, transparent);
}
[data-theme="dark"] body.page-faq .faq-definition {
  box-shadow: 0 34px 86px -44px rgba(0,0,0,.78), inset 0 1px 0 rgba(255,255,255,.07);
}
body.page-faq .faq-definition::before { width: 3px; }
body.page-faq .faq-definition-label {
  color: var(--accent);
  font-variation-settings: var(--type-label);
}
body.page-faq .faq-definition-main {
  color: var(--text);
  font-size: clamp(1.06rem, .45vw + .82rem, 1.28rem);
  font-variation-settings: var(--type-body);
  line-height: 1.68;
}
body.page-faq .faq-definition-main strong {
  color: var(--text);
  font-variation-settings: var(--type-body-strong);
}
body.page-faq .faq-definition-note {
  color: var(--text-secondary);
  font-size: .94rem;
  line-height: 1.65;
}
body.page-faq .faq-definition-facts {
  gap: 0;
  margin-top: 30px;
  padding-top: 24px;
  border-top-color: var(--border-subtle);
}
body.page-faq .faq-fact { padding-right: 18px; }
body.page-faq .faq-fact + .faq-fact {
  padding-left: 18px;
  border-left: 1px solid var(--border-subtle);
}
body.page-faq .faq-fact strong {
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 1.12rem;
  font-weight: 500;
}
body.page-faq .faq-fact span { color: var(--text-muted); }

body.page-faq .faq-shell {
  grid-template-columns: clamp(270px, 17vw, 330px) minmax(0, 1fr);
  gap: clamp(42px, 4.2vw, 88px);
  padding: clamp(56px, 5vw, 92px) 0 130px;
}
body.page-faq .faq-sidebar-inner { top: calc(var(--site-nav-h) + 24px); }
body.page-faq .faq-search input {
  height: 52px;
  padding-left: 46px;
  border-color: var(--border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--bg-card-solid) 92%, transparent);
  color: var(--text);
  font-variation-settings: var(--type-ui);
  box-shadow: 0 12px 30px -24px rgba(25, 38, 67, .36);
}
body.page-faq .faq-sidebar-title {
  color: var(--text-muted);
  font-variation-settings: var(--type-label);
}
body.page-faq .faq-category {
  min-height: 45px;
  padding: 9px 10px 9px 14px;
  border-radius: 11px;
  color: var(--text-secondary);
  font-weight: normal;
  font-variation-settings: var(--type-ui);
}
body.page-faq .faq-category:hover {
  border-color: var(--border-subtle);
  background: var(--bg-hover);
  color: var(--text);
}
body.page-faq .faq-category.active {
  border-color: color-mix(in srgb, var(--accent) 28%, var(--border));
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 12%, var(--bg-card-solid)), color-mix(in srgb, var(--cyan) 4%, var(--bg-card-solid)));
  color: var(--accent);
  font-variation-settings: var(--type-ui-strong);
}
body.page-faq .faq-category-count {
  border-color: var(--border-subtle);
  background: var(--bg-elevated);
  color: var(--text-muted);
}
body.page-faq .faq-sidebar-help {
  padding: 20px;
  border-color: var(--border);
  border-radius: 16px;
  background: color-mix(in srgb, var(--bg-card-solid) 88%, transparent);
  box-shadow: 0 18px 42px -34px rgba(25, 38, 67, .34);
}
body.page-faq .faq-sidebar-help strong {
  color: var(--text);
  font-variation-settings: var(--type-ui-strong);
}
body.page-faq .faq-sidebar-help > span { color: var(--text-secondary); }
body.page-faq .faq-sidebar-help a { color: var(--accent); }

body.page-faq .faq-content { max-width: none; }
body.page-faq .faq-results {
  min-height: 54px;
  margin-bottom: 30px;
  border-bottom-color: var(--border-subtle);
  color: var(--text-muted);
  font-variation-settings: var(--type-ui);
}
body.page-faq .faq-results strong { color: var(--text); }
body.page-faq .faq-results button { color: var(--accent); }
body.page-faq .faq-group {
  padding: 30px 0 58px;
  border-bottom-color: var(--border-subtle);
}
body.page-faq .faq-group-header {
  margin-bottom: 28px;
  align-items: end;
}
body.page-faq .faq-group-kicker {
  color: var(--accent);
  font-variation-settings: var(--type-label);
}
body.page-faq .faq-group-title {
  max-width: 980px;
  color: var(--text);
  font-size: clamp(1.8rem, 1.6vw, 2.65rem);
  font-weight: normal;
  font-variation-settings: var(--type-heading);
  line-height: 1.06;
  letter-spacing: -.04em;
  text-wrap: balance;
}
body.page-faq .faq-group-desc {
  max-width: 400px;
  color: var(--text-muted);
  font-size: .88rem;
  line-height: 1.55;
  text-wrap: pretty;
}

body.page-faq .faq-list {
  counter-reset: faq-card;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: start;
}
body.page-faq .faq-item {
  --faq-accent: var(--accent);
  counter-increment: faq-card;
  border-color: var(--border);
  border-radius: var(--faq-card-radius);
  background:
    linear-gradient(155deg, color-mix(in srgb, var(--faq-accent) 3.5%, var(--bg-card-solid)), var(--bg-card-solid) 52%);
  box-shadow: 0 18px 48px -38px rgba(25, 38, 67, .42), inset 0 1px 0 color-mix(in srgb, white 34%, transparent);
  transition: border-color 140ms linear, box-shadow 180ms ease, transform 180ms var(--ease-out);
}
[data-theme="dark"] body.page-faq .faq-item {
  box-shadow: 0 20px 52px -34px rgba(0,0,0,.68), inset 0 1px 0 rgba(255,255,255,.055);
}
body.page-faq .faq-item::before {
  inset: 18px auto 18px 0;
  width: 3px;
  border-radius: 0 4px 4px 0;
  opacity: .82;
}
body.page-faq .faq-item:hover {
  border-color: color-mix(in srgb, var(--faq-accent) 24%, var(--border));
  box-shadow: 0 24px 58px -40px color-mix(in srgb, var(--faq-accent) 44%, transparent), inset 0 1px 0 color-mix(in srgb, white 38%, transparent);
  transform: translateY(-2px);
}
body.page-faq .faq-item[open] {
  grid-column: 1 / -1;
  border-color: color-mix(in srgb, var(--faq-accent) 34%, var(--border));
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--faq-accent) 6%, var(--bg-card-solid)), var(--bg-card-solid) 58%);
  box-shadow: 0 30px 72px -46px color-mix(in srgb, var(--faq-accent) 42%, transparent), inset 0 1px 0 color-mix(in srgb, white 38%, transparent);
  transform: none;
}
body.page-faq .faq-question {
  min-height: 92px;
  padding: 20px 21px 20px 25px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 38px;
  gap: 16px;
}
body.page-faq .faq-question::before {
  content: counter(faq-card, decimal-leading-zero);
  align-self: center;
  color: color-mix(in srgb, var(--faq-accent) 68%, var(--text-muted));
  font: 560 .72rem/1 var(--font-mono);
  letter-spacing: -.03em;
}
body.page-faq .faq-question-copy { gap: 7px; }
body.page-faq .faq-question-kicker {
  color: var(--faq-accent);
  font-size: .61rem;
  font-variation-settings: var(--type-label);
  letter-spacing: .13em;
}
body.page-faq .faq-question-title {
  color: var(--text);
  font-size: clamp(.98rem, .2vw + .9rem, 1.13rem);
  font-weight: normal;
  font-variation-settings: var(--type-ui-strong);
  line-height: 1.34;
  letter-spacing: -.015em;
  text-wrap: pretty;
}
body.page-faq .faq-question-icon {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  border-color: var(--border-subtle);
  border-radius: 11px;
  background: color-mix(in srgb, var(--faq-accent) 5%, var(--bg-elevated));
  color: var(--faq-accent);
  font-size: 1.08rem;
  transition: border-color 140ms linear, background-color 140ms linear, transform 180ms var(--ease-out);
}
body.page-faq .faq-item[open] .faq-question-icon {
  border-color: color-mix(in srgb, var(--faq-accent) 28%, var(--border));
  background: color-mix(in srgb, var(--faq-accent) 12%, var(--bg-elevated));
  transform: rotate(180deg);
}
body.page-faq .faq-answer {
  padding: 0 26px 30px 83px;
  border-top-color: var(--border-subtle);
  color: var(--text-secondary);
  font-size: clamp(.96rem, .13vw + .91rem, 1.04rem);
  font-variation-settings: var(--type-body);
  line-height: 1.76;
}
body.page-faq .faq-answer > :first-child { margin-top: 25px; }
body.page-faq .faq-answer-text,
body.page-faq .faq-anchor { max-width: 92ch; }
body.page-faq .faq-answer strong,
body.page-faq .faq-anchor p:first-child {
  color: var(--text);
  font-variation-settings: var(--type-body-strong);
}
body.page-faq .faq-answer code {
  border-color: var(--border-subtle);
  background: var(--bg-elevated);
  color: var(--cyan);
}
body.page-faq .faq-anchor {
  padding: 20px 22px;
  border-color: color-mix(in srgb, var(--faq-accent) 18%, var(--border));
  border-left-color: var(--faq-accent);
  border-radius: 14px;
  background: color-mix(in srgb, var(--faq-accent) 4%, var(--bg-elevated));
}
body.page-faq .faq-answer-link { color: var(--accent); }
body.page-faq .compare {
  max-width: var(--faq-reading-max);
  border-color: var(--border);
  border-radius: 16px;
  background: var(--bg-elevated);
}
body.page-faq .cmp-col { background: var(--bg-elevated); }

body.page-faq .faq-footer {
  border-top-color: var(--border-subtle);
  background: color-mix(in srgb, var(--bg-card-solid) 76%, transparent);
}
body.page-faq .faq-footer-brand {
  color: var(--text);
  font-weight: normal;
  font-variation-settings: var(--type-ui-strong);
}
body.page-faq .faq-footer a { color: var(--text-secondary); }
body.page-faq .faq-footer a:hover { color: var(--accent); }
body.page-faq .faq-footer-meta { color: var(--text-muted); }

@media (min-width: 2500px) {
  body.page-faq .faq-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.page-faq .faq-item[open] { grid-column: 1 / -1; }
}
@media (max-width: 1480px) {
  body.page-faq .faq-hero-inner {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 36px;
  }
  body.page-faq .faq-definition { max-width: 900px; }
  body.page-faq .faq-shell { grid-template-columns: 1fr; }
  body.page-faq .faq-sidebar-inner { position: static; }
  body.page-faq .faq-sidebar {
    display: grid;
    grid-template-columns: minmax(260px, 370px) minmax(0, 1fr);
    gap: 22px;
  }
  body.page-faq .faq-sidebar-help,
  body.page-faq .faq-sidebar-title { display: none; }
  body.page-faq .faq-category-nav {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: thin;
  }
  body.page-faq .faq-category { width: auto; white-space: nowrap; }
}
@media (max-width: 980px) {
  body.page-faq .faq-list { grid-template-columns: 1fr; }
  body.page-faq .faq-item[open] { grid-column: auto; }
  body.page-faq .faq-group-header { grid-template-columns: 1fr; gap: 10px; }
  body.page-faq .faq-group-desc { max-width: 720px; text-align: left; }
}
@media (max-width: 700px) {
  body.page-faq .faq-hero-inner,
  body.page-faq .faq-shell,
  body.page-faq .faq-footer-inner {
    width: min(100% - 30px, var(--faq-shell-max));
  }
  body.page-faq .faq-hero-inner { padding-top: 48px; padding-bottom: 52px; }
  body.page-faq .faq-title { font-size: clamp(3rem, 15vw, 4.7rem); }
  body.page-faq .faq-lead { font-size: 1rem; }
  body.page-faq .faq-sidebar { grid-template-columns: 1fr; }
  body.page-faq .faq-question {
    min-height: 82px;
    padding: 17px 15px 17px 19px;
    grid-template-columns: 29px minmax(0, 1fr) 34px;
    gap: 11px;
  }
  body.page-faq .faq-question-icon { width: 34px; height: 34px; }
  body.page-faq .faq-answer { padding: 0 18px 24px; }
  body.page-faq .faq-definition-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.page-faq .faq-fact { padding-right: 10px; }
  body.page-faq .faq-fact + .faq-fact { padding-left: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-faq .faq-item,
  body.page-faq .faq-question-icon { transition: none !important; }
}
/* A1sCode Step 28: Quick Start route fix + modern glossary ================== */

/* The Quick Start route is a horizontal sticky strip, never a viewport-height
   cookbook sidebar. Keep this after shared navigation integration rules. */
body.page-quickstart-v37 .toc {
  top: var(--site-nav-h) !important;
  bottom: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: auto !important;
  overflow: visible !important;
}
body.page-quickstart-v37 .toc-nav {
  height: auto !important;
  min-height: 0 !important;
}
body.page-quickstart-v37 .main,
body.page-quickstart-v37 .content {
  min-height: 0 !important;
}

/* Glossary v39 ------------------------------------------------------------- */
body.page-glossary-v39 {
  min-height: 100vh;
  background:
    radial-gradient(66rem 34rem at 4% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 68%),
    radial-gradient(54rem 30rem at 100% 8%, color-mix(in srgb, var(--cyan) 8%, transparent), transparent 70%),
    var(--bg);
  color: var(--text);
}

body.page-glossary-v39 .glossary-shell-v39 {
  width: min(2200px, calc(100% - 96px));
  margin: 0 auto;
  padding: clamp(52px, 5vw, 96px) 0 120px;
}

body.page-glossary-v39 .glossary-hero-v39 {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(420px, .8fr);
  gap: clamp(34px, 5vw, 88px);
  align-items: center;
  max-width: none;
  margin: 0 0 clamp(48px, 5vw, 82px);
  text-align: left;
}

body.page-glossary-v39 .glossary-hero-copy-v39 {
  min-width: 0;
}

body.page-glossary-v39 .glossary-eyebrow-v39,
body.page-glossary-v39 .glossary-overview-kicker-v39,
body.page-glossary-v39 .glossary-catalog-head-v39 > div > span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
body.page-glossary-v39 .glossary-eyebrow-v39::before,
body.page-glossary-v39 .glossary-catalog-head-v39 > div > span::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent), var(--cyan));
}

body.page-glossary-v39 .glossary-hero-v39 h1 {
  max-width: 1080px;
  margin: 20px 0 24px;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: clamp(3.4rem, 5.4vw, 7.4rem);
  font-weight: 780;
  font-variation-settings: var(--type-display);
  letter-spacing: -.067em;
  line-height: .92;
  text-wrap: balance;
}
body.page-glossary-v39 .glossary-hero-v39 h1 span {
  display: block;
  color: var(--accent);
  font-variation-settings: var(--type-display-accent);
}
body.page-glossary-v39 .glossary-hero-v39 .glossary-hero-copy-v39 > p {
  max-width: 900px;
  margin: 0;
  color: var(--text-secondary);
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  line-height: 1.72;
}

body.page-glossary-v39 .glossary-search-row-v39 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
  max-width: 920px;
  margin-top: 30px;
}
body.page-glossary-v39 .glossary-search-v39 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  max-width: none;
  min-height: 58px;
  margin: 0;
  padding: 9px 13px 9px 17px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: color-mix(in srgb, var(--bg-card-solid) 94%, transparent);
  box-shadow: 0 14px 34px -25px rgba(25, 36, 63, .42);
  transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}
body.page-glossary-v39 .glossary-search-v39:focus-within {
  border-color: color-mix(in srgb, var(--accent) 58%, var(--border));
  background: var(--bg-card-solid);
  box-shadow: var(--focus-ring), 0 18px 42px -28px color-mix(in srgb, var(--accent) 48%, transparent);
}
body.page-glossary-v39 .glossary-search-icon-v39 {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 1.1rem;
}
body.page-glossary-v39 .glossary-search-v39 input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 1rem;
  font-variation-settings: var(--type-ui);
}
body.page-glossary-v39 .glossary-search-v39 input::placeholder { color: var(--text-muted); }
body.page-glossary-v39 .glossary-search-v39 kbd {
  display: grid;
  min-width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg-hover);
  color: var(--text-muted);
  font-size: .72rem;
}
body.page-glossary-v39 .glossary-result-v39 {
  display: grid;
  min-width: 104px;
  align-content: center;
  justify-items: center;
  padding: 8px 17px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--bg-card-solid);
}
body.page-glossary-v39 .glossary-result-v39 strong {
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 1.05rem;
  line-height: 1.1;
}
body.page-glossary-v39 .glossary-result-v39 span {
  margin-top: 3px;
  color: var(--text-muted);
  font-size: .66rem;
}

body.page-glossary-v39 .glossary-filters-v39 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
body.page-glossary-v39 .glossary-filter-v39 {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 7px 10px 7px 13px;
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg-card-solid) 86%, transparent);
  color: var(--text-secondary);
  cursor: pointer;
  font-family: var(--font-sans);
  font-size: .78rem;
  font-variation-settings: var(--type-ui);
  transition: color 120ms ease, background 120ms ease, border-color 120ms ease, transform 120ms ease;
}
body.page-glossary-v39 .glossary-filter-v39:hover {
  transform: translateY(-1px);
  border-color: var(--border);
  background: var(--bg-card-solid);
  color: var(--text);
}
body.page-glossary-v39 .glossary-filter-v39 b {
  display: grid;
  min-width: 23px;
  height: 23px;
  place-items: center;
  border-radius: 999px;
  background: var(--bg-hover);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: .62rem;
}
body.page-glossary-v39 .glossary-filter-v39.is-active {
  border-color: color-mix(in srgb, var(--accent) 44%, var(--border));
  background: var(--accent-soft);
  color: var(--accent);
}
body.page-glossary-v39 .glossary-filter-v39.is-active b {
  background: color-mix(in srgb, var(--accent) 16%, var(--bg-card-solid));
  color: var(--accent);
}

body.page-glossary-v39 .glossary-overview-v39 {
  position: relative;
  overflow: hidden;
  padding: clamp(26px, 3vw, 42px);
  border: 1px solid var(--border);
  border-radius: 28px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--bg-card-solid) 98%, transparent), color-mix(in srgb, var(--accent) 5%, var(--bg-card-solid)));
  box-shadow: 0 32px 80px -46px rgba(22, 34, 61, .5);
}
body.page-glossary-v39 .glossary-overview-v39::after {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -140px;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 16%, transparent), transparent 68%);
  pointer-events: none;
}
body.page-glossary-v39 .glossary-overview-v39 h2 {
  position: relative;
  z-index: 1;
  max-width: 620px;
  margin: 13px 0 11px;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: clamp(1.75rem, 2.3vw, 2.65rem);
  font-weight: 720;
  font-variation-settings: var(--type-heading);
  letter-spacing: -.04em;
  line-height: 1.06;
  text-wrap: balance;
}
body.page-glossary-v39 .glossary-overview-v39 > p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--text-secondary);
  font-size: .91rem;
  line-height: 1.65;
}
body.page-glossary-v39 .glossary-route-v39 {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
body.page-glossary-v39 .glossary-route-v39 li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 13px;
  border: 1px solid var(--border-subtle);
  border-radius: 13px;
  background: color-mix(in srgb, var(--bg-hover) 72%, transparent);
}
body.page-glossary-v39 .glossary-route-v39 li > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 10px;
  background: var(--accent-soft);
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: .66rem;
  font-weight: 700;
}
body.page-glossary-v39 .glossary-route-v39 div,
body.page-glossary-v39 .glossary-route-v39 b,
body.page-glossary-v39 .glossary-route-v39 small { display: block; }
body.page-glossary-v39 .glossary-route-v39 b {
  color: var(--text);
  font-size: .83rem;
  font-variation-settings: var(--type-ui-strong);
}
body.page-glossary-v39 .glossary-route-v39 small {
  margin-top: 2px;
  color: var(--text-muted);
  font-size: .68rem;
}
body.page-glossary-v39 .glossary-route-v39 em {
  display: grid;
  min-width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 10px;
  background: var(--bg-card-solid);
  color: var(--text-secondary);
  font-family: var(--font-mono);
  font-size: .68rem;
  font-style: normal;
}

body.page-glossary-v39 .glossary-catalog-head-v39 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border-subtle);
}
body.page-glossary-v39 .glossary-catalog-head-v39 h2 {
  margin: 8px 0 0;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: clamp(1.9rem, 2.6vw, 3rem);
  font-weight: 730;
  font-variation-settings: var(--type-heading);
  letter-spacing: -.045em;
  line-height: 1;
}
body.page-glossary-v39 .glossary-catalog-head-v39 > p {
  margin: 0;
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: .72rem;
}

body.page-glossary-v39 .glossary-grid-v35 {
  counter-reset: glossary-card;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
body.page-glossary-v39 .glossary-card-v35 {
  --term: var(--accent);
  counter-increment: glossary-card;
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 360px;
  flex-direction: column;
  overflow: hidden;
  padding: 25px 25px 22px;
  border: 1px solid color-mix(in srgb, var(--term) 24%, var(--border));
  border-radius: 22px;
  background:
    linear-gradient(160deg, color-mix(in srgb, var(--term) 4%, var(--bg-card-solid)), var(--bg-card-solid) 42%);
  box-shadow: 0 22px 58px -42px rgba(25, 36, 63, .55);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
body.page-glossary-v39 .glossary-card-v35::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--term), color-mix(in srgb, var(--term) 18%, transparent) 76%, transparent);
}
body.page-glossary-v39 .glossary-card-v35::after {
  content: counter(glossary-card, decimal-leading-zero);
  position: absolute;
  right: 24px;
  bottom: 18px;
  color: color-mix(in srgb, var(--term) 31%, var(--text-muted));
  font-family: var(--font-mono);
  font-size: .64rem;
  letter-spacing: .05em;
}
body.page-glossary-v39 .glossary-card-v35:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--term) 44%, var(--border));
  box-shadow: 0 28px 72px -44px color-mix(in srgb, var(--term) 34%, rgba(25, 36, 63, .64));
}
body.page-glossary-v39 .glossary-card-v35--architecture { --term: var(--accent); }
body.page-glossary-v39 .glossary-card-v35--data { --term: var(--cyan); }
body.page-glossary-v39 .glossary-card-v35--safety { --term: var(--green); }
body.page-glossary-v39 .glossary-card-v35--performance { --term: var(--orange); }
body.page-glossary-v39 .glossary-card-v35--warning { --term: var(--pink); }
body.page-glossary-v39 .glossary-card-v35--pattern { --term: var(--purple); }
body.page-glossary-v39 .glossary-card-head-v35 {
  align-items: center;
  min-height: 30px;
}
body.page-glossary-v39 .glossary-kind-v35 {
  padding: 6px 9px;
  border: 1px solid color-mix(in srgb, var(--term) 22%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--term) 9%, transparent);
  color: var(--term);
  font-family: var(--font-sans);
  font-size: .64rem;
  font-weight: 650;
  font-variation-settings: var(--type-label);
  letter-spacing: .05em;
  text-transform: uppercase;
}
body.page-glossary-v39 .glossary-anchor-v35 {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--text-muted);
  text-decoration: none;
}
body.page-glossary-v39 .glossary-anchor-v35:hover {
  border-color: var(--border);
  background: var(--bg-hover);
  color: var(--term);
}
body.page-glossary-v39 .glossary-card-v35 h2 {
  margin: 22px 0 12px;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: clamp(1.35rem, 1.45vw, 1.72rem);
  font-weight: 690;
  font-variation-settings: var(--type-heading-sm);
  letter-spacing: -.03em;
  line-height: 1.08;
  text-wrap: balance;
}
body.page-glossary-v39 .glossary-definition-v35 {
  min-height: 0;
  margin: 0;
  color: var(--text-secondary);
  font-size: .91rem;
  line-height: 1.65;
}
body.page-glossary-v39 .glossary-why-v35 {
  margin-top: 20px;
  padding: 15px 16px;
  border: 1px solid color-mix(in srgb, var(--term) 13%, var(--border-subtle));
  border-radius: 14px;
  background: color-mix(in srgb, var(--term) 6%, var(--bg-hover));
}
body.page-glossary-v39 .glossary-why-v35 strong {
  color: var(--term);
  font-family: var(--font-sans);
  font-size: .66rem;
  font-variation-settings: var(--type-label);
  letter-spacing: .08em;
}
body.page-glossary-v39 .glossary-why-v35 span {
  margin-top: 7px;
  color: var(--text-secondary);
  font-size: .79rem;
  line-height: 1.55;
}
body.page-glossary-v39 .glossary-back-v35 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 34px;
  margin-top: auto;
  padding: 18px 48px 0 0;
  color: var(--term);
  font-size: .76rem;
  font-weight: 650;
  text-decoration: none;
}
body.page-glossary-v39 .glossary-card-v35[hidden] { display: none !important; }

@media (min-width: 2600px) {
  body.page-glossary-v39 .glossary-shell-v39 { width: min(2440px, calc(100% - 160px)); }
  body.page-glossary-v39 .glossary-grid-v35 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.page-glossary-v39 .glossary-card-v35 { min-height: 378px; }
}

@media (max-width: 1500px) {
  body.page-glossary-v39 .glossary-shell-v39 { width: min(1320px, calc(100% - 56px)); }
  body.page-glossary-v39 .glossary-hero-v39 { grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr); gap: 34px; }
  body.page-glossary-v39 .glossary-grid-v35 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1080px) {
  body.page-glossary-v39 .glossary-hero-v39 { grid-template-columns: 1fr; }
  body.page-glossary-v39 .glossary-overview-v39 { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: 28px; }
  body.page-glossary-v39 .glossary-overview-v39 > :not(.glossary-route-v39) { grid-column: 1; }
  body.page-glossary-v39 .glossary-route-v39 { grid-column: 2; grid-row: 1 / 5; margin-top: 0; }
}

@media (max-width: 760px) {
  body.page-glossary-v39 .glossary-shell-v39 { width: calc(100% - 28px); padding: 38px 0 78px; }
  body.page-glossary-v39 .glossary-hero-v39 { gap: 26px; margin-bottom: 44px; }
  body.page-glossary-v39 .glossary-hero-v39 h1 { margin-top: 16px; font-size: clamp(2.75rem, 15vw, 4.7rem); }
  body.page-glossary-v39 .glossary-search-row-v39 { grid-template-columns: 1fr; }
  body.page-glossary-v39 .glossary-result-v39 { display: flex; min-width: 0; justify-content: flex-start; gap: 7px; padding: 9px 13px; }
  body.page-glossary-v39 .glossary-result-v39 span { margin: 0; }
  body.page-glossary-v39 .glossary-filter-v39 { min-height: 36px; }
  body.page-glossary-v39 .glossary-overview-v39 { display: block; padding: 23px 20px; border-radius: 21px; }
  body.page-glossary-v39 .glossary-route-v39 { margin-top: 20px; }
  body.page-glossary-v39 .glossary-catalog-head-v39 { align-items: start; flex-direction: column; gap: 10px; }
  body.page-glossary-v39 .glossary-grid-v35 { grid-template-columns: 1fr; gap: 14px; }
  body.page-glossary-v39 .glossary-card-v35 { min-height: 0; padding: 22px 20px 20px; border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  body.page-glossary-v39 .glossary-card-v35,
  body.page-glossary-v39 .glossary-filter-v39 { transition: none; }
}

/* Blog foundation ============================================================= */
.page-blog,
.page-blog-article {
  --blog-max: 1180px;
  --blog-reading: 760px;
  min-height: 100vh;
  padding-top: var(--site-nav-h);
  background:
    radial-gradient(60rem 32rem at 4% 2%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 68%),
    radial-gradient(48rem 30rem at 102% 10%, color-mix(in srgb, var(--cyan) 7%, transparent), transparent 70%),
    var(--bg);
}
/* Keep the blog masthead background stable as the generated catalog grows. */
.page-blog {
  background:
    radial-gradient(60rem 32rem at 4% 53.74px, color-mix(in srgb, var(--accent) 10%, transparent), transparent 68%),
    radial-gradient(48rem 30rem at 102% 268.7px, color-mix(in srgb, var(--cyan) 7%, transparent), transparent 70%),
    var(--bg);
}
.blog-shell,
.blog-article-shell {
  width: min(calc(100% - clamp(32px, 6vw, 96px)), var(--blog-max));
  margin-inline: auto;
}
.blog-eyebrow,
.blog-section-number {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--accent);
  font: 720 .67rem/1.25 var(--font-mono);
  letter-spacing: .105em;
  text-transform: uppercase;
}
.blog-eyebrow::before {
  content: "";
  width: 22px;
  height: 1px;
  background: currentColor;
  opacity: .66;
}
.blog-hero {
  padding: clamp(62px, 7vw, 108px) 0 clamp(52px, 6vw, 88px);
  border-bottom: 1px solid var(--border-subtle);
}
.blog-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.36fr) minmax(290px, .64fr);
  gap: clamp(34px, 6vw, 92px);
  align-items: end;
}
.blog-hero h1,
.blog-article-hero h1 {
  margin: 17px 0 22px;
  color: var(--text);
  font-size: clamp(3.15rem, 6.2vw, 6.35rem);
  font-variation-settings: var(--type-display);
  letter-spacing: -.064em;
  line-height: .94;
}
.blog-hero h1 {
  font-size: clamp(3.15rem, 5.2vw, 5.25rem);
}
.blog-hero h1 em,
.blog-article-hero h1 em {
  color: var(--accent);
  font-style: normal;
  font-variation-settings: var(--type-display-accent);
}
.blog-hero-copy > p {
  max-width: 680px;
  margin: 0;
  color: var(--text-secondary);
  font-size: clamp(1.02rem, 1.4vw, 1.22rem);
  line-height: 1.72;
  text-wrap: pretty;
}
.blog-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 31px;
}
.blog-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 47px;
  padding: 10px 17px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-card-solid);
  color: var(--text-secondary);
  font-size: .86rem;
  font-variation-settings: var(--type-ui-strong);
  text-decoration: none;
  transition: transform var(--duration) var(--ease-out), border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast), box-shadow var(--duration);
}
.blog-button:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
  background: var(--accent-soft);
  color: var(--accent);
  box-shadow: var(--shadow-sm);
}
.blog-button-primary {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--text-inverse);
}
.blog-button-primary:hover {
  border-color: var(--accent-hover);
  background: var(--accent-hover);
  color: var(--text-inverse);
}
.blog-hero-note {
  position: relative;
  padding: 28px 29px 30px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--border));
  border-radius: 22px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 9%, var(--bg-card-solid)), var(--bg-card-solid));
  box-shadow: var(--shadow);
}
.blog-hero-note::after {
  content: "01";
  position: absolute;
  right: -7px;
  bottom: -34px;
  color: color-mix(in srgb, var(--accent) 7%, transparent);
  font: 800 8.4rem/1 var(--font-mono);
}
.blog-hero-note > span {
  color: var(--accent);
  font: 700 .64rem/1.3 var(--font-mono);
  letter-spacing: .09em;
  text-transform: uppercase;
}
.blog-hero-note strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 16px;
  color: var(--text);
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  font-variation-settings: var(--type-heading-sm);
  letter-spacing: -.035em;
  line-height: 1.18;
}
.blog-hero-note p {
  position: relative;
  z-index: 1;
  margin: 17px 0 0;
  color: var(--text-secondary);
  font-size: .88rem;
  line-height: 1.68;
}
.blog-section {
  padding: clamp(62px, 7vw, 104px) 0;
}
.blog-section-muted {
  border-block: 1px solid var(--border-subtle);
  background: color-mix(in srgb, var(--bg-deep) 67%, transparent);
}
.blog-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, 430px);
  gap: 34px;
  align-items: end;
  margin-bottom: 29px;
}
.blog-section-head h2,
.blog-map h2 {
  margin: 11px 0 0;
  color: var(--text);
  font-size: clamp(2.2rem, 4vw, 4rem);
  font-variation-settings: var(--type-heading);
  letter-spacing: -.052em;
  line-height: 1;
}
.blog-section-head > p,
.blog-map > div > p {
  margin: 0;
  color: var(--text-secondary);
  font-size: .94rem;
  line-height: 1.68;
}
.blog-featured-card {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 24px;
  background: var(--bg-card-solid);
  box-shadow: var(--shadow);
}
.blog-featured-link {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr);
  min-height: 390px;
  color: inherit;
  text-decoration: none;
}
.blog-featured-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(32px, 5vw, 67px);
}
.blog-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  color: var(--text-muted);
  font: 650 .68rem/1.3 var(--font-mono);
  letter-spacing: .035em;
}
.blog-meta span:first-child {
  padding: 5px 8px;
  border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border));
  border-radius: 7px;
  background: var(--accent-soft);
  color: var(--accent);
}
.blog-featured-copy h3 {
  max-width: 760px;
  margin: 22px 0 16px;
  color: var(--text);
  font-size: clamp(2.05rem, 3.5vw, 3.65rem);
  font-variation-settings: var(--type-heading);
  letter-spacing: -.052em;
  line-height: 1.02;
}
.blog-featured-copy > p {
  max-width: 650px;
  margin: 0;
  color: var(--text-secondary);
  font-size: .98rem;
  line-height: 1.72;
}
.blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 25px;
}
.blog-tags span {
  padding: 5px 8px;
  border: 1px solid var(--border-subtle);
  border-radius: 7px;
  background: var(--bg-hover);
  color: var(--text-muted);
  font: 600 .66rem/1.2 var(--font-mono);
}
.blog-featured-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(30px, 4vw, 58px);
  overflow: hidden;
  border-left: 1px solid var(--border-subtle);
  background:
    linear-gradient(150deg, color-mix(in srgb, var(--accent) 13%, transparent), transparent 56%),
    var(--bg-code);
  color: #dfe7f5;
}
.blog-featured-visual::before {
  content: "";
  position: absolute;
  inset: 19px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 17px;
  pointer-events: none;
}
.blog-code-line {
  position: relative;
  z-index: 1;
  display: block;
  margin: 7px 0;
  font: 500 clamp(.75rem, 1.15vw, .96rem)/1.6 var(--font-mono);
  white-space: nowrap;
}
.blog-code-line b { color: #91a0ff; }
.blog-code-line i { color: #65d8d0; font-style: normal; }
.blog-code-line.is-comment { color: #7f8da4; font-style: italic; }
.blog-code-line.is-indent { padding-left: 25px; }
.blog-featured-visual > strong {
  position: relative;
  z-index: 1;
  margin-top: 29px;
  color: #fff;
  font-size: .8rem;
  letter-spacing: .02em;
}
.blog-featured-link:hover .blog-featured-copy h3 { color: var(--accent); }
.blog-featured-link:hover .blog-featured-visual > strong { transform: translateX(5px); }
.blog-featured-copy h3,
.blog-featured-visual > strong { transition: color var(--duration-fast), transform var(--duration) var(--ease-out); }
.blog-stream-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
}
.blog-stream-grid article {
  min-height: 280px;
  padding: 27px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--bg-card-solid);
  box-shadow: var(--shadow-sm);
}
.blog-stream-index {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 9px;
  background: var(--accent-soft);
  color: var(--accent);
  font: 720 .65rem/1 var(--font-mono);
}
.blog-stream-grid h3 {
  margin: 45px 0 12px;
  color: var(--text);
  font-size: 1.34rem;
  font-variation-settings: var(--type-heading-sm);
  letter-spacing: -.03em;
}
.blog-stream-grid p {
  margin: 0;
  color: var(--text-secondary);
  font-size: .87rem;
  line-height: 1.67;
}
.blog-stream-grid small {
  display: block;
  margin-top: 26px;
  color: var(--text-muted);
  font: 600 .65rem/1.5 var(--font-mono);
}
.blog-map {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(420px, 1.28fr);
  gap: clamp(34px, 7vw, 94px);
  align-items: start;
}
.blog-resource-list {
  display: grid;
  border-top: 1px solid var(--border);
}
.blog-resource-list a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  gap: 2px 12px;
  align-items: center;
  min-height: 87px;
  padding: 15px 10px;
  border-bottom: 1px solid var(--border);
  color: var(--text);
  text-decoration: none;
  transition: background var(--duration-fast), padding var(--duration) var(--ease-out);
}
.blog-resource-list a:hover {
  padding-inline: 17px;
  background: var(--bg-hover);
}
.blog-resource-list span {
  grid-row: 1/3;
  color: var(--text-muted);
  font: 650 .67rem/1 var(--font-mono);
}
.blog-resource-list strong { font-size: .89rem; }
.blog-resource-list small { color: var(--text-muted); font-size: .72rem; }
.blog-resource-list b { grid-column: 3; grid-row: 1/3; color: var(--accent); }
.blog-footer {
  border-top: 1px solid var(--border-subtle);
  background: var(--bg-deep);
}
.blog-footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 112px;
  padding-block: 23px;
}
.blog-footer-inner > div,
.blog-footer-inner nav { display: flex; align-items: center; gap: 16px; }
.blog-footer-brand {
  color: var(--text);
  font-size: 1rem;
  font-variation-settings: var(--type-heading-sm);
  text-decoration: none;
}
.blog-footer-inner > div > span,
.blog-footer a:not(.blog-footer-brand) { color: var(--text-muted); font-size: .73rem; text-decoration: none; }
.blog-footer a:hover { color: var(--accent); }


/* Generated blog catalog ----------------------------------------------------- */
.blog-catalog-section {
  border-top: 1px solid var(--border-subtle);
  background: color-mix(in srgb, var(--bg-deep) 35%, transparent);
}
.blog-category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -4px 0 39px;
}
.blog-category-nav a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 7px 10px 7px 13px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--bg-card-solid);
  color: var(--text-secondary);
  font-size: .76rem;
  text-decoration: none;
  transition: border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast), transform var(--duration) var(--ease-out);
}
.blog-category-nav a:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
  background: var(--accent-soft);
  color: var(--accent);
}
.blog-category-nav b {
  display: grid;
  min-width: 22px;
  height: 22px;
  padding-inline: 5px;
  place-items: center;
  border-radius: 999px;
  background: var(--bg-hover);
  color: var(--text-muted);
  font: 700 .61rem/1 var(--font-mono);
}
.blog-category-groups {
  display: grid;
  gap: 54px;
}
.blog-category-group {
  scroll-margin-top: calc(var(--site-nav-h) + 24px);
}
.blog-category-group > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 430px);
  gap: 28px;
  align-items: end;
  margin-bottom: 18px;
  padding-bottom: 19px;
  border-bottom: 1px solid var(--border);
}
.blog-category-group h3 {
  margin: 9px 0 0;
  color: var(--text);
  font-size: clamp(1.75rem, 3vw, 2.7rem);
  font-variation-settings: var(--type-heading);
  letter-spacing: -.045em;
  line-height: 1.05;
}
.blog-category-group > header > div:last-child {
  display: grid;
  gap: 5px;
}
.blog-category-group > header strong {
  color: var(--accent);
  font: 700 .67rem/1.3 var(--font-mono);
  letter-spacing: .04em;
}
.blog-category-group > header p {
  margin: 0;
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.55;
}
.blog-catalog-list {
  display: grid;
  gap: 10px;
}
.blog-catalog-card {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 17px;
  background: var(--bg-card-solid);
  box-shadow: var(--shadow-sm);
}
.blog-catalog-card > a {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: clamp(22px, 4vw, 54px);
  min-height: 176px;
  padding: clamp(23px, 3.4vw, 38px);
  color: inherit;
  text-decoration: none;
  transition: background var(--duration-fast), transform var(--duration) var(--ease-out), border-color var(--duration-fast);
}
.blog-catalog-card > a:hover {
  background: color-mix(in srgb, var(--accent) 5%, var(--bg-card-solid));
}
.blog-catalog-card h4 {
  grid-column: 1;
  margin: 15px 0 0;
  color: var(--text);
  font-size: clamp(1.35rem, 2.3vw, 2rem);
  font-variation-settings: var(--type-heading-sm);
  letter-spacing: -.038em;
  line-height: 1.12;
  transition: color var(--duration-fast);
}
.blog-catalog-card > a:hover h4 { color: var(--accent); }
.blog-catalog-card > a > p {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  margin: 0;
  color: var(--text-secondary);
  font-size: .88rem;
  line-height: 1.68;
}
.blog-catalog-card-bottom {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--border-subtle);
}
.blog-catalog-card-bottom .blog-tags { margin-top: 0; }
.blog-catalog-card-bottom > strong {
  flex: 0 0 auto;
  color: var(--accent);
  font-size: .76rem;
}
.blog-catalog-card-bottom > strong span {
  display: inline-block;
  margin-left: 5px;
  transition: transform var(--duration) var(--ease-out);
}
.blog-catalog-card > a:hover .blog-catalog-card-bottom > strong span { transform: translateX(4px); }

/* Blog article --------------------------------------------------------------- */
.blog-article-hero {
  padding: clamp(54px, 7vw, 98px) 0 clamp(48px, 6vw, 80px);
  border-bottom: 1px solid var(--border-subtle);
}
.blog-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 25px;
  color: var(--text-muted);
  font-size: .76rem;
}
.blog-breadcrumbs a { color: var(--accent); text-decoration: none; }
.blog-article-hero h1 {
  max-width: 1040px;
  margin-top: 23px;
  font-size: clamp(3.15rem, 6vw, 6.15rem);
}
.blog-article-deck {
  max-width: 850px;
  margin: 0;
  color: var(--text-secondary);
  font-size: clamp(1.08rem, 1.7vw, 1.38rem);
  line-height: 1.7;
  text-wrap: pretty;
}
.blog-article-thesis {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 22px;
  max-width: 930px;
  margin-top: 34px;
  padding: 20px 22px;
  border: 1px solid color-mix(in srgb, var(--accent) 21%, var(--border));
  border-radius: 15px;
  background: color-mix(in srgb, var(--accent) 7%, var(--bg-card-solid));
}
.blog-article-thesis span {
  color: var(--accent);
  font: 700 .65rem/1.4 var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.blog-article-thesis strong {
  color: var(--text);
  font-size: .94rem;
  line-height: 1.6;
}
.blog-article-layout {
  display: grid;
  grid-template-columns: 210px minmax(0, var(--blog-reading));
  gap: clamp(44px, 8vw, 105px);
  justify-content: center;
  align-items: start;
  padding-top: clamp(52px, 7vw, 94px);
  padding-bottom: clamp(74px, 9vw, 130px);
}
.blog-article-toc {
  position: sticky;
  top: calc(var(--site-nav-h) + 28px);
  display: grid;
  gap: 15px;
  padding-top: 7px;
}
.blog-article-toc > span {
  color: var(--text-muted);
  font: 700 .63rem/1.3 var(--font-mono);
  letter-spacing: .09em;
  text-transform: uppercase;
}
.blog-article-toc nav { display: grid; border-left: 1px solid var(--border); }
.blog-article-toc nav a {
  padding: 7px 0 7px 15px;
  color: var(--text-muted);
  font-size: .73rem;
  line-height: 1.42;
  text-decoration: none;
}
.blog-article-toc nav a:hover { color: var(--accent); }
.blog-toc-back {
  margin-top: 9px;
  color: var(--accent);
  font-size: .72rem;
  text-decoration: none;
}
.blog-prose { min-width: 0; }
.blog-prose > .blog-lead {
  margin: 0 0 59px;
  color: var(--text);
  font-size: clamp(1.15rem, 1.8vw, 1.38rem);
  font-variation-settings: var(--type-body-strong);
  line-height: 1.72;
}
.blog-prose section {
  scroll-margin-top: calc(var(--site-nav-h) + 28px);
  margin-top: 68px;
}
.blog-prose section:first-of-type { margin-top: 0; }
.blog-prose h2 {
  margin: 13px 0 23px;
  color: var(--text);
  font-size: clamp(2rem, 3.5vw, 3.05rem);
  font-variation-settings: var(--type-heading);
  letter-spacing: -.047em;
  line-height: 1.06;
}
.blog-prose h3 {
  color: var(--text);
  font-variation-settings: var(--type-heading-sm);
}
.blog-prose p {
  margin: 0 0 22px;
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.82;
}
.blog-prose code:not(.a1s-code code) {
  padding: 2px 6px;
  border: 1px solid var(--border-subtle);
  border-radius: 6px;
  background: var(--bg-hover);
  color: var(--accent);
  font-size: .84em;
}
.blog-prose blockquote {
  margin: 31px 0;
  padding: 22px 25px;
  border-left: 3px solid var(--accent);
  border-radius: 0 13px 13px 0;
  background: color-mix(in srgb, var(--accent) 7%, var(--bg-card-solid));
}
.blog-prose blockquote p {
  margin: 0;
  color: var(--text);
  font-size: 1.13rem;
  font-variation-settings: var(--type-body-strong);
  line-height: 1.6;
}
.blog-principle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 31px 0 28px;
}
.blog-principle-grid article {
  min-height: 210px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--bg-card-solid);
}
.blog-principle-grid b {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  border-radius: 8px;
  background: var(--accent-soft);
  color: var(--accent);
  font: 720 .63rem/1 var(--font-mono);
}
.blog-principle-grid h3 { margin: 33px 0 9px; font-size: 1rem; }
.blog-principle-grid p { margin: 0; font-size: .79rem; line-height: 1.62; }
.page-blog-article .a1s-code {
  --a1s-hint-min-height: 60px;
  --a1s-hint-gap: 10px;
  --a1s-hint-padding: 10px 17px;
  margin: 31px 0 25px;
  border-radius: 17px;
  box-shadow: 0 25px 58px -35px rgba(18, 34, 62, .48);
}
.page-blog-article .a1s-code__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  min-height: 62px;
  padding: 10px 13px 10px 16px;
}
.page-blog-article .a1s-code__title strong { font-size: .88rem; }
.page-blog-article .a1s-code__title span { font-size: .65rem; }
.page-blog-article .a1s-code pre {
  padding: clamp(22px, 3vw, 34px);
  font-size: clamp(.77rem, 1.25vw, .9rem);
  line-height: 1.82;
}
.blog-reading-note {
  display: grid;
  grid-template-columns: 165px minmax(0, 1fr);
  gap: 19px;
  padding: 20px 22px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--bg-card-solid);
}
.blog-reading-note strong { color: var(--accent); font-size: .78rem; }
.blog-reading-note p { margin: 0; font-size: .84rem; line-height: 1.65; }
.blog-contrast {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 29px 0;
}
.blog-contrast > div {
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--bg-card-solid);
}
.blog-contrast > div.is-good { border-color: color-mix(in srgb, var(--green) 32%, var(--border)); background: color-mix(in srgb, var(--green) 6%, var(--bg-card-solid)); }
.blog-contrast span { display: block; margin-bottom: 16px; color: var(--text-muted); font: 680 .63rem/1.3 var(--font-mono); text-transform: uppercase; letter-spacing: .07em; }
.blog-contrast code { display: block; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--text) !important; font-size: .78rem !important; }
.blog-contrast p { margin: 17px 0 0; font-size: .76rem; line-height: 1.55; }
.blog-checklist {
  display: grid;
  gap: 9px;
  padding: 0;
  margin: 28px 0 30px;
  list-style: none;
}
.blog-checklist li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  padding: 17px 18px;
  border: 1px solid var(--border-subtle);
  border-radius: 13px;
  background: var(--bg-card-solid);
}
.blog-checklist li > span { color: var(--accent); font: 700 .65rem/1.4 var(--font-mono); }
.blog-checklist strong { display: block; color: var(--text); font-size: .86rem; }
.blog-checklist p { margin: 4px 0 0; font-size: .78rem; line-height: 1.55; }
.blog-conclusion {
  padding: 24px 25px;
  border-radius: 15px;
  background: var(--accent);
  color: var(--text-inverse) !important;
  font-variation-settings: var(--type-body-strong);
}
.blog-article-end {
  margin-top: 76px;
  padding: 31px;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--border));
  border-radius: 19px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 9%, var(--bg-card-solid)), var(--bg-card-solid));
}
.blog-article-end > span { color: var(--accent); font: 700 .63rem/1.3 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.blog-article-end h2 { margin: 13px 0 24px; font-size: clamp(1.6rem, 3vw, 2.25rem); }

@media (max-width: 1040px) {
  .blog-hero-grid,
  .blog-section-head,
  .blog-map,
  .blog-category-group > header { grid-template-columns: 1fr; }
  .blog-hero-note { max-width: 620px; }
  .blog-featured-link { grid-template-columns: 1fr; }
  .blog-featured-visual { min-height: 300px; border-left: 0; border-top: 1px solid var(--border-subtle); }
  .blog-stream-grid { grid-template-columns: 1fr 1fr; }
  .blog-article-layout { grid-template-columns: minmax(0, var(--blog-reading)); }
  .blog-article-toc { position: static; grid-template-columns: auto 1fr auto; align-items: center; padding: 14px 16px; border: 1px solid var(--border); border-radius: 13px; background: var(--bg-card-solid); }
  .blog-article-toc nav { display: flex; flex-wrap: wrap; gap: 5px 13px; border: 0; }
  .blog-article-toc nav a { padding: 0; }
  .blog-toc-back { margin: 0; }
}
@media (max-width: 720px) {
  .blog-hero { padding-top: 48px; }
  .blog-hero h1,
  .blog-article-hero h1 { font-size: clamp(2.7rem, 14vw, 4.5rem); }
  .blog-stream-grid,
  .blog-principle-grid,
  .blog-contrast { grid-template-columns: 1fr; }
  .blog-catalog-card > a { grid-template-columns: 1fr; }
  .blog-catalog-card > a > p { grid-column: 1; grid-row: auto; }
  .blog-section-head { gap: 18px; }
  .blog-map { gap: 28px; }
  .blog-footer-inner,
  .blog-footer-inner > div { align-items: flex-start; flex-direction: column; }
  .blog-footer-inner nav { flex-wrap: wrap; }
  .blog-article-thesis,
  .blog-reading-note { grid-template-columns: 1fr; gap: 9px; }
  .blog-article-toc { display: none; }
  .page-blog-article .a1s-code__header { grid-template-columns: minmax(0, 1fr) auto; }
  .page-blog-article .a1s-code__badge { display: none; }
  .page-blog-article .a1s-code__copy { grid-column: 2; }
}
@media (max-width: 520px) {
  .blog-shell,
  .blog-article-shell { width: min(calc(100% - 28px), var(--blog-max)); }
  .blog-hero-actions { display: grid; }
  .blog-button { width: 100%; }
  .blog-featured-copy,
  .blog-featured-visual { padding: 27px 22px; }
  .blog-featured-visual::before { inset: 11px; }
  .blog-code-line { font-size: .67rem; }
  .blog-stream-grid article { min-height: 240px; }
  .blog-category-nav { margin-bottom: 28px; }
  .blog-catalog-card > a { padding: 22px; }
  .blog-catalog-card-bottom { align-items: flex-start; flex-direction: column; }
  .blog-resource-list a { grid-template-columns: 28px minmax(0, 1fr) auto; }
  .blog-prose p { font-size: .94rem; }
  .page-blog-article .a1s-code pre { padding: 18px; font-size: .72rem; }
  .page-blog-article .a1s-code__hover-hint { height: 78px; min-height: 78px; align-items: flex-start; }
  .blog-article-end { padding: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .page-blog *,
  .page-blog-article * { transition: none !important; }
}
/* Step 29: clear module selection and card-as-link UX ======================= */
body.page-modules-hub {
  background:
    radial-gradient(62rem 34rem at 6% 2%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 68%),
    radial-gradient(54rem 30rem at 100% 12%, color-mix(in srgb, var(--cyan) 7%, transparent), transparent 70%),
    var(--bg);
}

.modules-hub-shell-v41 {
  width: min(2200px, calc(100% - 72px));
  padding: clamp(44px, 4vw, 78px) 0 112px;
}

.modules-hub-hero-v41 {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
  gap: clamp(38px, 5vw, 96px);
  align-items: end;
  max-width: none;
  margin: 0 0 clamp(34px, 4vw, 58px);
  text-align: left;
}
.modules-hub-hero-copy-v41 { min-width: 0; }
.modules-hub-hero-v41 h1 {
  max-width: 980px;
  margin: 16px 0 22px;
  font-size: clamp(3.25rem, 5vw, 6.5rem);
  font-variation-settings: var(--type-display);
  letter-spacing: -.068em;
  line-height: .92;
  text-wrap: balance;
}
.modules-hub-hero-v41 h1 span {
  display: block;
  color: var(--accent);
  font-variation-settings: var(--type-display-accent);
}
.modules-hub-hero-v41 .modules-hub-hero-copy-v41 > p {
  max-width: 860px;
  margin: 0;
  color: var(--text-secondary);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  line-height: 1.72;
}
.modules-hub-hero-v41 .modules-hub-hero-copy-v41 > p strong { color: var(--text); }
.modules-hub-hero-v41 .modules-hub-summary {
  justify-content: flex-start;
  margin-top: 24px;
}
.modules-hub-choice-v41 {
  padding: clamp(25px, 2.4vw, 38px);
  border: 1px solid var(--border);
  border-radius: 26px;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--bg-card-solid) 98%, transparent), color-mix(in srgb, var(--accent) 5%, var(--bg-card-solid)));
  box-shadow: 0 28px 72px -44px rgba(26, 38, 66, .45);
}
.modules-hub-choice-v41 > span {
  color: var(--accent);
  font: 720 .68rem/1 var(--font-mono);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.modules-hub-choice-v41 h2 {
  margin: 12px 0 19px;
  font-size: clamp(1.6rem, 2vw, 2.2rem);
  font-variation-settings: var(--type-heading);
  letter-spacing: -.045em;
}
.modules-hub-choice-v41 ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.modules-hub-choice-v41 li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  min-height: 46px;
  padding: 9px 11px 9px 14px;
  border: 1px solid var(--border-subtle);
  border-radius: 12px;
  background: color-mix(in srgb, var(--bg-elevated) 76%, transparent);
}
.modules-hub-choice-v41 li b { color: var(--text-secondary); font-size: .84rem; font-variation-settings: var(--type-ui); }
.modules-hub-choice-v41 li em {
  min-width: 92px;
  padding: 6px 9px;
  border-radius: 8px;
  background: var(--accent-soft);
  color: var(--accent);
  font: 720 .7rem/1 var(--font-mono);
  text-align: center;
  font-style: normal;
}

.modules-hub-grid-v41 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 30px);
}
.module-hub-card-v41 {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 430px;
  flex-direction: column;
  overflow: hidden;
  padding: clamp(26px, 2.35vw, 38px);
  border: 1px solid color-mix(in srgb, var(--card-accent) 20%, var(--border));
  border-radius: 26px;
  background:
    linear-gradient(155deg, color-mix(in srgb, var(--card-accent) 5%, var(--bg-card-solid)), var(--bg-card-solid) 46%);
  box-shadow: var(--site-card-shadow);
  color: var(--text);
  text-decoration: none;
  cursor: pointer;
  isolation: isolate;
  transition: transform 200ms var(--ease-out), border-color 160ms ease, box-shadow 200ms ease, background 180ms ease;
}
.module-hub-card-v41::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--card-accent), color-mix(in srgb, var(--card-accent) 38%, var(--accent)));
}
.module-hub-card-v41::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -140px;
  right: -130px;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--card-accent) 8%, transparent);
  transition: transform 220ms var(--ease-out), background 180ms ease;
}
.module-hub-card-v41:hover,
.module-hub-card-v41:focus-visible {
  border-color: color-mix(in srgb, var(--card-accent) 48%, var(--border));
  background: linear-gradient(155deg, color-mix(in srgb, var(--card-accent) 9%, var(--bg-card-solid)), var(--bg-card-solid) 48%);
  box-shadow: 0 28px 64px -36px color-mix(in srgb, var(--card-accent) 58%, rgba(25,35,58,.4));
  transform: translateY(-5px);
}
.module-hub-card-v41:hover::after,
.module-hub-card-v41:focus-visible::after { transform: scale(1.12); background: color-mix(in srgb, var(--card-accent) 12%, transparent); }
.module-hub-card-v41:focus-visible { outline: 3px solid color-mix(in srgb, var(--card-accent) 28%, transparent); outline-offset: 4px; }
.module-hub-card-topline-v41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  color: var(--text-muted);
  font: 700 .67rem/1 var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.module-hub-card-topline-v41 > span { color: var(--card-accent); }
.module-hub-card-topline-v41 b { font: inherit; color: var(--text-muted); }
.module-hub-card-v41 .module-hub-head { align-items: center; gap: 16px; }
.module-hub-card-v41 .module-hub-mark {
  width: 60px;
  height: 60px;
  border: 1px solid color-mix(in srgb, var(--card-accent) 25%, transparent);
  border-radius: 18px;
  background: color-mix(in srgb, var(--card-accent) 13%, var(--bg-card-solid));
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 44%, transparent);
  font-size: .78rem;
}
.module-hub-card-v41 .module-hub-head h2 { font-size: clamp(1.55rem, 1.8vw, 2rem); }
.module-hub-card-v41 .module-hub-head p { font-size: .88rem; }
.module-hub-card-v41 .module-hub-desc {
  min-height: 0;
  margin: 24px 0 18px;
  color: var(--text-secondary);
  font-size: .94rem;
  line-height: 1.68;
}
.module-hub-card-v41 .module-hub-stats { gap: 8px; }
.module-hub-card-v41 .module-hub-stats span {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid var(--border-subtle);
  background: color-mix(in srgb, var(--bg-elevated) 82%, transparent);
  color: var(--text-secondary);
  font-size: .72rem;
}
.module-hub-card-v41 .module-hub-regions {
  position: relative;
  gap: 7px;
  margin: 22px 0 26px;
  padding-top: 20px;
  border-top: 1px solid var(--border-subtle);
}
.module-hub-card-v41 .module-hub-regions::before {
  content: "Ключевые разделы";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  padding-right: 10px;
  background: var(--bg-card-solid);
  color: var(--text-muted);
  font: 680 .61rem/1 var(--font-mono);
  letter-spacing: .09em;
  text-transform: uppercase;
}
.module-hub-card-v41 .module-hub-regions span {
  padding: 6px 9px;
  border-color: color-mix(in srgb, var(--card-accent) 16%, var(--border-subtle));
  background: color-mix(in srgb, var(--card-accent) 5%, transparent);
  color: var(--text-secondary);
  font-size: .7rem;
}
.module-hub-card-v41 .module-hub-action {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: auto;
  padding: 12px 13px 12px 18px;
  border: 0;
  border-radius: 15px;
  background: color-mix(in srgb, var(--card-accent) 84%, #172033);
  box-shadow: 0 14px 28px -20px var(--card-accent), inset 0 1px 0 rgba(255,255,255,.22);
  color: #fff;
  font-variation-settings: var(--type-ui-strong);
}
.module-hub-card-v41 .module-hub-action > span { font-size: .92rem; }
.module-hub-card-v41 .module-hub-action strong {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  font: 700 .7rem/1 var(--font-mono);
}
.module-hub-card-v41 .module-hub-action i {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 10px;
  background: rgba(255,255,255,.16);
  font-style: normal;
  font-size: 1rem;
  transition: transform 180ms var(--ease-out), background 150ms ease;
}
.module-hub-card-v41:hover .module-hub-action i,
.module-hub-card-v41:focus-visible .module-hub-action i { transform: translateX(3px); background: rgba(255,255,255,.23); }
.modules-hub-how-v41 { margin-top: clamp(24px, 3vw, 42px); }
.modules-hub-how-v41 > div { border-radius: 18px; background: color-mix(in srgb, var(--bg-card-solid) 78%, transparent); }

@media (min-width: 2300px) {
  .modules-hub-grid-v41 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .module-hub-card-v41 { min-height: 500px; padding: 30px; }
  .module-hub-card-v41 .module-hub-desc { min-height: 96px; }
  .module-hub-card-v41 .module-hub-action { align-items: flex-start; flex-direction: column; gap: 8px; }
  .module-hub-card-v41 .module-hub-action strong { width: 100%; justify-content: space-between; }
}
@media (max-width: 1050px) {
  .modules-hub-shell-v41 { width: min(100% - 40px, 900px); }
  .modules-hub-hero-v41 { grid-template-columns: 1fr; gap: 28px; }
  .modules-hub-choice-v41 { max-width: 760px; }
}
@media (max-width: 760px) {
  .modules-hub-shell-v41 { width: calc(100% - 28px); padding-top: 32px; }
  .modules-hub-grid-v41 { grid-template-columns: 1fr; }
  .modules-hub-hero-v41 h1 { font-size: clamp(2.7rem, 14vw, 4.5rem); }
  .module-hub-card-v41 { min-height: 0; padding: 24px; }
  .module-hub-card-v41 .module-hub-action { min-height: 54px; }
}
@media (max-width: 430px) {
  .modules-hub-choice-v41 li { grid-template-columns: 1fr; gap: 5px; }
  .modules-hub-choice-v41 li em { justify-self: start; min-width: 0; }
  .module-hub-card-v41 .module-hub-action { align-items: flex-start; flex-direction: column; gap: 9px; }
  .module-hub-card-v41 .module-hub-action strong { width: 100%; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) {
  .module-hub-card-v41,
  .module-hub-card-v41::after,
  .module-hub-card-v41 .module-hub-action i { transition: none !important; }
}

/* Keep the decision and the primary CTA inside a typical 1080p first view. */
@media (min-width: 1200px) and (max-width: 2299px) {
  .modules-hub-shell-v41 { padding-top: 34px; }
  .modules-hub-hero-v41 { align-items: center; gap: clamp(32px, 4vw, 72px); margin-bottom: 34px; }
  .modules-hub-hero-v41 h1 { font-size: clamp(3.2rem, 4.35vw, 5.25rem); }
  .modules-hub-choice-v41 { padding: 24px; }
  .modules-hub-choice-v41 h2 { margin-bottom: 14px; }
  .modules-hub-choice-v41 ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .modules-hub-choice-v41 li { grid-template-columns: 1fr; gap: 5px; min-height: 68px; }
  .modules-hub-choice-v41 li em { justify-self: start; min-width: 0; }
  .module-hub-card-v41 { min-height: 410px; }
  .module-hub-card-v41 .module-hub-desc { margin-block: 19px 15px; }
  .module-hub-card-v41 .module-hub-regions { margin-block: 19px 21px; }
}

.modules-hub-choice-v41 li { padding: 0; }
.modules-hub-choice-v41 li > a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 9px 11px 9px 14px;
  border-radius: 11px;
  color: inherit;
  text-decoration: none;
  transition: background 140ms ease, transform 160ms var(--ease-out);
}
.modules-hub-choice-v41 li > a:hover,
.modules-hub-choice-v41 li > a:focus-visible {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
  transform: translateX(2px);
}
@media (min-width: 1200px) and (max-width: 2299px) {
  .modules-hub-choice-v41 li > a { grid-template-columns: 1fr; gap: 5px; min-height: 68px; }
  .modules-hub-choice-v41 li > a em { justify-self: start; min-width: 0; }
}
@media (max-width: 430px) {
  .modules-hub-choice-v41 li > a { grid-template-columns: 1fr; gap: 5px; }
  .modules-hub-choice-v41 li > a em { justify-self: start; min-width: 0; }
}
/* Cookbook v2: one editorial system for all eight parts ===================== */
body.page-cookbook {
  --book-accent: var(--accent);
  --book-accent-2: var(--cyan);
  --book-soft: color-mix(in srgb, var(--book-accent) 10%, transparent);
  --book-line: color-mix(in srgb, var(--book-accent) 28%, var(--border));
  --book-card-shadow: 0 22px 62px -42px color-mix(in srgb, var(--book-accent) 35%, rgba(18,28,48,.34));
}
body.page-cookbook-1 { --book-accent: #5268e8; --book-accent-2: #087f87; }
body.page-cookbook-2 { --book-accent: #7447c8; --book-accent-2: #087f87; }
body.page-cookbook-3 { --book-accent: #bf2e72; --book-accent-2: #7447c8; }
body.page-cookbook-4 { --book-accent: #b85e0b; --book-accent-2: #087f87; }
body.page-cookbook-5 { --book-accent: #087b54; --book-accent-2: #5268e8; }
body.page-cookbook-6 { --book-accent: #c24848; --book-accent-2: #b85e0b; }
body.page-cookbook-7 { --book-accent: #087f87; --book-accent-2: #5268e8; }
body.page-cookbook-8 { --book-accent: #5268e8; --book-accent-2: #7447c8; }
[data-theme="dark"] body.page-cookbook-1 { --book-accent:#8797ff; --book-accent-2:#5bd8d1; }
[data-theme="dark"] body.page-cookbook-2 { --book-accent:#b78cff; --book-accent-2:#5bd8d1; }
[data-theme="dark"] body.page-cookbook-3 { --book-accent:#ff86ba; --book-accent-2:#b78cff; }
[data-theme="dark"] body.page-cookbook-4 { --book-accent:#ffb26c; --book-accent-2:#5bd8d1; }
[data-theme="dark"] body.page-cookbook-5 { --book-accent:#55d79e; --book-accent-2:#8797ff; }
[data-theme="dark"] body.page-cookbook-6 { --book-accent:#ff8b8b; --book-accent-2:#ffb26c; }
[data-theme="dark"] body.page-cookbook-7 { --book-accent:#5bd8d1; --book-accent-2:#8797ff; }
[data-theme="dark"] body.page-cookbook-8 { --book-accent:#8797ff; --book-accent-2:#b78cff; }

/* Shared book switcher. It is the same DOM and geometry on every part. */
body.page-cookbook > .cookbook-series {
  display:grid;
  grid-template-columns:minmax(210px, .22fr) minmax(0, 1fr);
  gap:18px;
  width:min(var(--site-wide-shell), calc(100% - 2 * var(--site-wide-gutter)));
  margin:24px auto 0;
  padding:14px;
  border:1px solid var(--border);
  border-radius:22px;
  background:color-mix(in srgb, var(--bg-card-solid) 92%, transparent);
  box-shadow:var(--site-card-shadow);
  backdrop-filter:blur(20px) saturate(145%);
}
.cookbook-series__intro {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:4px 12px 4px 8px;
  border-right:1px solid var(--border-subtle);
}
.cookbook-series__intro > span,
.cookbook-hero-meta__label {
  color:var(--book-accent);
  font:730 .62rem/1.3 var(--font-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.cookbook-series__intro > strong {
  margin-top:4px;
  color:var(--text);
  font-size:.93rem;
  font-variation-settings:var(--type-ui-strong);
  line-height:1.25;
}
.cookbook-series__intro > small {
  margin-top:4px;
  color:var(--text-muted);
  font-size:.71rem;
  line-height:1.35;
}
.cookbook-series__parts {
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  gap:7px;
  min-width:0;
}
.cookbook-series__parts a {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:58px;
  padding:8px 9px;
  border:1px solid transparent;
  border-radius:13px;
  background:color-mix(in srgb, var(--bg-elevated) 78%, transparent);
  color:var(--text-secondary);
  text-decoration:none;
  transition:transform 180ms var(--ease-out), border-color 150ms linear, background-color 150ms linear, color 150ms linear, box-shadow 180ms var(--ease-out);
}
.cookbook-series__parts a:hover {
  transform:translateY(-2px);
  border-color:var(--book-line);
  background:var(--book-soft);
  color:var(--text);
  box-shadow:0 10px 24px -20px var(--book-accent);
}
.cookbook-series__parts a.is-current {
  border-color:color-mix(in srgb, var(--book-accent) 52%, var(--border));
  background:linear-gradient(145deg, color-mix(in srgb, var(--book-accent) 16%, var(--bg-card-solid)), color-mix(in srgb, var(--book-accent-2) 7%, var(--bg-card-solid)));
  color:var(--text);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--book-accent) 10%, transparent), 0 12px 24px -22px var(--book-accent);
}
.cookbook-series__parts a > b {
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:9px;
  background:color-mix(in srgb, var(--book-accent) 10%, var(--bg-card-solid));
  color:var(--book-accent);
  font:760 .65rem/1 var(--font-mono);
}
.cookbook-series__parts a > span { min-width:0; }
.cookbook-series__parts strong,
.cookbook-series__parts small {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cookbook-series__parts strong { color:inherit; font-size:.72rem; font-variation-settings:var(--type-ui-strong); }
.cookbook-series__parts small { margin-top:2px; color:var(--text-muted); font-size:.61rem; }

/* Main shell: less dead space, clearer relationship between TOC and chapter. */
body.page-cookbook:not(.page-cookbook-8) > .page {
  grid-template-columns:clamp(250px, 16vw, 320px) minmax(0,1fr) !important;
  gap:clamp(28px, 2.7vw, 60px) !important;
  padding-top:28px !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc {
  border-color:color-mix(in srgb, var(--book-accent) 16%, var(--border)) !important;
  border-radius:20px !important;
  box-shadow:0 18px 48px -38px rgba(22,34,58,.44) !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc-head {
  position:relative;
  padding:8px 8px 20px !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc-head::after {
  content:"";
  position:absolute;
  inset:auto 8px -1px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg, var(--book-accent), var(--book-accent-2), transparent 88%);
}
body.page-cookbook:not(.page-cookbook-8) .toc-link {
  position:relative;
  min-height:38px !important;
  padding:9px 10px !important;
  border-radius:11px !important;
  font-size:.75rem !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc-link:hover,
body.page-cookbook:not(.page-cookbook-8) .toc-link.active {
  border-color:color-mix(in srgb, var(--book-accent) 28%, var(--border)) !important;
  background:var(--book-soft) !important;
}
body.page-cookbook:not(.page-cookbook-8) .toc-link.active::after {
  content:"";
  position:absolute;
  inset:8px 4px 8px auto;
  width:3px;
  border-radius:99px;
  background:var(--book-accent);
}
body.page-cookbook:not(.page-cookbook-8) .toc-dot {
  background:var(--book-accent) !important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--book-accent) 10%, transparent) !important;
}

/* All eight heroes share the same split editorial composition. */
body.page-cookbook .hero {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) clamp(270px, 22vw, 380px) !important;
  grid-template-rows:auto auto auto auto !important;
  column-gap:clamp(34px, 4vw, 82px) !important;
  align-items:center !important;
  min-height:clamp(470px, 34vw, 670px) !important;
  padding:clamp(44px, 4.2vw, 86px) !important;
  border-color:color-mix(in srgb, var(--book-accent) 18%, var(--border)) !important;
  background:
    radial-gradient(46rem 28rem at 0% 0%, color-mix(in srgb, var(--book-accent) 10%, transparent), transparent 66%),
    radial-gradient(40rem 30rem at 100% 100%, color-mix(in srgb, var(--book-accent-2) 8%, transparent), transparent 70%),
    var(--bg-card-solid) !important;
  box-shadow:0 32px 82px -50px color-mix(in srgb, var(--book-accent) 40%, rgba(22,32,56,.42)) !important;
}
body.page-cookbook .hero > :not(.cookbook-hero-meta) { grid-column:1; min-width:0; }
body.page-cookbook .hero-eyebrow { margin-bottom:18px !important; color:var(--book-accent) !important; }
body.page-cookbook .hero-eyebrow::before { background:linear-gradient(90deg, var(--book-accent), var(--book-accent-2)) !important; }
body.page-cookbook .hero-title {
  max-width:1050px !important;
  margin:0 0 24px !important;
  overflow-wrap:anywhere;
  color:var(--text) !important;
  font-size:clamp(3.7rem, 4.7vw, 7.25rem) !important;
  font-variation-settings:var(--type-display) !important;
  line-height:.9 !important;
  letter-spacing:-.065em !important;
}
body.page-cookbook .hero-title .hl { color:var(--book-accent) !important; }
body.page-cookbook .hero-desc {
  max-width:84ch !important;
  color:var(--text-secondary) !important;
  font-size:clamp(1rem, .9vw, 1.24rem) !important;
  line-height:1.67 !important;
}
body.page-cookbook .hero-desc code { color:var(--book-accent) !important; }
body.page-cookbook .hero-chips { margin-top:27px !important; }
body.page-cookbook .hero .chip {
  border-color:color-mix(in srgb, var(--book-accent) 18%, var(--border)) !important;
  background:color-mix(in srgb, var(--book-accent) 7%, var(--bg-elevated)) !important;
  color:color-mix(in srgb, var(--book-accent) 78%, var(--text)) !important;
}
.cookbook-hero-meta {
  grid-column:2 !important;
  grid-row:1 / -1 !important;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:24px;
  border:1px solid color-mix(in srgb, var(--book-accent) 24%, var(--border));
  border-radius:22px;
  background:linear-gradient(155deg, color-mix(in srgb, var(--book-accent) 10%, var(--bg-elevated)), color-mix(in srgb, var(--bg-card-solid) 94%, transparent));
  box-shadow:inset 0 1px 0 color-mix(in srgb, white 35%, transparent);
}
.cookbook-hero-meta__index { display:flex; align-items:baseline; gap:7px; }
.cookbook-hero-meta__index > span,
.cookbook-hero-meta__index > small { color:var(--text-muted); font:700 .65rem/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.cookbook-hero-meta__index > strong { color:var(--book-accent); font:780 clamp(3.4rem, 4vw, 5.7rem)/.85 var(--font-sans); letter-spacing:-.07em; }
.cookbook-hero-meta__body { margin:auto 0; padding:30px 0; }
.cookbook-hero-meta__body p { margin:10px 0 0; color:var(--text); font-size:1rem; font-variation-settings:var(--type-body-strong); line-height:1.55; }
.cookbook-hero-meta__progress { height:7px; overflow:hidden; border-radius:99px; background:color-mix(in srgb, var(--book-accent) 10%, var(--border-subtle)); }
.cookbook-hero-meta__progress > span { display:block; width:var(--cookbook-progress); height:100%; border-radius:inherit; background:linear-gradient(90deg, var(--book-accent), var(--book-accent-2)); }
.cookbook-hero-meta__next {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  margin-top:16px;
  padding:12px 14px;
  border:1px solid color-mix(in srgb, var(--book-accent) 28%, var(--border));
  border-radius:13px;
  background:color-mix(in srgb, var(--book-accent) 8%, var(--bg-card-solid));
  color:var(--text);
  font-size:.78rem;
  font-variation-settings:var(--type-ui-strong);
  text-decoration:none;
}
.cookbook-hero-meta__next b { color:var(--book-accent); font-size:1rem; }
.cookbook-hero-meta__next:hover { border-color:var(--book-accent); background:var(--book-soft); }

/* Chapter dividers and content cards. */
body.page-cookbook:not(.page-cookbook-8) .part-break { margin:0 0 30px !important; }
body.page-cookbook:not(.page-cookbook-8) .part-break-line { background:linear-gradient(90deg, transparent, var(--book-line), transparent) !important; }
body.page-cookbook:not(.page-cookbook-8) .part-break-label {
  color:var(--book-accent) !important;
  font-size:.65rem !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.recipe,.pattern,.ap,.project) {
  position:relative;
  scroll-margin-top:calc(var(--site-nav-h) + 28px);
  margin-bottom:22px !important;
  border-color:color-mix(in srgb, var(--book-accent) 14%, var(--border)) !important;
  background:linear-gradient(155deg, color-mix(in srgb, var(--book-accent) 3.5%, var(--bg-card-solid)), var(--bg-card-solid) 42%) !important;
  box-shadow:var(--book-card-shadow) !important;
  transition:transform 220ms var(--ease-out), border-color 160ms linear, box-shadow 220ms var(--ease-out);
}
body.page-cookbook:not(.page-cookbook-8) :is(.recipe,.pattern,.ap,.project)::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:24px 0 0 24px;
  background:linear-gradient(180deg, var(--book-accent), var(--book-accent-2));
  opacity:.9;
}
body.page-cookbook:not(.page-cookbook-8) :is(.recipe,.pattern,.ap,.project):hover {
  transform:translateY(-2px);
  border-color:color-mix(in srgb, var(--book-accent) 30%, var(--border)) !important;
  box-shadow:0 28px 70px -48px color-mix(in srgb, var(--book-accent) 48%, rgba(22,32,56,.45)) !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.recipe-head,.pattern-header,.ap-header,.project-header) {
  position:relative;
  margin-bottom:24px !important;
  padding-bottom:22px !important;
  border-bottom:1px solid color-mix(in srgb, var(--book-accent) 12%, var(--border-subtle)) !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.recipe-num,.pattern-num,.ap-num,.project-num) {
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 9px;
  border:1px solid color-mix(in srgb, var(--book-accent) 20%, var(--border));
  border-radius:8px;
  background:var(--book-soft);
  color:var(--book-accent) !important;
  font:740 .62rem/1 var(--font-mono) !important;
  letter-spacing:.1em !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.recipe-title,.pattern-title,.ap-title,.project-title) {
  margin-top:13px !important;
  color:var(--text) !important;
  font-variation-settings:var(--type-heading) !important;
}
body.page-cookbook:not(.page-cookbook-8) :is(.recipe-desc,.pattern-desc,.ap-desc,.project-desc,.pattern-pitch,.project-situation) {
  color:var(--text-secondary) !important;
  font-size:.96rem !important;
  line-height:1.68 !important;
}
body.page-cookbook:not(.page-cookbook-8) .recipe-trigger,
body.page-cookbook:not(.page-cookbook-8) :is(.pattern-pitch,.project-situation) {
  width:fit-content;
  max-width:100%;
  padding:8px 11px !important;
  border:1px solid color-mix(in srgb, var(--book-accent) 20%, var(--border)) !important;
  border-radius:9px !important;
  background:var(--book-soft) !important;
  color:color-mix(in srgb, var(--book-accent) 75%, var(--text)) !important;
}

/* Code and comparisons are now visually stable across every part. */
body.page-cookbook:not(.page-cookbook-8) :is(.code-card,.compare,.fix-compare,.chain-anatomy,.sum-table) {
  border-color:color-mix(in srgb, var(--book-accent) 15%, var(--border)) !important;
  border-radius:17px !important;
  background:var(--bg-code) !important;
  box-shadow:0 16px 36px -30px rgba(10,18,34,.72) !important;
}
body.page-cookbook:not(.page-cookbook-8) .code-bar {
  min-height:44px;
  padding-inline:14px !important;
  border-bottom-color:rgba(255,255,255,.09) !important;
  background:var(--bg-code-header) !important;
}
body.page-cookbook:not(.page-cookbook-8) .code-label { color:#b6c1d4 !important; }
body.page-cookbook:not(.page-cookbook-8) .copy-btn {
  min-width:72px;
  min-height:30px;
  padding:6px 10px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.055) !important;
  color:#c6d0e0 !important;
  cursor:pointer;
}
body.page-cookbook:not(.page-cookbook-8) .copy-btn:hover { border-color:color-mix(in srgb, var(--book-accent) 58%, rgba(255,255,255,.15)) !important; color:white !important; }
body.page-cookbook:not(.page-cookbook-8) pre { color:#d7deea !important; }
body.page-cookbook:not(.page-cookbook-8) :is(.cmp-head,.fix-head) { min-height:42px; padding:11px 15px !important; font-size:.71rem !important; }
body.page-cookbook:not(.page-cookbook-8) .callout {
  border:1px solid color-mix(in srgb, var(--book-accent) 14%, var(--border)) !important;
  background:color-mix(in srgb, var(--book-accent) 5%, var(--bg-elevated)) !important;
}

/* Special content structures in parts 2–7. */
body.page-cookbook .pattern-grid {
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr)) !important;
  gap:12px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.page-cookbook .pattern-card {
  min-width:0;
  padding:18px !important;
  border:1px solid color-mix(in srgb, var(--book-accent) 15%, var(--border)) !important;
  border-radius:15px !important;
  background:color-mix(in srgb, var(--book-accent) 4%, var(--bg-card-solid)) !important;
}
body.page-cookbook .pattern-fn { color:var(--book-accent) !important; }
body.page-cookbook .lifecycle,
body.page-cookbook .flow,
body.page-cookbook .pipe {
  gap:10px !important;
  padding:16px !important;
  border:1px solid color-mix(in srgb, var(--book-accent) 13%, var(--border)) !important;
  border-radius:17px !important;
  background:color-mix(in srgb, var(--book-accent) 3%, var(--bg-elevated)) !important;
}
body.page-cookbook :is(.lc-box,.flow-step,.pipe-step,.chain-line) { border-color:color-mix(in srgb, var(--book-accent) 14%, var(--border)) !important; }
body.page-cookbook :is(.flow-num,.pipe-num) { background:var(--book-soft) !important; color:var(--book-accent) !important; }
body.page-cookbook .method-table,
body.page-cookbook .sum-table { overflow:hidden; }
body.page-cookbook .method-table :is(th,td),
body.page-cookbook .sum-table :is(th,td) { border-color:var(--border-subtle) !important; }
body.page-cookbook .method-table th,
body.page-cookbook .sum-table th { background:color-mix(in srgb, var(--book-accent) 6%, var(--bg-elevated)) !important; }
body.page-cookbook .fix-col { overflow:hidden; }
body.page-cookbook .impact-badge,
body.page-cookbook .stag { border-color:color-mix(in srgb, var(--book-accent) 16%, var(--border)) !important; background:var(--book-soft) !important; }
body.page-cookbook .project-badge { border-radius:14px !important; }

/* Replace seven different legacy endings with one clear chapter navigator. */
body.page-cookbook:not(.page-cookbook-8) :is(.part-footer,.next-btn,.nav-btns) { display:none !important; }
body.page-cookbook-8 .footer > .footer-nav,
body.page-cookbook-8 .footer > div:last-child { display:none !important; }
.cookbook-chapter-nav {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.8fr) minmax(0,1fr);
  gap:12px;
  width:100%;
  margin:48px 0 0;
  padding-top:28px;
  border-top:1px solid var(--border);
}
body.page-cookbook-8 > .cookbook-chapter-nav { width:min(var(--site-wide-shell),100%); margin:42px auto 90px; }
.cookbook-chapter-nav > :is(a,span) {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:74px;
  padding:14px 17px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--bg-card-solid);
  color:var(--text);
  text-decoration:none;
}
.cookbook-chapter-nav > a:hover { transform:translateY(-2px); border-color:var(--book-line); background:var(--book-soft); }
.cookbook-chapter-nav span { color:var(--text-muted); font-size:.65rem; }
.cookbook-chapter-nav strong { margin-top:3px; font-size:.9rem; font-variation-settings:var(--type-ui-strong); }
.cookbook-chapter-nav__next { align-items:flex-end; text-align:right; }
.cookbook-chapter-nav__all { align-items:center; text-align:center; border-color:var(--book-line) !important; background:var(--book-soft) !important; }
.cookbook-chapter-nav .is-disabled { opacity:.48; }

/* Part 8: same hero/shell plus a genuinely usable responsive API index. */
body.page-cookbook-8 { padding-inline:var(--site-wide-gutter) !important; }
body.page-cookbook-8 > .cookbook-series { width:min(var(--site-wide-shell),100%); }
body.page-cookbook-8 > .hero { width:min(var(--site-wide-shell),100%) !important; margin-top:28px !important; }
body.page-cookbook-8 > .search-bar {
  top:calc(var(--site-nav-h) + 8px) !important;
  margin-top:20px !important;
  border-color:color-mix(in srgb, var(--book-accent) 17%, var(--border)) !important;
}
body.page-cookbook-8 .search-wrap input { min-height:46px !important; border-radius:12px !important; }
body.page-cookbook-8 .pill {
  min-height:38px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
}
body.page-cookbook-8 .pill.active { border-color:var(--book-accent) !important; box-shadow:0 0 0 3px var(--book-soft) !important; }
body.page-cookbook-8 > .toc-logo { display:none !important; }
body.page-cookbook-8 > .table-wrap { margin-top:20px !important; border-color:color-mix(in srgb, var(--book-accent) 14%, var(--border)) !important; }
body.page-cookbook-8 tbody tr { transition:background-color 130ms linear; }
body.page-cookbook-8 tbody tr:hover { background:color-mix(in srgb, var(--book-accent) 5%, var(--bg-card-solid)) !important; }
body.page-cookbook-8 .footer {
  width:min(var(--site-wide-shell),100%) !important;
  margin:28px auto 0 !important;
  padding:28px !important;
  border:1px solid var(--border) !important;
  border-radius:22px !important;
  background:var(--bg-card-solid) !important;
  box-shadow:var(--site-card-shadow) !important;
}
body.page-cookbook-8 .footer-grid { gap:12px !important; }
body.page-cookbook-8 .footer-module { padding:18px !important; border:1px solid var(--border-subtle) !important; border-radius:14px !important; background:var(--bg-elevated) !important; }

@media (min-width:2200px) {
  body.page-cookbook:not(.page-cookbook-8) > .page { grid-template-columns:320px minmax(0,1fr) !important; }
  body.page-cookbook .hero-title { font-size:clamp(5rem,4.2vw,8rem) !important; }
  body.page-cookbook:not(.page-cookbook-8) :is(.recipe,.pattern,.ap,.project) { padding:clamp(38px,2vw,56px) !important; }
}

@media (max-width:1480px) {
  body.page-cookbook > .cookbook-series { grid-template-columns:1fr; }
  .cookbook-series__intro { display:grid; grid-template-columns:auto 1fr auto; align-items:baseline; gap:12px; padding:2px 5px 10px; border-right:0; border-bottom:1px solid var(--border-subtle); }
  .cookbook-series__intro > strong { margin:0; }
  .cookbook-series__intro > small { margin:0; text-align:right; }
  .cookbook-series__parts { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.page-cookbook:not(.page-cookbook-8) > .page { padding-top:24px !important; }
  body.page-cookbook:not(.page-cookbook-8) .toc { top:calc(var(--site-nav-h) + 8px) !important; }
  body.page-cookbook .hero { min-height:0 !important; grid-template-columns:minmax(0,1fr) 280px !important; }
  body.page-cookbook .hero-title { font-size:clamp(3.4rem,6.7vw,6rem) !important; }
}

@media (max-width:980px) {
  body.page-cookbook .hero { grid-template-columns:1fr !important; row-gap:28px !important; }
  body.page-cookbook .hero > :not(.cookbook-hero-meta),
  .cookbook-hero-meta { grid-column:1 !important; }
  .cookbook-hero-meta { grid-row:auto !important; display:grid; grid-template-columns:auto 1fr; gap:18px 24px; align-items:center; }
  .cookbook-hero-meta__body { margin:0; padding:0; }
  .cookbook-hero-meta__progress,
  .cookbook-hero-meta__next { grid-column:1/-1; }
  .cookbook-hero-meta__index > strong { font-size:3.8rem; }
  .cookbook-chapter-nav { grid-template-columns:1fr 1fr; }
  .cookbook-chapter-nav__all { grid-column:1/-1; grid-row:1; }
  body.page-cookbook .lifecycle { overflow-x:auto; }
}

@media (max-width:760px) {
  body.page-cookbook > .cookbook-series { width:calc(100% - 28px); margin-top:14px; padding:10px; border-radius:17px; }
  .cookbook-series__intro { display:flex; align-items:flex-start; gap:0; }
  .cookbook-series__intro > small { text-align:left; }
  .cookbook-series__parts { display:flex; gap:7px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; }
  .cookbook-series__parts::-webkit-scrollbar { display:none; }
  .cookbook-series__parts a { flex:0 0 150px; scroll-snap-align:start; }
  body.page-cookbook:not(.page-cookbook-8) > .page { padding-top:16px !important; }
  body.page-cookbook:not(.page-cookbook-8) .toc { border-radius:14px !important; }
  body.page-cookbook .hero {
    row-gap:22px !important;
    padding:32px 22px !important;
    border-radius:20px !important;
  }
  body.page-cookbook .hero-title {
    max-width:100% !important;
    font-size:clamp(2.65rem, 13.2vw, 4.45rem) !important;
    line-height:.94 !important;
    letter-spacing:-.058em !important;
  }
  body.page-cookbook .hero-title br { display:none; }
  body.page-cookbook .hero-desc { font-size:.94rem !important; line-height:1.62 !important; }
  .cookbook-hero-meta { display:block; padding:18px; border-radius:16px; }
  .cookbook-hero-meta__index > strong { font-size:3.2rem; }
  .cookbook-hero-meta__body { margin:18px 0; }
  body.page-cookbook:not(.page-cookbook-8) :is(.recipe,.pattern,.ap,.project) { padding:24px 18px !important; }
  body.page-cookbook:not(.page-cookbook-8) :is(.recipe,.pattern,.ap,.project)::before { width:3px; border-radius:18px 0 0 18px; }
  body.page-cookbook:not(.page-cookbook-8) :is(.recipe-title,.pattern-title,.ap-title,.project-title) { font-size:clamp(1.55rem,7.7vw,2.25rem) !important; }
  body.page-cookbook .pattern-grid { grid-template-columns:1fr !important; }
  .cookbook-chapter-nav { grid-template-columns:1fr; }
  .cookbook-chapter-nav__all { grid-column:auto; grid-row:auto; }
  .cookbook-chapter-nav__next { align-items:flex-start; text-align:left; }

  body.page-cookbook-8 { padding-inline:14px !important; }
  body.page-cookbook-8 > .cookbook-series { width:100%; }
  body.page-cookbook-8 > .search-bar { position:static !important; padding:12px !important; }
  body.page-cookbook-8 .filter-pills { display:flex !important; width:100%; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; }
  body.page-cookbook-8 .filter-pills::-webkit-scrollbar { display:none; }
  body.page-cookbook-8 .pill { flex:0 0 auto; }
  body.page-cookbook-8 > .table-wrap { overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
  body.page-cookbook-8 table,
  body.page-cookbook-8 tbody { display:block !important; min-width:0 !important; width:100% !important; }
  body.page-cookbook-8 thead { display:none !important; }
  body.page-cookbook-8 tbody tr {
    display:block;
    margin:0 0 12px;
    overflow:hidden;
    border:1px solid color-mix(in srgb, var(--book-accent) 15%, var(--border));
    border-radius:16px;
    background:var(--bg-card-solid);
    box-shadow:var(--site-card-shadow);
  }
  body.page-cookbook-8 tbody td {
    display:grid !important;
    grid-template-columns:86px minmax(0,1fr);
    gap:12px;
    width:100% !important;
    min-width:0 !important;
    padding:10px 13px !important;
    border:0 !important;
    border-bottom:1px solid var(--border-subtle) !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
  }
  body.page-cookbook-8 tbody td:last-child { border-bottom:0 !important; }
  body.page-cookbook-8 tbody td::before { color:var(--text-muted); font:700 .6rem/1.4 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
  body.page-cookbook-8 tbody td:nth-child(1)::before { content:"Модуль"; }
  body.page-cookbook-8 tbody td:nth-child(2)::before { content:"Функция"; }
  body.page-cookbook-8 tbody td:nth-child(3)::before { content:"Сигнатура"; }
  body.page-cookbook-8 tbody td:nth-child(4)::before { content:"Назначение"; }
  body.page-cookbook-8 tbody td:nth-child(5)::before { content:"Версия"; }
  body.page-cookbook-8 .footer { padding:18px !important; border-radius:17px !important; }
  body.page-cookbook-8 .footer-grid { grid-template-columns:1fr !important; }
}

@media (prefers-reduced-motion:reduce) {
  .cookbook-series__parts a,
  body.page-cookbook:not(.page-cookbook-8) :is(.recipe,.pattern,.ap,.project),
  .cookbook-chapter-nav > a { transition:none !important; }
}

/* Specificity guard against the legacy cookbook rules retained for content. */
body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta,
body.page-cookbook-8 > .hero .cookbook-hero-meta {
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
}
body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta__body,
body.page-cookbook-8 > .hero .cookbook-hero-meta__body {
  align-self:center;
  margin:0;
  padding:24px 0;
}
body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta__progress,
body.page-cookbook-8 > .hero .cookbook-hero-meta__progress { margin-top:8px; }

@media (max-width:1480px) {
  body.page-cookbook:not(.page-cookbook-8) > .page {
    grid-template-columns:minmax(0,1fr) !important;
  }
  body.page-cookbook:not(.page-cookbook-8) .hero,
  body.page-cookbook-8 > .hero {
    min-height:0 !important;
    grid-template-columns:minmax(0,1fr) 280px !important;
  }
}
@media (max-width:980px) {
  body.page-cookbook:not(.page-cookbook-8) .hero,
  body.page-cookbook-8 > .hero { grid-template-columns:minmax(0,1fr) !important; }
  body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta,
  body.page-cookbook-8 > .hero .cookbook-hero-meta {
    grid-column:1 !important;
    grid-row:auto !important;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto auto auto;
  }
  body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta__body,
  body.page-cookbook-8 > .hero .cookbook-hero-meta__body { padding:0; }
  body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta__progress,
  body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta__next,
  body.page-cookbook-8 > .hero :is(.cookbook-hero-meta__progress,.cookbook-hero-meta__next) { grid-column:1/-1; }
}
@media (max-width:760px) {
  body.page-cookbook:not(.page-cookbook-8) .hero,
  body.page-cookbook-8 > .hero {
    row-gap:22px !important;
    padding:32px 22px !important;
    border-radius:20px !important;
  }
  body.page-cookbook:not(.page-cookbook-8) .hero-title,
  body.page-cookbook-8 > .hero .hero-title {
    max-width:100% !important;
    font-size:clamp(2.65rem,13.2vw,4.45rem) !important;
    line-height:.94 !important;
    letter-spacing:-.058em !important;
  }
  body.page-cookbook:not(.page-cookbook-8) .hero-title br,
  body.page-cookbook-8 > .hero .hero-title br { display:none; }
  body.page-cookbook:not(.page-cookbook-8) .hero-desc,
  body.page-cookbook-8 > .hero .hero-desc { font-size:.94rem !important; line-height:1.62 !important; }
  body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta,
  body.page-cookbook-8 > .hero .cookbook-hero-meta {
    display:block;
    padding:18px;
    border-radius:16px;
  }
  body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta__body,
  body.page-cookbook-8 > .hero .cookbook-hero-meta__body { margin:18px 0; }
}

/* Final editorial tuning: compact chapter card and whole-word mobile titles. */
@media (min-width:981px) {
  body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta,
  body.page-cookbook-8 > .hero .cookbook-hero-meta {
    align-self:center;
    min-height:330px;
    max-height:390px;
    grid-template-rows:auto auto auto auto;
    gap:12px;
  }
  body.page-cookbook:not(.page-cookbook-8) .cookbook-hero-meta__body,
  body.page-cookbook-8 > .hero .cookbook-hero-meta__body {
    align-self:auto;
    padding:20px 0 12px;
  }
}
@media (max-width:760px) {
  body.page-cookbook:not(.page-cookbook-8) .hero-title,
  body.page-cookbook-8 > .hero .hero-title {
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    font-size:clamp(2.18rem, 10.7vw, 3.25rem) !important;
  }
  body.page-cookbook:not(.page-cookbook-8) .hero-title br,
  body.page-cookbook-8 > .hero .hero-title br { display:block; }
}

/* Code comparisons use the same dark technical surface as standalone snippets. */
body.page-cookbook:not(.page-cookbook-8) .compare .cmp-col,
body.page-cookbook:not(.page-cookbook-8) .fix-compare .fix-col {
  background:var(--bg-code) !important;
  color:#d7deea !important;
}
body.page-cookbook:not(.page-cookbook-8) .compare .cmp-col pre,
body.page-cookbook:not(.page-cookbook-8) .fix-compare .fix-col pre {
  background:transparent !important;
  color:#d7deea !important;
}
/* Cookbook v3: same code-explanation component as the main site ============= */
body.page-cookbook .hero {
  display:block !important;
  min-height:0 !important;
  padding:clamp(44px,4vw,78px) !important;
}
body.page-cookbook .hero > * { max-width:1120px !important; }
body.page-cookbook .hero-title {
  max-width:1000px !important;
  font-size:clamp(3.5rem,5vw,7.5rem) !important;
}
body.page-cookbook .hero-desc { max-width:76ch !important; }
body.page-cookbook .hero-chips { max-width:100% !important; }

body.page-cookbook .a1s-code {
  --a1s-code-bg:#f4f7fc;
  --a1s-code-head:#e9eff8;
  --a1s-code-text:#1b293e;
  --a1s-code-muted:#68758a;
  --a1s-code-border:#d7dfeb;
  --a1s-code-accent:var(--book-accent);
  --a1s-hint-min-height:52px;
  --a1s-hint-padding:10px 16px;
  --a1s-hint-bg:color-mix(in srgb,var(--a1s-code-head) 76%,var(--a1s-code-bg));
  --a1s-hint-active-bg:color-mix(in srgb,var(--book-accent) 8%,var(--a1s-code-head));
  --a1s-token-active-bg:color-mix(in srgb,var(--book-accent) 13%,transparent);
  --a1s-token-active-outline:color-mix(in srgb,var(--book-accent) 31%,transparent);
  --a1s-token-active-shadow:0 0 0 3px color-mix(in srgb,var(--book-accent) 8%,transparent);
  min-width:0;
  overflow:hidden;
  border:1px solid var(--a1s-code-border) !important;
  border-radius:17px !important;
  background:var(--a1s-code-bg) !important;
  box-shadow:0 16px 42px -34px color-mix(in srgb,var(--book-accent) 32%,rgba(20,34,58,.35)) !important;
}
[data-theme="dark"] body.page-cookbook .a1s-code {
  --a1s-code-bg:#0f1724;
  --a1s-code-head:#172131;
  --a1s-code-text:#e8edf5;
  --a1s-code-muted:#94a0b4;
  --a1s-code-border:#28364a;
}
body.page-cookbook .code-card.a1s-code { margin:18px 0 0 !important; }
body.page-cookbook :is(.cmp-col,.fix-col).a1s-code { margin:0 !important; }

body.page-cookbook .a1s-code__header {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:60px !important;
  margin:0 !important;
  padding:10px 13px !important;
  border:0 !important;
  border-bottom:1px solid var(--a1s-code-border) !important;
  border-radius:0 !important;
  background:var(--a1s-code-head) !important;
  color:var(--a1s-code-text) !important;
  box-shadow:none !important;
}
body.page-cookbook .a1s-code__header .dot {
  width:8px !important;
  height:8px !important;
  flex:0 0 8px !important;
  margin:0 !important;
  border-radius:50% !important;
}
body.page-cookbook .a1s-code__header .dot-r { background:#ff6a66 !important; }
body.page-cookbook .a1s-code__header .dot-y { background:#f5b83b !important; }
body.page-cookbook .a1s-code__header .dot-g { background:#2bcf77 !important; }
body.page-cookbook .a1s-code__title {
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  min-width:0 !important;
  margin-left:4px !important;
  text-align:left !important;
}
body.page-cookbook .a1s-code__title strong {
  overflow:hidden;
  color:var(--a1s-code-text) !important;
  font-family:var(--font-sans) !important;
  font-size:.78rem !important;
  font-variation-settings:var(--type-ui-strong) !important;
  line-height:1.25 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.page-cookbook .a1s-code__title span {
  margin-top:2px;
  overflow:hidden;
  color:var(--a1s-code-muted) !important;
  font-family:var(--font-sans) !important;
  font-size:.64rem !important;
  font-variation-settings:var(--type-ui) !important;
  line-height:1.25 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.page-cookbook .a1s-code__badge {
  display:inline-flex;
  min-height:26px;
  align-items:center;
  padding:4px 8px;
  border:1px solid color-mix(in srgb,var(--book-accent) 24%,var(--a1s-code-border));
  border-radius:8px;
  background:color-mix(in srgb,var(--book-accent) 9%,var(--a1s-code-head));
  color:var(--book-accent);
  font:720 .59rem/1 var(--font-mono);
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.page-cookbook .a1s-code__copy {
  min-height:30px !important;
  padding:5px 9px !important;
  border:1px solid var(--a1s-code-border) !important;
  border-radius:8px !important;
  background:color-mix(in srgb,var(--a1s-code-bg) 74%,transparent) !important;
  color:var(--a1s-code-muted) !important;
  font:650 .62rem/1 var(--font-sans) !important;
  cursor:pointer;
}
body.page-cookbook .a1s-code__copy:hover,
body.page-cookbook .a1s-code__copy.copied {
  border-color:color-mix(in srgb,var(--book-accent) 40%,var(--a1s-code-border)) !important;
  background:color-mix(in srgb,var(--book-accent) 10%,var(--a1s-code-head)) !important;
  color:var(--book-accent) !important;
}
body.page-cookbook .a1s-code__hover-hint {
  border-color:var(--a1s-code-border) !important;
  color:var(--a1s-code-muted) !important;
}

body.page-cookbook .a1s-code pre {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:clamp(20px,1.7vw,30px) !important;
  overflow:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--a1s-code-bg) !important;
  color:var(--a1s-code-text) !important;
  box-shadow:none !important;
  font-family:var(--font-mono) !important;
  font-size:clamp(.76rem,.22vw + .68rem,.92rem) !important;
  font-variant-ligatures:contextual !important;
  line-height:1.72 !important;
  tab-size:4;
  white-space:pre !important;
}
body.page-cookbook .a1s-code pre code {
  display:block;
  min-width:max-content;
  color:inherit;
  font:inherit;
}
body.page-cookbook .a1s-code pre .c-comment { color:#65758d !important; font-style:italic; }
body.page-cookbook .a1s-code pre .c-module { color:#4d64e8 !important; font-weight:700; }
body.page-cookbook .a1s-code pre .c-fn { color:#087f87 !important; font-weight:650; }
body.page-cookbook .a1s-code pre .c-var { color:#9b5b11 !important; }
body.page-cookbook .a1s-code pre .c-str { color:#087b54 !important; }
body.page-cookbook .a1s-code pre .c-kw { color:#7447c8 !important; font-weight:650; }
body.page-cookbook .a1s-code pre .c-num { color:#b85e0b !important; }
body.page-cookbook .a1s-code pre .c-date { color:#b85e0b !important; }
body.page-cookbook .a1s-code pre .c-bool { color:#bf2e72 !important; font-weight:650; }
[data-theme="dark"] body.page-cookbook .a1s-code pre .c-comment { color:#8996aa !important; }
[data-theme="dark"] body.page-cookbook .a1s-code pre .c-module { color:#91a0ff !important; }
[data-theme="dark"] body.page-cookbook .a1s-code pre .c-fn { color:#62d8d4 !important; }
[data-theme="dark"] body.page-cookbook .a1s-code pre .c-var { color:#ffc17b !important; }
[data-theme="dark"] body.page-cookbook .a1s-code pre .c-str { color:#72dbaa !important; }
[data-theme="dark"] body.page-cookbook .a1s-code pre .c-kw { color:#c39aff !important; }
[data-theme="dark"] body.page-cookbook .a1s-code pre .c-num,
[data-theme="dark"] body.page-cookbook .a1s-code pre .c-date { color:#ffbd76 !important; }
[data-theme="dark"] body.page-cookbook .a1s-code pre .c-bool { color:#ff94c2 !important; }
body.page-cookbook .a1s-code pre .hi-good {
  border-radius:4px;
  background:color-mix(in srgb,var(--green) 13%,transparent) !important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 8%,transparent);
}
body.page-cookbook .a1s-code pre .hi-bad {
  border-radius:4px;
  background:color-mix(in srgb,#d75252 12%,transparent) !important;
  box-shadow:0 0 0 2px color-mix(in srgb,#d75252 8%,transparent);
}

body.page-cookbook :is(.compare,.fix-grid) {
  gap:14px !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
}
body.page-cookbook :is(.cmp-col,.fix-col).a1s-code {
  border-right:1px solid var(--a1s-code-border) !important;
  border-bottom:1px solid var(--a1s-code-border) !important;
}
body.page-cookbook :is(.cmp-head,.fix-head).a1s-code__header::before { display:none !important; }

@media (max-width:760px) {
  body.page-cookbook .hero { padding:34px 22px !important; }
  body.page-cookbook .a1s-code__header { flex-wrap:wrap !important; min-height:0 !important; }
  body.page-cookbook .a1s-code__title { flex-basis:calc(100% - 42px) !important; }
  body.page-cookbook .a1s-code__badge { margin-left:auto; }
  body.page-cookbook .a1s-code pre { padding:18px 16px !important; font-size:.72rem !important; }
  body.page-cookbook .a1s-code__hover-hint { height:auto !important; min-height:58px !important; }
}

/* Specificity shield against seven legacy Cookbook skins. */
html[data-theme="light"] body.page-doc.page-cookbook div.a1s-code.cookbook-code,
html[data-theme="light"] body.page-cookbook div.a1s-code.cookbook-code {
  background-color:#f4f7fc !important;
  background-image:none !important;
}
html[data-theme="dark"] body.page-doc.page-cookbook div.a1s-code.cookbook-code,
html[data-theme="dark"] body.page-cookbook div.a1s-code.cookbook-code {
  background-color:#0f1724 !important;
  background-image:none !important;
}
html body.page-doc.page-cookbook div.a1s-code.cookbook-code > .a1s-code__header,
html body.page-cookbook div.a1s-code.cookbook-code > .a1s-code__header {
  background-color:var(--a1s-code-head) !important;
  background-image:none !important;
}
html body.page-doc.page-cookbook div.a1s-code.cookbook-code > pre,
html body.page-cookbook div.a1s-code.cookbook-code > pre {
  background-color:var(--a1s-code-bg) !important;
  background-image:none !important;
}
html body.page-doc.page-cookbook :is(.compare,.fix-grid),
html body.page-cookbook :is(.compare,.fix-grid) {
  border-color:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
html body.page-doc.page-cookbook div.a1s-code.cookbook-code .a1s-code__copy,
html body.page-cookbook div.a1s-code.cookbook-code .a1s-code__copy {
  opacity:1 !important;
  visibility:visible !important;
  background-color:color-mix(in srgb,var(--a1s-code-bg) 74%,transparent) !important;
  color:var(--a1s-code-muted) !important;
}
/* Standards hub and detail pages =========================================== */
.standard-shell { width:min(calc(100% - 40px),var(--site-shell-max));margin-inline:auto; }
.standard-eyebrow { display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-variation-settings:"wght" 720; }
.standard-eyebrow::before { content:"";width:28px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--teal)); }

.standards-hub,.standard-page { min-height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 34%,var(--bg)) 0,var(--bg) 680px); }
.standards-hub-hero { padding:clamp(78px,9vw,150px) 0 clamp(62px,7vw,110px);border-bottom:1px solid var(--border);overflow:hidden; }
.standards-hub-hero .standard-shell { position:relative; }
.standards-hub-hero .standard-shell::after { content:"";position:absolute;z-index:0;width:520px;height:520px;right:-80px;top:-150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 17%,transparent),transparent 66%);filter:blur(10px);pointer-events:none; }
.standards-hub-hero .standard-shell>* { position:relative;z-index:1; }
.standards-hub-hero h1 { max-width:980px;margin:24px 0 24px;color:var(--text);font-size:clamp(3.2rem,6.8vw,7.6rem);line-height:.88;letter-spacing:-.072em;font-variation-settings:"wght" 760,"FLAR" 42,"VOLM" 52; }
.standards-hub-hero h1 em { display:inline;color:var(--accent);font:inherit;font-style:normal; }
.standards-hub-hero>div>p { max-width:760px;margin:0;color:var(--text-secondary);font-size:clamp(1rem,1.3vw,1.26rem);line-height:1.65;text-wrap:pretty; }
.standards-hub-hero__proof { display:grid;grid-template-columns:repeat(3,minmax(0,190px));gap:1px;width:max-content;margin-top:42px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--border); }
.standards-hub-hero__proof div { display:grid;gap:3px;padding:15px 18px;background:color-mix(in srgb,var(--bg-card-solid) 92%,transparent); }
.standards-hub-hero__proof strong { color:var(--text);font:1.25rem/1 var(--font-mono); }
.standards-hub-hero__proof span { color:var(--text-muted);font-size:.68rem; }

.standards-hub-map { padding:clamp(64px,7vw,112px) 0; }
.standards-hub-map>header { display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.58fr);gap:28px;align-items:end;margin-bottom:34px; }
.standards-hub-map>header .standard-eyebrow { grid-column:1/-1; }
.standards-hub-map h2,.standards-canon h2 { margin:0;color:var(--text);font-size:clamp(2rem,4vw,4.4rem);line-height:.96;letter-spacing:-.052em;font-variation-settings:"wght" 650,"FLAR" 28; }
.standards-hub-map>header p { margin:0;color:var(--text-secondary);line-height:1.65; }
.standards-hub-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; }
.standards-hub-card { position:relative;display:flex;flex-direction:column;min-height:270px;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card-solid);color:var(--text);text-decoration:none;box-shadow:var(--site-card-shadow);overflow:hidden;transition:transform 190ms var(--ease-out),border-color 160ms,box-shadow 190ms; }
.standards-hub-card::before { content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--accent),var(--teal));opacity:.56; }
.standards-hub-card:hover { transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:var(--site-card-shadow-hover); }
.standards-hub-card>span { color:var(--accent);font-size:.65rem;letter-spacing:.11em;text-transform:uppercase; }
.standards-hub-card h2 { margin:25px 0 10px;font-size:1.45rem;line-height:1.05;letter-spacing:-.035em; }
.standards-hub-card p { margin:0;color:var(--text-secondary);font-size:.83rem;line-height:1.55; }
.standards-hub-card b { margin-top:auto;padding-top:26px;color:var(--accent);font-size:.76rem; }

.standards-canon { display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:42px;padding:0 0 clamp(70px,8vw,130px); }
.standards-canon>div { padding-top:10px; }
.standards-canon h2 { margin-top:18px; }
.standards-canon ol { display:grid;gap:10px;margin:0;padding:0;list-style:none; }
.standards-canon li { display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:20px;border:1px solid var(--border);border-radius:17px;background:var(--bg-card-solid); }
.standards-canon li>b { display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font:700 .72rem/1 var(--font-mono); }
.standards-canon li>span { display:grid;gap:6px; }
.standards-canon strong { font-size:1rem; }
.standards-canon small { color:var(--text-secondary);font-size:.79rem;line-height:1.5; }

.standard-hero { padding:clamp(66px,7.5vw,122px) 0 clamp(54px,6vw,92px);border-bottom:1px solid var(--border); }
.standard-hero__grid { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:clamp(36px,6vw,100px);align-items:end; }
.standard-hero h1 { max-width:900px;margin:22px 0 20px;color:var(--text);font-size:clamp(3.3rem,6.6vw,7.3rem);line-height:.88;letter-spacing:-.072em;font-variation-settings:"wght" 730,"FLAR" 36,"VOLM" 48; }
.standard-hero__grid>div>p { max-width:760px;margin:0;color:var(--text-secondary);font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.65; }
.standard-hero__meta { display:flex;flex-wrap:wrap;gap:7px;margin-top:28px; }
.standard-hero__meta span { padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card-solid);color:var(--text-muted);font-size:.65rem; }
.standard-hero aside { position:relative;padding:25px;border:1px solid var(--border);border-radius:21px;background:var(--bg-card-solid);box-shadow:var(--site-card-shadow);overflow:hidden; }
.standard-hero aside::before { content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--accent),var(--teal)); }
.standard-hero aside>span { color:var(--accent);font-size:.63rem;letter-spacing:.12em;text-transform:uppercase; }
.standard-hero aside>strong { display:block;margin:18px 0 10px;font-size:1.18rem;line-height:1.25;letter-spacing:-.025em; }
.standard-hero aside>p { margin:0;color:var(--text-secondary);font-size:.79rem;line-height:1.55; }
.standard-hero aside>a { display:inline-flex;margin-top:20px;color:var(--accent);text-decoration:none;font-size:.76rem;font-weight:650; }

.standard-layout { display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,4vw,64px);padding:clamp(48px,5vw,84px) 0 clamp(70px,8vw,130px); }
.standard-toc { position:sticky;top:calc(var(--site-nav-h) + 22px);align-self:start;max-height:calc(100vh - var(--site-nav-h) - 44px);overflow:auto;padding:17px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--bg-card-solid) 92%,transparent);box-shadow:var(--site-card-shadow); }
.standard-toc>span { display:block;margin:0 8px 10px;color:var(--text-muted);font-size:.61rem;letter-spacing:.12em;text-transform:uppercase; }
.standard-toc nav { display:grid;gap:3px;margin:0;padding:0;border:0;background:transparent;box-shadow:none; }
.standard-toc a { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:.71rem; }
.standard-toc a:hover,.standard-toc a.is-current { border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:var(--accent-soft);color:var(--accent); }
.standard-toc a span { opacity:.65; }
.standard-content { min-width:0;display:grid;gap:18px; }
.standard-card { margin:0;padding:clamp(22px,3vw,36px);border:1px solid var(--border);border-radius:22px;background:var(--bg-card-solid);box-shadow:var(--site-card-shadow); }
.standard-card h2 { margin:0 0 20px;color:var(--text);font-size:clamp(1.5rem,2.5vw,2.45rem);line-height:1;letter-spacing:-.045em;font-variation-settings:"wght" 630,"FLAR" 22; }
.standard-card h3 { margin:26px 0 12px;color:var(--text);font-size:1.12rem; }
.standard-card p { color:var(--text-secondary);line-height:1.68; }
.standard-card code:not(pre code) { padding:2px 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg-subtle);color:var(--accent);font-size:.86em; }
.standard-list { display:grid;gap:10px;margin:0;padding-left:1.2rem;color:var(--text-secondary); }
.standard-list li { padding-left:4px;line-height:1.62; }
.standard-list li::marker { color:var(--accent); }
.standard-table-wrap { overflow:auto;border:1px solid var(--border);border-radius:15px; }
.standard-table { width:100%;border-collapse:collapse;min-width:620px; }
.standard-table th,.standard-table td { padding:13px 15px;border:0;border-bottom:1px solid var(--border);text-align:left;vertical-align:top; }
.standard-table tr:last-child td { border-bottom:0; }
.standard-table th { background:var(--bg-subtle);color:var(--text-muted);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase; }
.standard-table td { color:var(--text-secondary);font-size:.78rem;line-height:1.5; }
.standard-table .good { color:var(--teal); }.standard-table .bad { color:var(--coral); }
.standard-code { margin:20px 0 0; }
.standard-code .a1s-code__header { min-height:62px; }
.standard-code pre { max-height:590px; }
.standard-prev-next { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding:0;border:0;background:transparent;box-shadow:none; }
.standard-prev-next a { display:grid;gap:5px;padding:17px 19px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card-solid);color:var(--text);text-decoration:none; }
.standard-prev-next a:last-child { text-align:right; }
.standard-prev-next span { color:var(--text-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em; }
.standard-prev-next strong { font-size:.84rem; }
.standard-prev-next a:hover { border-color:color-mix(in srgb,var(--accent) 32%,var(--border));background:var(--accent-soft); }

@media(min-width:1800px) {
  .standard-shell { width:min(calc(100% - 9vw),1900px); }
  .standards-hub-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .standard-layout { grid-template-columns:280px minmax(0,1fr); }
  .standard-content { grid-template-columns:repeat(2,minmax(0,1fr));align-items:start; }
  .standard-content>.standard-card:has(.standard-code),.standard-content>.standard-prev-next { grid-column:1/-1; }
}
@media(max-width:1100px) {
  .standards-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .standard-hero__grid { grid-template-columns:1fr; }
  .standard-hero aside { max-width:720px; }
  .standard-layout { grid-template-columns:1fr; }
  .standard-toc { position:static;max-height:none;overflow:visible; }
  .standard-toc nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .standards-canon { grid-template-columns:1fr; }
}
@media(max-width:720px) {
  .standard-shell { width:min(calc(100% - 24px),var(--site-shell-max)); }
  .standards-hub-hero { padding-top:62px; }
  .standards-hub-hero h1,.standard-hero h1 { font-size:clamp(2.7rem,15vw,4.8rem); }
  .standards-hub-hero__proof { width:100%;grid-template-columns:repeat(3,1fr); }
  .standards-hub-hero__proof div { padding:12px 9px; }
  .standards-hub-map>header { grid-template-columns:1fr; }
  .standards-hub-map>header .standard-eyebrow { grid-column:auto; }
  .standards-hub-grid { grid-template-columns:1fr; }
  .standards-hub-card { min-height:225px; }
  .standard-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .standard-prev-next { grid-template-columns:1fr; }
  .standard-prev-next a:last-child { text-align:left; }
}
@media(max-width:430px) {
  .standard-toc nav { grid-template-columns:1fr; }
  .standards-hub-hero__proof { grid-template-columns:1fr; }
  .standard-card { border-radius:18px;padding:19px; }
}
.standard-code .a1s-code__title { display:grid;gap:3px;min-width:0; }
.standard-code .a1s-code__title strong,.standard-code .a1s-code__title span { display:block; }
.standard-code .a1s-code__title span { color:var(--a1s-code-muted);font-size:.66rem;font-weight:520; }
/* MILA v1.0 hub, documentation and micro-course =============================== */
.page-mila-hub,.page-mila-doc,.page-mila-course,.page-mila-lesson{--mila-violet:#6757ee;--mila-cyan:#0d9299;--mila-green:#16845d;--mila-amber:#bd6715;background:radial-gradient(55rem 28rem at 8% 0%,color-mix(in srgb,var(--purple) 12%,transparent),transparent 68%),radial-gradient(42rem 28rem at 96% 8%,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 72%),var(--bg)}
.mila-shell{width:min(calc(100% - clamp(28px,5vw,96px)),1720px);margin:0 auto;padding:clamp(42px,6vw,92px) 0 110px}
.mila-eyebrow,.mila-step-label{display:inline-flex;align-items:center;gap:8px;color:var(--mila-violet);font-size:.7rem;font-variation-settings:var(--type-label);letter-spacing:.14em;text-transform:uppercase}
.mila-eyebrow::before,.mila-step-label::before{content:"";width:24px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--mila-violet),var(--cyan))}
.mila-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:12px;padding:11px 17px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card-solid);color:var(--text);text-decoration:none;font-size:.84rem;font-variation-settings:var(--type-ui-strong);box-shadow:0 10px 26px rgba(24,31,53,.05);transition:transform .22s var(--ease-out),border-color .16s,background .16s,box-shadow .22s}
.mila-button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mila-violet) 48%,var(--border));box-shadow:var(--shadow-sm)}
.mila-button.is-primary{border-color:transparent;background:linear-gradient(135deg,var(--mila-violet),color-mix(in srgb,var(--mila-violet) 60%,var(--cyan)));color:#fff;box-shadow:0 15px 30px color-mix(in srgb,var(--mila-violet) 24%,transparent)}
.mila-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.mila-hub-hero,.mila-course-hero,.mila-doc-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);gap:clamp(34px,6vw,90px);align-items:center;min-height:530px;padding:clamp(36px,5vw,76px);overflow:hidden;border:1px solid var(--border);border-radius:32px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-card-solid) 94%,transparent),color-mix(in srgb,var(--purple-soft) 48%,var(--bg-card-solid)));box-shadow:var(--shadow)}
.mila-hub-hero h1,.mila-course-hero h1,.mila-doc-hero h1,.mila-lesson-hero h1{margin:17px 0 20px;max-width:1000px;color:var(--text);font-size:clamp(3.2rem,5.7vw,7.8rem);font-variation-settings:var(--type-display);letter-spacing:-.065em;line-height:.93;text-wrap:balance}
.mila-hub-hero h1 em,.mila-course-hero h1 em{display:block;color:var(--mila-violet);font-style:normal;font-variation-settings:var(--type-display-accent)}
.mila-hub-hero>div>p,.mila-course-hero>div>p,.mila-doc-hero>div>p,.mila-lesson-hero>div>p{max-width:780px;margin:0;color:var(--text-secondary);font-size:clamp(1.02rem,1.35vw,1.3rem);line-height:1.7;text-wrap:pretty}
.mila-formula-card,.mila-doc-hero>aside,.mila-course-hero>aside{position:relative;padding:28px;border:1px solid color-mix(in srgb,var(--mila-violet) 28%,var(--border));border-radius:24px;background:color-mix(in srgb,var(--bg-card-solid) 92%,var(--purple-soft));box-shadow:0 28px 62px -34px color-mix(in srgb,var(--mila-violet) 48%,transparent)}
.mila-formula-card>span,.mila-doc-hero>aside>span,.mila-course-hero>aside>span{display:block;margin-bottom:18px;color:var(--text-muted);font-size:.68rem;font-variation-settings:var(--type-label);letter-spacing:.15em;text-transform:uppercase}
.mila-formula-card>div{display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--border-subtle)}
.mila-formula-card strong{color:var(--mila-violet);font:750 1rem var(--font-mono)}
.mila-formula-card i{color:var(--text-secondary);font-style:normal;font-size:.82rem}
.mila-formula-card>b,.mila-doc-hero>aside>b{display:block;margin-top:19px;padding:12px 14px;border-radius:12px;background:var(--mila-violet);color:#fff;font:750 .82rem var(--font-mono);text-align:center;letter-spacing:.05em}
.mila-principle{margin:28px 0;padding:28px clamp(22px,4vw,46px);border:1px solid var(--border);border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--mila-violet) 8%,var(--bg-card-solid)),color-mix(in srgb,var(--cyan) 6%,var(--bg-card-solid)))}
.mila-principle>span{color:var(--mila-violet);font-size:.68rem;font-variation-settings:var(--type-label);letter-spacing:.14em;text-transform:uppercase}
.mila-principle blockquote{margin:10px 0 0;max-width:1350px;color:var(--text);font-size:clamp(1.25rem,2.1vw,2.25rem);font-variation-settings:var(--type-heading-sm);letter-spacing:-.025em;line-height:1.35}
.mila-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:28px;align-items:end;margin:72px 0 26px}
.mila-section-head span{color:var(--mila-violet);font-size:.68rem;font-variation-settings:var(--type-label);letter-spacing:.14em;text-transform:uppercase}
.mila-section-head h2{margin:8px 0 0;color:var(--text);font-size:clamp(2.1rem,3.5vw,4.5rem);font-variation-settings:var(--type-display);letter-spacing:-.055em;line-height:1}
.mila-section-head>p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.7}
.mila-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mila-map-card{position:relative;display:flex;min-height:280px;flex-direction:column;padding:26px;border:1px solid var(--border);border-radius:22px;background:var(--bg-card-solid);color:var(--text);text-decoration:none;box-shadow:0 14px 38px rgba(26,34,57,.05);transition:transform .24s var(--ease-out),border-color .16s,box-shadow .24s}
.mila-map-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--mila-violet) 50%,var(--border));box-shadow:var(--shadow)}
.mila-map-card>span{color:var(--text-muted);font-size:.67rem;font-variation-settings:var(--type-label);letter-spacing:.12em;text-transform:uppercase}
.mila-map-card h2{margin:17px 0 11px;font-size:1.55rem;font-variation-settings:var(--type-heading);letter-spacing:-.035em}
.mila-map-card p{margin:0;color:var(--text-secondary);font-size:.86rem;line-height:1.62}
.mila-map-card>b{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;color:var(--mila-violet);font-size:.8rem;font-variation-settings:var(--type-ui-strong)}
.mila-map-card>b i{font-style:normal;font-size:1.1rem}
.mila-course-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:24px;padding:34px clamp(24px,4vw,50px);border:1px solid color-mix(in srgb,var(--mila-violet) 32%,var(--border));border-radius:25px;background:linear-gradient(130deg,color-mix(in srgb,var(--mila-violet) 11%,var(--bg-card-solid)),var(--bg-card-solid))}
.mila-course-callout span{color:var(--mila-violet);font-size:.68rem;font-variation-settings:var(--type-label);letter-spacing:.13em;text-transform:uppercase}
.mila-course-callout h2{margin:8px 0 8px;font-size:clamp(1.6rem,2.6vw,3rem);font-variation-settings:var(--type-heading);letter-spacing:-.045em;line-height:1.08}
.mila-course-callout p{margin:0;color:var(--text-secondary)}
/* Documentation */
.mila-doc-hero{min-height:440px}
.mila-doc-hero h1{font-size:clamp(3rem,5vw,6.6rem)}
.mila-doc-hero>aside{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.mila-doc-hero>aside>span,.mila-doc-hero>aside>b{grid-column:1/-1}
.mila-doc-hero>aside strong,.mila-doc-hero>aside i{display:grid;min-height:48px;place-items:center;border:1px solid var(--border-subtle);border-radius:11px;background:var(--bg-card-solid);font:750 .8rem var(--font-mono);font-style:normal}
.mila-doc-hero>aside strong{color:var(--mila-violet)}
.mila-doc-hero>aside i{color:var(--text-muted)}
.mila-docs-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:18px 0 26px}
.mila-docs-nav a{display:flex;min-height:74px;flex-direction:column;justify-content:center;padding:11px 14px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card-solid);color:var(--text);text-decoration:none;transition:border-color .16s,background .16s,transform .2s}
.mila-docs-nav a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mila-violet) 45%,var(--border));background:var(--purple-soft)}
.mila-docs-nav a.is-current{border-color:transparent;background:var(--mila-violet);color:#fff}
.mila-docs-nav span{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;opacity:.68}
.mila-docs-nav strong{margin-top:3px;font-size:.76rem}
.mila-doc-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start}
.mila-local-toc{position:sticky;top:calc(var(--site-nav-h,72px) + 22px);display:grid;gap:4px;padding:18px;border:1px solid var(--border);border-radius:17px;background:var(--bg-card-solid)}
.mila-local-toc>span{margin-bottom:8px;color:var(--text-muted);font-size:.65rem;font-variation-settings:var(--type-label);letter-spacing:.12em;text-transform:uppercase}
.mila-local-toc a{padding:8px 10px;border-radius:9px;color:var(--text-secondary);font-size:.76rem;line-height:1.35;text-decoration:none}
.mila-local-toc a:hover{background:var(--purple-soft);color:var(--mila-violet)}
.mila-doc-content{min-width:0;padding:clamp(28px,4vw,58px);border:1px solid var(--border);border-radius:25px;background:var(--bg-card-solid);box-shadow:0 18px 48px rgba(27,35,58,.05)}
.mila-doc-content h2{margin:58px 0 17px;padding-top:6px;color:var(--text);font-size:clamp(1.75rem,2.7vw,3rem);font-variation-settings:var(--type-heading);letter-spacing:-.04em;line-height:1.1}
.mila-doc-content h2:first-child{margin-top:0}
.mila-doc-content h3{margin:34px 0 12px;color:var(--text);font-size:1.25rem;font-variation-settings:var(--type-heading-sm)}
.mila-doc-content p,.mila-doc-content li{color:var(--text-secondary);font-size:.95rem;line-height:1.75}
.mila-doc-content ul,.mila-doc-content ol{display:grid;gap:8px;padding-left:23px}
.mila-doc-content blockquote{margin:24px 0;padding:20px 23px;border:1px solid color-mix(in srgb,var(--mila-violet) 25%,var(--border));border-left:4px solid var(--mila-violet);border-radius:14px;background:var(--purple-soft)}
.mila-doc-content blockquote p{margin:0;color:var(--text);font-size:1.02rem;font-variation-settings:var(--type-body-strong)}
.mila-doc-content :not(pre)>code,.mila-lesson-content :not(pre)>code{padding:2px 6px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-hover);color:var(--mila-violet);font-size:.86em}
.mila-table-wrap{margin:22px 0;overflow:auto;border:1px solid var(--border);border-radius:15px}
.mila-table-wrap table{width:100%;border-collapse:collapse;min-width:620px}
.mila-table-wrap th,.mila-table-wrap td{padding:12px 14px;border-bottom:1px solid var(--border-subtle);text-align:left}
.mila-table-wrap th{background:var(--purple-soft);color:var(--text);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.mila-table-wrap td{color:var(--text-secondary);font-size:.84rem}
.mila-code{margin:24px 0}
.mila-code-plain{margin:22px 0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--bg-code);box-shadow:0 12px 32px rgba(22,29,49,.08)}
.mila-code-plain__head{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.09);background:var(--bg-code-header);color:#aeb8ca}
.mila-code-plain__head span{font:700 .63rem var(--font-mono);letter-spacing:.13em}
.mila-code-plain__head button{padding:5px 9px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.04);color:#d6ddea;font-size:.67rem;cursor:pointer}
.mila-code-plain pre{margin:0;padding:20px 22px;overflow:auto;color:#d6ddea;font-size:.81rem;line-height:1.7}
.mila-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.mila-prev-next>a,.mila-prev-next>span{display:flex;min-height:88px;flex-direction:column;justify-content:center;padding:17px 20px;border:1px solid var(--border);border-radius:15px;background:var(--bg-card-solid);color:var(--text);text-decoration:none}
.mila-prev-next>a:last-child{text-align:right}
.mila-prev-next span span,.mila-prev-next a span{color:var(--text-muted);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}
.mila-prev-next strong{margin-top:3px;font-size:.88rem}
.mila-prev-next a:hover{border-color:color-mix(in srgb,var(--mila-violet) 45%,var(--border));background:var(--purple-soft)}
/* Course */
.mila-course-hero{min-height:500px}
.mila-course-hero h1{font-size:clamp(3.1rem,5.25vw,7rem)}
.mila-course-facts{display:flex;gap:9px;margin-top:27px}
.mila-course-facts div{min-width:104px;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card-solid)}
.mila-course-facts strong,.mila-course-facts span{display:block}
.mila-course-facts strong{color:var(--mila-violet);font-size:1.35rem}
.mila-course-facts span{color:var(--text-muted);font-size:.67rem}
.mila-course-hero>aside ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.mila-course-hero>aside li{position:relative;padding-left:25px;color:var(--text-secondary);font-size:.85rem;line-height:1.5}
.mila-course-hero>aside li::before{content:"✓";position:absolute;left:0;color:var(--mila-green);font-weight:800}
.mila-lessons-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.mila-lesson-card{display:flex;min-height:330px;flex-direction:column;padding:23px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card-solid);color:var(--text);text-decoration:none;transition:transform .24s var(--ease-out),border-color .16s,box-shadow .24s}
.mila-lesson-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--mila-violet) 50%,var(--border));box-shadow:var(--shadow)}
.mila-lesson-card>b{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:var(--purple-soft);color:var(--mila-violet);font:750 .72rem var(--font-mono)}
.mila-lesson-card>span{margin-top:20px;color:var(--text-muted);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase}
.mila-lesson-card h2{margin:10px 0 10px;font-size:1.2rem;font-variation-settings:var(--type-heading-sm);letter-spacing:-.025em;line-height:1.15}
.mila-lesson-card p{margin:0;color:var(--text-secondary);font-size:.79rem;line-height:1.58}
.mila-lesson-card>strong{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px;color:var(--mila-violet);font-size:.74rem}
.mila-lesson-card i{font-style:normal}
/* Lessons */
.mila-lesson-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:center;padding:38px 0 34px}
.mila-lesson-number{display:grid;width:82px;height:82px;place-items:center;border-radius:24px;background:linear-gradient(145deg,var(--mila-violet),color-mix(in srgb,var(--mila-violet) 55%,var(--cyan)));color:#fff;font:780 1.2rem var(--font-mono);box-shadow:0 18px 38px color-mix(in srgb,var(--mila-violet) 24%,transparent)}
.mila-lesson-hero h1{margin:9px 0 10px;font-size:clamp(2.25rem,4vw,5rem);line-height:1}
.mila-lesson-hero>a{align-self:start;padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card-solid);color:var(--text-secondary);font-size:.72rem;text-decoration:none}
.mila-progress{height:4px;margin-bottom:25px;overflow:hidden;border-radius:99px;background:var(--border-subtle)}
.mila-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mila-violet),var(--cyan))}
.mila-lesson-content{display:grid;gap:18px;max-width:1180px;margin:0 auto}
.mila-lesson-content>section{padding:clamp(25px,4vw,48px);border:1px solid var(--border);border-radius:22px;background:var(--bg-card-solid);box-shadow:0 14px 38px rgba(24,31,53,.04)}
.mila-lesson-content h2{margin:10px 0 15px;color:var(--text);font-size:clamp(1.55rem,2.7vw,2.75rem);font-variation-settings:var(--type-heading);letter-spacing:-.04em;line-height:1.12}
.mila-lesson-content p,.mila-lesson-content li{color:var(--text-secondary);font-size:.94rem;line-height:1.72}
.mila-lesson-content a{color:var(--mila-violet)}
.mila-compare{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}
.mila-compare>div{padding:19px;border:1px solid color-mix(in srgb,var(--pink) 24%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--pink) 5%,var(--bg-hover))}
.mila-compare>div.is-good{border-color:color-mix(in srgb,var(--green) 28%,var(--border));background:color-mix(in srgb,var(--green) 5%,var(--bg-hover))}
.mila-compare span,.mila-compare code,.mila-compare p{display:block}
.mila-compare span{color:var(--text-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.09em}
.mila-compare code{margin:12px 0;color:var(--text);font-size:.82rem}
.mila-compare p{margin:0;font-size:.8rem}
.mila-checklist,.mila-scenarios{display:grid;gap:9px;padding:0;list-style:none}
.mila-checklist li,.mila-scenarios li{padding:13px 15px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-hover)}
.mila-practice{border-color:color-mix(in srgb,var(--mila-violet) 30%,var(--border))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--purple-soft) 65%,var(--bg-card-solid)),var(--bg-card-solid))!important}
.mila-practice>span{color:var(--mila-violet);font-size:.68rem;font-variation-settings:var(--type-label);letter-spacing:.13em;text-transform:uppercase}
.mila-practice>pre{padding:17px;border:1px solid var(--border);border-radius:12px;background:var(--bg-hover);overflow:auto}
.mila-practice details{margin-top:20px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card-solid)}
.mila-practice summary{cursor:pointer;color:var(--mila-violet);font-size:.82rem;font-variation-settings:var(--type-ui-strong)}
.mila-selfcheck{border-color:color-mix(in srgb,var(--mila-green) 28%,var(--border))!important}
.mila-selfcheck ol{display:grid;gap:8px}
.mila-state-grid,.mila-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.mila-state-grid>div,.mila-role-grid>div{padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--bg-hover)}
.mila-state-grid strong,.mila-state-grid span,.mila-role-grid strong,.mila-role-grid span{display:block}
.mila-state-grid strong,.mila-role-grid strong{color:var(--mila-violet);font-size:.9rem}
.mila-state-grid span,.mila-role-grid span{margin-top:5px;color:var(--text-muted);font-size:.72rem;line-height:1.45}
.mila-warning{padding:15px 17px;border-left:4px solid var(--orange);border-radius:10px;background:var(--orange-soft)}
.mila-test-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.mila-test-matrix>div{padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--bg-hover);text-align:center}
.mila-test-matrix>div.is-edge{border-color:color-mix(in srgb,var(--mila-violet) 48%,var(--border));background:var(--purple-soft)}
.mila-test-matrix span,.mila-test-matrix strong,.mila-test-matrix b{display:block}
.mila-test-matrix span{color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.09em}
.mila-test-matrix strong{margin:8px 0;font:700 .78rem var(--font-mono)}
.mila-test-matrix b{color:var(--mila-green);font-size:.78rem}
.mila-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}
.mila-answer-grid code{display:block;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--bg-card-solid);text-align:center}
.mila-process{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0}
.mila-process span{padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--purple-soft);color:var(--mila-violet);font:700 .7rem var(--font-mono)}
.mila-process i{color:var(--text-muted);font-style:normal}
@media(min-width:2000px){.mila-shell{width:min(calc(100% - 160px),2200px)}.mila-map-grid{grid-template-columns:repeat(3,1fr)}.mila-doc-layout{grid-template-columns:300px minmax(0,1fr)}.mila-doc-content{padding:68px 80px}.mila-lessons-grid{gap:18px}.mila-lesson-card{min-height:360px}}
@media(max-width:1240px){.mila-hub-hero,.mila-course-hero,.mila-doc-hero{grid-template-columns:1fr;min-height:0}.mila-formula-card,.mila-doc-hero>aside,.mila-course-hero>aside{max-width:none}.mila-map-grid{grid-template-columns:repeat(2,1fr)}.mila-lessons-grid{grid-template-columns:repeat(2,1fr)}.mila-lesson-card:last-child{grid-column:1/-1}.mila-docs-nav{grid-template-columns:repeat(3,1fr)}.mila-doc-layout{grid-template-columns:1fr}.mila-local-toc{position:static;grid-template-columns:repeat(3,1fr)}.mila-local-toc>span{grid-column:1/-1}}
@media(max-width:760px){.mila-shell{width:min(calc(100% - 24px),1720px);padding-top:28px}.mila-hub-hero,.mila-course-hero,.mila-doc-hero{padding:28px 21px;border-radius:23px}.mila-hub-hero h1,.mila-course-hero h1,.mila-doc-hero h1{font-size:clamp(2.75rem,14vw,4.6rem)}.mila-hero-actions{display:grid}.mila-button{width:100%}.mila-map-grid,.mila-lessons-grid,.mila-section-head,.mila-course-callout{grid-template-columns:1fr}.mila-map-card{min-height:235px}.mila-lessons-grid .mila-lesson-card:last-child{grid-column:auto}.mila-course-callout .mila-button{width:100%}.mila-docs-nav{display:flex;overflow:auto;padding-bottom:3px}.mila-docs-nav a{min-width:140px}.mila-local-toc{grid-template-columns:1fr 1fr}.mila-doc-content{padding:24px 19px;border-radius:19px}.mila-prev-next{grid-template-columns:1fr}.mila-prev-next>a:last-child{text-align:left}.mila-lesson-hero{grid-template-columns:auto 1fr;gap:15px}.mila-lesson-hero>a{grid-column:1/-1;justify-self:start}.mila-lesson-number{width:60px;height:60px;border-radius:17px}.mila-lesson-hero h1{font-size:clamp(2rem,9vw,3rem)}.mila-compare,.mila-state-grid,.mila-role-grid,.mila-test-matrix,.mila-answer-grid{grid-template-columns:1fr}.mila-course-facts{display:grid;grid-template-columns:repeat(3,1fr)}.mila-course-facts div{min-width:0}.mila-section-head{margin-top:50px}.mila-principle blockquote{font-size:1.18rem}}
@media(max-width:430px){.mila-local-toc{grid-template-columns:1fr}.mila-course-facts{grid-template-columns:1fr}.mila-doc-hero>aside{grid-template-columns:1fr}.mila-doc-hero>aside>span,.mila-doc-hero>aside>b{grid-column:auto}}
@media(max-width:760px){
  .mila-hub-hero h1,.mila-course-hero h1,.mila-doc-hero h1,.mila-lesson-hero h1{overflow-wrap:anywhere;word-break:normal}
  .mila-course-hero h1{font-size:clamp(2.55rem,11.2vw,3.7rem);letter-spacing:-.05em;line-height:.96}
}
@media(max-width:430px){
  .mila-course-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mila-course-facts div{padding:11px 8px;text-align:center}
  .mila-course-facts strong{font-size:1.12rem}
}
/* Step 37 — narrative homepage ============================================= */
.page-home-v5 {
  --home5-shell: min(2360px, calc(100vw - clamp(40px, 7vw, 152px)));
  --home5-section-y: clamp(78px, 7vw, 142px);
  --home5-card-radius: clamp(20px, 1.5vw, 30px);
  background:
    radial-gradient(72rem 38rem at -4% 5%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 68%),
    radial-gradient(62rem 36rem at 103% 16%, color-mix(in srgb, var(--cyan) 7%, transparent), transparent 70%),
    var(--bg);
}
.page-home-v5 .home4-shell { width: var(--home5-shell); max-width: none; }
.page-home-v5 .home5-main > section { position: relative; }
.page-home-v5 .home5-main > section:not(.home5-hero) { padding-top: var(--home5-section-y); padding-bottom: var(--home5-section-y); }
.page-home-v5 .home5-main > section + section { border-top: 1px solid var(--border-subtle); }
.page-home-v5 .home4-eyebrow {
  display: inline-flex; align-items: center; gap: 10px; color: var(--accent);
  font: 740 .69rem/1.2 var(--font-mono); letter-spacing: .115em; text-transform: uppercase;
}
.page-home-v5 .home4-eyebrow::before { content:""; width: 26px; height: 2px; border-radius: 999px; background: currentColor; opacity: .8; }
.page-home-v5 .home5-narrative-head { max-width: 1040px; }
.page-home-v5 .home5-narrative-head.is-centered { margin-inline: auto; text-align: center; }
.page-home-v5 .home5-narrative-head.is-centered .home4-eyebrow { justify-content: center; }
.page-home-v5 .home5-narrative-head h2,
.page-home-v5 .home5-architecture-copy h2,
.page-home-v5 .home5-future-hero h2,
.page-home-v5 .home5-boundaries-grid h2,
.page-home-v5 .home5-island-copy h2 {
  margin: 18px 0 20px; max-width: 17ch; color: var(--text);
  font-size: clamp(2.65rem, 4.3vw, 6.2rem); font-variation-settings: var(--type-display);
  line-height: .98; letter-spacing: -.058em;
}
.page-home-v5 .home5-narrative-head p,
.page-home-v5 .home5-architecture-copy > p,
.page-home-v5 .home5-future-hero > p,
.page-home-v5 .home5-boundaries-grid > div > p,
.page-home-v5 .home5-island-copy > p {
  margin: 0; max-width: 73ch; color: var(--text-secondary); font-size: clamp(1rem, .42vw + .88rem, 1.25rem); line-height: 1.72;
}
.page-home-v5 .home5-narrative-head.is-centered h2,
.page-home-v5 .home5-narrative-head.is-centered p { margin-inline: auto; }

/* Hero */
.page-home-v5 .home5-hero { min-height: auto; padding: clamp(72px, 7vw, 132px) 0 clamp(80px, 7vw, 138px); overflow: clip; }
.page-home-v5 .home5-hero::before {
  content:""; position:absolute; inset: 8% auto auto 46%; width: min(62vw, 1060px); aspect-ratio: 1;
  border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb,var(--accent) 15%,transparent), transparent 64%); filter: blur(24px); pointer-events:none;
}
.page-home-v5 .home5-hero-grid { grid-template-columns: minmax(480px, .88fr) minmax(640px, 1.12fr); gap: clamp(54px, 5vw, 126px); align-items: center; }
.page-home-v5 .home5-hero-copy { max-width: 850px; }
.page-home-v5 .home5-hero h1 {
  margin: 23px 0 28px; max-width: 10.8ch; font-size: clamp(4.4rem, 6.3vw, 9.2rem);
  font-variation-settings: var(--type-display); line-height: .82; letter-spacing: -.072em;
}
.page-home-v5 .home5-hero h1 > span { color: var(--text); font-variation-settings: "wght" 500,"slnt" 0,"FLAR" 12,"VOLM" 2; }
.page-home-v5 .home5-hero h1 em { color: var(--accent); font-style: normal; font-variation-settings: var(--type-display-accent); }
.page-home-v5 .home5-hero .home4-lead { max-width: 730px; font-size: clamp(1.06rem, .46vw + .91rem, 1.34rem); line-height: 1.68; }
.page-home-v5 .home5-actions { align-items: center; flex-wrap: wrap; }
.page-home-v5 .home5-actions .home4-text-link { width: 100%; margin-top: 5px; }
.page-home-v5 .home5-proof { grid-template-columns: repeat(4, minmax(0,1fr)); max-width: 740px; }
.page-home-v5 .home5-proof > div { min-width: 0; }
.page-home-v5 .home5-proof strong { font-size: clamp(1.35rem, 1.5vw, 2rem); }
.page-home-v5 .home4-hero-visual { position: relative; z-index: 1; }
.page-home-v5 .home4-code-card-featured { border-radius: 24px; box-shadow: 0 46px 120px -54px color-mix(in srgb,var(--accent) 42%,rgba(14,28,54,.5)); transform: rotate(.4deg); }
.page-home-v5 .home4-flow { max-width: 88%; margin-inline: auto; }

/* Problem / before-after */
.page-home-v5 .home5-problem { background: color-mix(in srgb,var(--bg-deep) 72%,transparent); }
.page-home-v5 .home5-before-after { display:grid; grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr); gap: 22px; align-items:stretch; margin-top: clamp(42px,4vw,76px); }
.page-home-v5 .home5-compare-card {
  overflow:hidden; border:1px solid var(--border); border-radius:var(--home5-card-radius); background:var(--bg-card-solid); box-shadow:var(--shadow-sm);
}
.page-home-v5 .home5-compare-card header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; border-bottom:1px solid var(--border-subtle); }
.page-home-v5 .home5-compare-card header span { padding:6px 9px; border-radius:8px; font:750 .64rem/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.page-home-v5 .home5-compare-card.is-before header span { background:color-mix(in srgb,var(--orange) 13%,transparent); color:var(--orange); }
.page-home-v5 .home5-compare-card.is-after header span { background:var(--green-soft); color:var(--green); }
.page-home-v5 .home5-compare-card header strong { color:var(--text); font-size:.88rem; }
.page-home-v5 .home5-compare-card pre { min-height:320px; margin:0; padding:clamp(25px,2.2vw,38px); overflow:auto; background:color-mix(in srgb,var(--bg-deep) 65%,var(--bg-card-solid)); color:var(--text-secondary); font-size:clamp(.79rem,.18vw + .75rem,.96rem); line-height:1.78; }
.page-home-v5 .home5-compare-card.is-after pre { color:var(--text); background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--bg-card-solid)),color-mix(in srgb,var(--green) 5%,var(--bg-card-solid))); }
.page-home-v5 .home5-compare-card > p { margin:0; padding:21px 24px 25px; color:var(--text-secondary); font-size:.88rem; line-height:1.62; }
.page-home-v5 .home5-transform { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; color:var(--accent); }
.page-home-v5 .home5-transform span { display:grid; width:58px; height:58px; place-items:center; border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border)); border-radius:18px; background:var(--accent-soft); font-size:1.8rem; }
.page-home-v5 .home5-transform small { writing-mode:vertical-rl; color:var(--text-muted); font:700 .59rem/1 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.page-home-v5 .home5-thesis { display:flex; align-items:center; justify-content:center; gap:12px; margin:30px auto 0; padding:16px 22px; max-width:960px; border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border)); border-radius:14px; background:var(--accent-soft); color:var(--text-secondary); text-align:center; }
.page-home-v5 .home5-thesis strong { color:var(--accent); }

/* Four-system layers */
.page-home-v5 .home5-layer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(14px,1.35vw,28px); margin-top:clamp(42px,4.2vw,80px); }
.page-home-v5 .home5-layer-card { position:relative; display:flex; min-height:390px; flex-direction:column; padding:clamp(25px,2vw,38px); overflow:hidden; border:1px solid var(--border); border-radius:var(--home5-card-radius); background:var(--bg-card-solid); box-shadow:var(--shadow-sm); }
.page-home-v5 .home5-layer-card::after { content:""; position:absolute; inset:auto -24% -45% 22%; height:65%; border-radius:50%; background:radial-gradient(circle,var(--layer-soft),transparent 68%); pointer-events:none; }
.page-home-v5 .home5-layer-card > span { color:var(--text-muted); font:700 .65rem/1 var(--font-mono); }
.page-home-v5 .home5-layer-icon { display:grid; width:58px; height:58px; margin:42px 0 28px; place-items:center; border-radius:18px; background:var(--layer-soft); color:var(--layer); font:760 1.15rem/1 var(--font-mono); }
.page-home-v5 .home5-layer-card h3 { margin:0 0 14px; font-size:clamp(1.35rem,1.4vw,2rem); line-height:1.08; letter-spacing:-.035em; }
.page-home-v5 .home5-layer-card p { margin:0; color:var(--text-secondary); line-height:1.66; }
.page-home-v5 .home5-layer-card p strong { color:var(--text); }
.page-home-v5 .home5-layer-card a { position:relative; z-index:1; margin-top:auto; padding-top:28px; color:var(--layer); font-weight:700; text-decoration:none; }
.page-home-v5 .home5-layer-card.is-library { --layer:var(--accent); --layer-soft:var(--accent-soft); }
.page-home-v5 .home5-layer-card.is-standards { --layer:var(--cyan); --layer-soft:var(--cyan-soft); }
.page-home-v5 .home5-layer-card.is-mila { --layer:var(--purple); --layer-soft:var(--purple-soft); }
.page-home-v5 .home5-layer-card.is-learning { --layer:var(--orange); --layer-soft:var(--orange-soft); }

/* Architecture stack */
.page-home-v5 .home5-architecture { background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--bg)),var(--bg)); }
.page-home-v5 .home5-architecture-grid { display:grid; grid-template-columns:minmax(350px,.72fr) minmax(620px,1.28fr); gap:clamp(60px,7vw,160px); align-items:center; }
.page-home-v5 .home5-architecture-copy h2 { max-width:12.5ch; }
.page-home-v5 .home5-architecture-copy blockquote { margin:35px 0 23px; padding:20px 24px; border-left:4px solid var(--accent); background:var(--accent-soft); color:var(--text); font-size:clamp(1.06rem,.45vw + .92rem,1.3rem); line-height:1.55; }
.page-home-v5 .home5-inline-link { color:var(--accent); font-weight:720; text-decoration:none; }
.page-home-v5 .home5-stack { display:grid; justify-items:center; }
.page-home-v5 .home5-stack > i { display:grid; height:29px; place-items:center; color:var(--text-muted); font-style:normal; }
.page-home-v5 .home5-stack-level { display:grid; grid-template-columns:minmax(150px,.46fr) minmax(220px,.72fr) minmax(250px,1fr); align-items:center; gap:22px; width:100%; padding:20px 24px; border:1px solid var(--border); border-radius:16px; background:var(--bg-card-solid); box-shadow:var(--shadow-sm); }
.page-home-v5 .home5-stack-level small { color:var(--stack); font:720 .64rem/1.3 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.page-home-v5 .home5-stack-level strong { font-size:1.05rem; }
.page-home-v5 .home5-stack-level span { color:var(--text-muted); font-size:.8rem; line-height:1.45; }
.page-home-v5 .home5-stack-level.is-intent { --stack:var(--orange); width:76%; }
.page-home-v5 .home5-stack-level.is-mila { --stack:var(--purple); width:83%; }
.page-home-v5 .home5-stack-level.is-standard { --stack:var(--cyan); width:90%; }
.page-home-v5 .home5-stack-level.is-modules { --stack:var(--accent); width:96%; }
.page-home-v5 .home5-stack-level.is-platform { --stack:var(--text-muted); }

/* Existing modules/cookbook/scenarios get a wider editorial rhythm */
.page-home-v5 .home4-modules,
.page-home-v5 .home4-cookbook,
.page-home-v5 .home4-supercode,
.page-home-v5 .home4-final { padding-top:var(--home5-section-y); padding-bottom:var(--home5-section-y); }
.page-home-v5 .home4-section-head { max-width:none; }
.page-home-v5 .home4-section-head h2 { max-width:16ch; font-size:clamp(2.65rem,4.1vw,5.9rem); line-height:.98; letter-spacing:-.055em; }
.page-home-v5 .home4-section-head > p { max-width:70ch; font-size:clamp(1rem,.35vw + .9rem,1.2rem); }

/* Future */
.page-home-v5 .home5-future { overflow:hidden; background:#0c111c; color:#f4f7fb; }
[data-theme="light"] .page-home-v5 .home5-future { background:#101725; }
.page-home-v5 .home5-future::before { content:""; position:absolute; inset:-44% -14% auto auto; width:70vw; height:70vw; border-radius:50%; background:radial-gradient(circle,rgba(82,104,232,.18),transparent 65%); }
.page-home-v5 .home5-future .home4-eyebrow { color:#92a4ff; }
.page-home-v5 .home5-future-hero {
  position:relative; z-index:1; display:grid;
  grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);
  gap:clamp(36px,4.5vw,88px); align-items:end;
}
.page-home-v5 .home5-future-hero h2 {
  grid-column:2; min-width:0; max-width:14ch; color:#f5f7fb;
  font-size:clamp(3.35rem,3.8vw,5.8rem);
}
.page-home-v5 .home5-future-hero > p { grid-column:1; min-width:0; color:#aab5c8; padding-bottom:.35em; }
.page-home-v5 .home5-future-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:clamp(48px,5vw,92px); overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:26px; background:rgba(255,255,255,.12); }
.page-home-v5 .home5-future-grid article { min-height:260px; padding:clamp(25px,2vw,38px); background:#111927; }
.page-home-v5 .home5-future-grid span { color:#7389ff; font:750 .64rem/1 var(--font-mono); }
.page-home-v5 .home5-future-grid h3 { margin:36px 0 13px; color:#f2f5fa; font-size:clamp(1.22rem,1.25vw,1.75rem); line-height:1.12; }
.page-home-v5 .home5-future-grid p { margin:0; color:#98a6ba; line-height:1.65; }
.page-home-v5 .home5-future-grid code { color:#8fe1db; }
.page-home-v5 .home5-future-conclusion { position:relative; z-index:1; display:grid; grid-template-columns:170px minmax(0,1fr); gap:34px; align-items:center; margin-top:30px; padding:28px 32px; border:1px solid rgba(126,145,255,.28); border-radius:19px; background:rgba(82,104,232,.12); }
.page-home-v5 .home5-future-conclusion small { color:#8fa0ff; font:750 .68rem/1 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.page-home-v5 .home5-future-conclusion strong { color:#f5f7fb; font-size:clamp(1.2rem,1.35vw,1.8rem); line-height:1.35; }

/* Boundaries */
.page-home-v5 .home5-boundaries { background:color-mix(in srgb,var(--orange) 3%,var(--bg)); }
.page-home-v5 .home5-boundaries-grid { display:grid; grid-template-columns:minmax(360px,.65fr) minmax(560px,1.35fr); gap:clamp(60px,7vw,160px); }
.page-home-v5 .home5-boundaries-grid h2 { max-width:9ch; }
.page-home-v5 .home5-boundaries-grid ul { display:grid; gap:12px; padding:0; margin:0; list-style:none; }
.page-home-v5 .home5-boundaries-grid li { display:grid; grid-template-columns:34px minmax(0,1fr); column-gap:16px; padding:23px 24px; border:1px solid var(--border); border-radius:16px; background:var(--bg-card-solid); }
.page-home-v5 .home5-boundaries-grid li::before { content:"✓"; display:grid; width:34px; height:34px; place-items:center; grid-row:1/3; border-radius:10px; background:var(--green-soft); color:var(--green); font-weight:800; }
.page-home-v5 .home5-boundaries-grid li b { font-size:1rem; }
.page-home-v5 .home5-boundaries-grid li span { margin-top:5px; color:var(--text-secondary); font-size:.86rem; line-height:1.55; }

/* Proof that exists */
.page-home-v5 .home5-proof-section { background:color-mix(in srgb,var(--bg-deep) 64%,transparent); }
.page-home-v5 .home5-proof-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(14px,1.35vw,28px); margin-top:clamp(42px,4vw,78px); }
.page-home-v5 .home5-proof-grid a { display:flex; min-height:300px; flex-direction:column; padding:clamp(25px,2vw,38px); border:1px solid var(--border); border-radius:var(--home5-card-radius); background:var(--bg-card-solid); color:inherit; text-decoration:none; transition:transform .22s var(--ease-out),border-color .18s,box-shadow .22s; }
.page-home-v5 .home5-proof-grid a:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--accent) 42%,var(--border)); box-shadow:var(--shadow); }
.page-home-v5 .home5-proof-grid span { color:var(--accent); font:730 .65rem/1 var(--font-mono); letter-spacing:.09em; text-transform:uppercase; }
.page-home-v5 .home5-proof-grid strong { margin-top:42px; font-size:clamp(1.35rem,1.45vw,2rem); line-height:1.12; }
.page-home-v5 .home5-proof-grid p { color:var(--text-secondary); line-height:1.62; }
.page-home-v5 .home5-proof-grid b { margin-top:auto; color:var(--accent); }

/* Routes */
.page-home-v5 .home5-route-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(14px,1.35vw,28px); margin-top:clamp(42px,4vw,76px); }
.page-home-v5 .home5-route-grid a { display:flex; min-height:315px; flex-direction:column; padding:clamp(25px,2vw,38px); border:1px solid var(--border); border-radius:var(--home5-card-radius); background:linear-gradient(145deg,var(--bg-card-solid),color-mix(in srgb,var(--accent) 3%,var(--bg-card-solid))); color:inherit; text-decoration:none; }
.page-home-v5 .home5-route-grid span { color:var(--text-muted); font:700 .65rem/1.3 var(--font-mono); letter-spacing:.07em; text-transform:uppercase; }
.page-home-v5 .home5-route-grid h3 { margin:43px 0 15px; font-size:clamp(1.35rem,1.45vw,2rem); line-height:1.1; letter-spacing:-.035em; }
.page-home-v5 .home5-route-grid p { margin:0; color:var(--text-secondary); line-height:1.62; }
.page-home-v5 .home5-route-grid b { margin-top:auto; padding-top:26px; color:var(--accent); }

/* Island teaser */
.page-home-v5 .home5-island { overflow:hidden; background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 7%,var(--bg)),color-mix(in srgb,var(--accent) 7%,var(--bg))); }
.page-home-v5 .home5-island-card { display:grid; grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr); gap:clamp(50px,6vw,130px); align-items:center; }
.page-home-v5 .home5-island-copy h2 { max-width:13ch; }
.page-home-v5 .home5-island-tags { display:flex; flex-wrap:wrap; gap:8px; margin:28px 0; }
.page-home-v5 .home5-island-tags span { padding:7px 10px; border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--border)); border-radius:999px; background:color-mix(in srgb,var(--cyan) 7%,var(--bg-card-solid)); color:var(--text-secondary); font-size:.72rem; }
.page-home-v5 .home5-island-copy > a { color:var(--accent); font-weight:700; text-decoration:none; }
.page-home-v5 .home5-island-preview { min-height:520px; display:grid; place-items:center; }
.page-home-v5 .home5-island-shape { position:relative; width:min(100%,720px); aspect-ratio:1.45; border:2px solid color-mix(in srgb,var(--cyan) 38%,var(--border)); border-radius:48% 52% 45% 55% / 55% 42% 58% 45%; background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--green) 23%,var(--bg-card-solid)),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--cyan) 16%,var(--bg-card-solid)),color-mix(in srgb,var(--green) 10%,var(--bg-card-solid))); box-shadow:inset 0 0 80px color-mix(in srgb,var(--cyan) 12%,transparent),0 40px 90px -55px var(--cyan); transform:rotate(-4deg); }
.page-home-v5 .home5-island-shape::before { content:""; position:absolute; inset:-12%; border:16px solid color-mix(in srgb,var(--cyan) 9%,transparent); border-radius:inherit; filter:blur(2px); }
.page-home-v5 .home5-island-shape > span { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:color-mix(in srgb,var(--cyan) 70%,var(--text)); font-size:clamp(1.6rem,2.2vw,3rem); font-variation-settings:var(--type-heading); letter-spacing:-.04em; }
.page-home-v5 .home5-island-shape i { position:absolute; display:grid; min-width:54px; min-height:54px; padding:10px; place-items:center; border:1px solid var(--border); border-radius:16px; background:var(--bg-card-solid); box-shadow:var(--shadow-sm); color:var(--accent); font:760 .68rem/1 var(--font-mono); font-style:normal; }
.page-home-v5 .home5-island-shape .is-ds { left:12%; top:26%; }
.page-home-v5 .home5-island-shape .is-ar { left:24%; bottom:14%; }
.page-home-v5 .home5-island-shape .is-cat { right:15%; top:19%; }
.page-home-v5 .home5-island-shape .is-doc { right:19%; bottom:15%; }
.page-home-v5 .home5-island-shape .is-mila { left:45%; top:11%; color:var(--purple); }
.page-home-v5 .home5-island-shape .is-std { left:47%; bottom:8%; color:var(--cyan); }

/* Final section adjustments */
.page-home-v5 .home4-final { background:var(--bg); }
.page-home-v5 .home4-final h2 { max-width:16ch; }

@media (min-width: 2200px) {
  .page-home-v5 { --home5-shell:min(2240px,88vw); }
  .page-home-v5 .home5-hero-grid { grid-template-columns:minmax(650px,.85fr) minmax(920px,1.15fr); }
  .page-home-v5 .home5-layer-card { min-height:430px; }
}
@media (max-width: 1500px) {
  .page-home-v5 { --home5-shell:min(1320px,calc(100vw - 64px)); }
  .page-home-v5 .home5-hero-grid { grid-template-columns:minmax(420px,.85fr) minmax(560px,1.15fr); gap:48px; }
  .page-home-v5 .home5-hero h1 { font-size:clamp(4.2rem,6.2vw,6.8rem); }
  .page-home-v5 .home5-layer-grid,
  .page-home-v5 .home5-proof-grid,
  .page-home-v5 .home5-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-home-v5 .home5-layer-card { min-height:330px; }
  .page-home-v5 .home5-architecture-grid { grid-template-columns:minmax(320px,.75fr) minmax(540px,1.25fr); gap:60px; }
}
@media (max-width: 1180px) {
  .page-home-v5 { --home5-shell:min(940px,calc(100vw - 44px)); }
  .page-home-v5 .home5-hero-grid,
  .page-home-v5 .home5-architecture-grid,
  .page-home-v5 .home5-boundaries-grid,
  .page-home-v5 .home5-island-card { grid-template-columns:1fr; }
  .page-home-v5 .home5-hero-copy { max-width:800px; }
  .page-home-v5 .home5-hero h1 { max-width:9.8ch; font-size:clamp(4.6rem,10vw,7.7rem); }
  .page-home-v5 .home4-hero-visual { max-width:920px; }
  .page-home-v5 .home5-before-after { grid-template-columns:1fr; }
  .page-home-v5 .home5-transform { flex-direction:row; }
  .page-home-v5 .home5-transform small { writing-mode:horizontal-tb; }
  .page-home-v5 .home5-architecture-copy h2,
  .page-home-v5 .home5-boundaries-grid h2 { max-width:14ch; }
  .page-home-v5 .home5-future-hero { grid-template-columns:1fr; gap:20px; }
  .page-home-v5 .home5-future-hero h2,
  .page-home-v5 .home5-future-hero > p { grid-column:1; }
  .page-home-v5 .home5-future-hero > p { padding-bottom:0; }
  .page-home-v5 .home5-future-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-home-v5 .home5-island-preview { min-height:430px; }
}
@media (max-width: 760px) {
  .page-home-v5 { --home5-shell:calc(100vw - 32px); --home5-section-y:68px; }
  .page-home-v5 .home5-hero { padding-top:58px; padding-bottom:72px; }
  .page-home-v5 .home5-hero h1 { font-size:clamp(3.7rem,17vw,6rem); line-height:.84; }
  .page-home-v5 .home5-hero .home4-lead { font-size:1rem; }
  .page-home-v5 .home5-proof { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-home-v5 .home5-narrative-head h2,
  .page-home-v5 .home5-architecture-copy h2,
  .page-home-v5 .home5-future-hero h2,
  .page-home-v5 .home5-boundaries-grid h2,
  .page-home-v5 .home5-island-copy h2,
  .page-home-v5 .home4-section-head h2 { font-size:clamp(2.35rem,12vw,4.3rem); }
  .page-home-v5 .home5-future-hero h2 { font-size:clamp(1.7rem,8.8vw,3.35rem); }
  .page-home-v5 .home5-layer-grid,
  .page-home-v5 .home5-proof-grid,
  .page-home-v5 .home5-route-grid,
  .page-home-v5 .home5-future-grid { grid-template-columns:1fr; }
  .page-home-v5 .home5-layer-card,
  .page-home-v5 .home5-route-grid a { min-height:300px; }
  .page-home-v5 .home5-compare-card pre { min-height:0; font-size:.72rem; padding:20px 16px; }
  .page-home-v5 .home5-thesis { align-items:flex-start; flex-direction:column; text-align:left; }
  .page-home-v5 .home5-stack-level { grid-template-columns:1fr; gap:7px; width:100%!important; padding:17px 18px; }
  .page-home-v5 .home5-stack-level span { font-size:.72rem; }
  .page-home-v5 .home5-future-conclusion { grid-template-columns:1fr; gap:13px; padding:22px; }
  .page-home-v5 .home5-boundaries-grid { gap:42px; }
  .page-home-v5 .home5-boundaries-grid li { padding:19px 18px; }
  .page-home-v5 .home5-island-preview { min-height:320px; }
  .page-home-v5 .home5-island-shape i { min-width:43px; min-height:43px; padding:7px; font-size:.58rem; border-radius:12px; }
  .page-home-v5 .home5-island-shape > span { font-size:1.4rem; }
}
@media (max-width: 420px) {
  .page-home-v5 { --home5-shell:calc(100vw - 24px); }
  .page-home-v5 .home5-hero h1 { font-size:clamp(3.25rem,17vw,4.5rem); }
  .page-home-v5 .home5-actions .home4-btn { width:100%; justify-content:center; }
  .page-home-v5 .home5-proof { gap:10px; }
  .page-home-v5 .home5-proof > div { padding:12px 8px; }
  .page-home-v5 .home5-compare-card header { align-items:flex-start; flex-direction:column; }
  .page-home-v5 .home5-island-preview { min-height:260px; }
  .page-home-v5 .home5-island-shape .is-mila,
  .page-home-v5 .home5-island-shape .is-std { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  .page-home-v5 .home4-code-card-featured { transform:none; }
  .page-home-v5 .home5-proof-grid a:hover { transform:none; }
}
/* Step 39: unified explanatory site footer. */
.home4-footer,
.blog-footer,
.faq-footer,
body[data-a1s-page="quick-start.html"] > footer:not(.a1s-site-footer),
body[data-a1s-page="code.html"] > footer:not(.a1s-site-footer),
body[data-a1s-page="cookbook_part8.html"] > .footer,
body.page-module-v34 .module-content > .footer {
  display: none !important;
}

.a1s-site-footer {
  --footer-bg: #0a1020;
  --footer-panel: rgba(255,255,255,.045);
  --footer-panel-strong: rgba(255,255,255,.072);
  --footer-line: rgba(255,255,255,.105);
  --footer-line-strong: rgba(255,255,255,.18);
  --footer-text: #f5f7fb;
  --footer-copy: #aab5c9;
  --footer-muted: #75839d;
  --footer-accent: #7387ff;
  position: relative;
  z-index: 3;
  isolation: isolate;
  width: 100%;
  margin-top: clamp(76px, 8vw, 150px);
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(62rem 34rem at 4% 4%, rgba(89,109,255,.22), transparent 62%),
    radial-gradient(48rem 28rem at 98% 8%, rgba(54,202,184,.13), transparent 64%),
    linear-gradient(155deg, #0b1222 0%, #080d19 46%, #0a1020 100%);
  color: var(--footer-text);
  color-scheme: dark;
  font-family: var(--font-sans);
  box-shadow: 0 -28px 90px -62px rgba(10,20,50,.82);
}

.a1s-site-footer,
.a1s-site-footer * { box-sizing: border-box; }
.a1s-site-footer a { color: inherit; text-decoration: none; }
.a1s-site-footer button { color: inherit; }

.a1s-site-footer__ambient {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
.a1s-site-footer__ambient::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}
.a1s-site-footer__ambient i {
  position: absolute;
  display: block;
  border-radius: 999px;
  filter: blur(1px);
}
.a1s-site-footer__ambient i:nth-child(1) {
  top: 10%; left: 7%; width: 190px; height: 190px;
  border: 1px solid rgba(120,139,255,.16);
}
.a1s-site-footer__ambient i:nth-child(2) {
  right: 8%; top: 27%; width: 420px; height: 420px;
  border: 1px solid rgba(68,208,189,.08);
}
.a1s-site-footer__ambient i:nth-child(3) {
  right: 26%; bottom: -180px; width: 620px; height: 300px;
  background: rgba(99,112,255,.055);
  filter: blur(70px);
}

.a1s-site-footer__inner {
  width: min(1840px, calc(100% - clamp(28px, 5vw, 112px)));
  margin: 0 auto;
  padding: clamp(42px, 5vw, 82px) 0 28px;
}

.a1s-footer-map {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 2.28fr);
  gap: clamp(30px, 5vw, 94px);
  align-items: end;
  padding-bottom: clamp(38px, 4vw, 64px);
  border-bottom: 1px solid var(--footer-line);
}
.a1s-footer-map__intro > span,
.a1s-footer-island > div:first-child > span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #9aa9ff;
  font-size: .68rem;
  font-variation-settings: var(--type-label);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.a1s-footer-map__intro > span::before,
.a1s-footer-island > div:first-child > span::before {
  content: "";
  width: 28px;
  height: 1px;
  background: currentColor;
}
.a1s-footer-map__intro h2 {
  max-width: 11ch;
  margin: 18px 0 16px;
  color: var(--footer-text);
  font-size: clamp(2.5rem, 4.2vw, 5.6rem);
  font-variation-settings: "wght" 760, "slnt" -2, "FLAR" 70, "VOLM" 52;
  line-height: .92;
  letter-spacing: -.062em;
}
.a1s-footer-map__intro p {
  max-width: 52ch;
  margin: 0;
  color: var(--footer-copy);
  font-size: clamp(.95rem, 1.15vw, 1.12rem);
  line-height: 1.72;
}

.a1s-footer-layers {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--footer-line);
  border-radius: 24px;
  background: rgba(255,255,255,.025);
  overflow: hidden;
}
.a1s-footer-layers li { min-width: 0; }
.a1s-footer-layers li + li { border-left: 1px solid var(--footer-line); }
.a1s-footer-layers a {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px 12px;
  min-height: 176px;
  padding: 22px 22px 20px;
  transition: background .2s ease, transform .2s ease;
}
.a1s-footer-layers a::after {
  content: "";
  position: absolute;
  inset: auto 20px 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--footer-accent), transparent);
  opacity: 0;
  transition: opacity .2s ease;
}
.a1s-footer-layers a:hover,
.a1s-footer-layers a:focus-visible {
  background: rgba(255,255,255,.055);
}
.a1s-footer-layers a:hover::after,
.a1s-footer-layers a:focus-visible::after { opacity: 1; }
.a1s-footer-layers a > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(135,151,255,.26);
  border-radius: 9px;
  background: rgba(115,135,255,.09);
  color: #9aa9ff;
  font: 700 .64rem/1 var(--font-mono);
}
.a1s-footer-layers strong {
  align-self: center;
  min-width: 0;
  color: var(--footer-text);
  font-size: 1.03rem;
  font-variation-settings: var(--type-ui-strong);
  letter-spacing: -.02em;
}
.a1s-footer-layers small {
  grid-column: 1 / -1;
  color: var(--footer-copy);
  font-size: .79rem;
  line-height: 1.55;
}
.a1s-footer-layers a > b {
  color: var(--footer-muted);
  font-weight: 500;
  transition: color .2s ease, transform .2s ease;
}
.a1s-footer-layers a:hover > b { color: #aab7ff; transform: translate(2px, -2px); }

body[data-a1s-section="library"] .a1s-footer-layers [data-footer-section="library"] a,
body[data-a1s-section="standards"] .a1s-footer-layers [data-footer-section="standards"] a,
body[data-a1s-section="mila"] .a1s-footer-layers [data-footer-section="mila"] a,
body[data-a1s-section="learning"] .a1s-footer-layers [data-footer-section="learning"] a {
  background: linear-gradient(180deg, rgba(115,135,255,.15), rgba(115,135,255,.055));
}
body[data-a1s-section="library"] .a1s-footer-layers [data-footer-section="library"] a::after,
body[data-a1s-section="standards"] .a1s-footer-layers [data-footer-section="standards"] a::after,
body[data-a1s-section="mila"] .a1s-footer-layers [data-footer-section="mila"] a::after,
body[data-a1s-section="learning"] .a1s-footer-layers [data-footer-section="learning"] a::after { opacity: 1; }

.a1s-footer-main {
  display: grid;
  grid-template-columns: minmax(300px, .86fr) minmax(0, 2.14fr);
  gap: clamp(38px, 5vw, 96px);
  padding: clamp(48px, 5.5vw, 88px) 0;
  border-bottom: 1px solid var(--footer-line);
}
.a1s-footer-brand { min-width: 0; }
.a1s-footer-wordmark {
  display: inline-flex;
  align-items: baseline;
  color: var(--footer-text);
  font-size: 1.3rem;
  letter-spacing: -.055em;
}
.a1s-footer-wordmark b { font-variation-settings: "wght" 790, "FLAR" 54, "VOLM" 35; }
.a1s-footer-wordmark strong { color: #7f92ff; font-variation-settings: "wght" 780, "slnt" -3, "FLAR" 80, "VOLM" 66; }
.a1s-footer-brand h2 {
  max-width: 11ch;
  margin: 30px 0 16px;
  color: var(--footer-text);
  font-size: clamp(2rem, 2.7vw, 3.55rem);
  font-variation-settings: var(--type-display);
  line-height: 1;
  letter-spacing: -.052em;
}
.a1s-footer-brand > p {
  max-width: 46ch;
  margin: 0;
  color: var(--footer-copy);
  font-size: .96rem;
  line-height: 1.72;
}
.a1s-footer-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
.a1s-footer-facts span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid var(--footer-line);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: #bdc6d6;
  font: 620 .68rem/1 var(--font-sans);
}

.a1s-footer-next-stack { margin-top: 32px; }
.a1s-footer-next {
  display: none;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 16px;
  padding: 18px 18px 17px;
  border: 1px solid rgba(120,139,255,.25);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(115,135,255,.14), rgba(55,205,186,.055));
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.a1s-footer-next:hover {
  transform: translateY(-2px);
  border-color: rgba(140,155,255,.52);
  background: linear-gradient(135deg, rgba(115,135,255,.2), rgba(55,205,186,.08));
}
.a1s-footer-next > span {
  grid-column: 1 / -1;
  color: #94a4ff;
  font-size: .62rem;
  font-variation-settings: var(--type-label);
  letter-spacing: .105em;
  text-transform: uppercase;
}
.a1s-footer-next > strong {
  grid-column: 1 / -1;
  margin-top: 4px;
  color: var(--footer-text);
  font-size: 1.03rem;
  font-variation-settings: var(--type-ui-strong);
  line-height: 1.25;
}
.a1s-footer-next > small {
  grid-column: 1 / -1;
  color: var(--footer-copy);
  font-size: .76rem;
  line-height: 1.55;
}
.a1s-footer-next > b {
  grid-column: 1 / -1;
  margin-top: 8px;
  color: #a9b5ff;
  font-size: .73rem;
  font-variation-settings: var(--type-ui-strong);
}
.a1s-footer-next i { font-style: normal; }
body[data-a1s-section="home"] .a1s-footer-next[data-footer-next="home"],
body[data-a1s-section="library"] .a1s-footer-next[data-footer-next="library"],
body[data-a1s-section="standards"] .a1s-footer-next[data-footer-next="standards"],
body[data-a1s-section="mila"] .a1s-footer-next[data-footer-next="mila"],
body[data-a1s-section="learning"] .a1s-footer-next[data-footer-next="learning"],
body[data-a1s-section="island"] .a1s-footer-next[data-footer-next="island"] { display: grid; }

.a1s-footer-navigation {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 50px);
  min-width: 0;
}
.a1s-footer-column {
  min-width: 0;
  padding-top: 3px;
}
.a1s-footer-column__toggle {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 0 0 19px;
  border: 0;
  border-bottom: 1px solid var(--footer-line);
  background: transparent;
  text-align: left;
  cursor: default;
}
.a1s-footer-column__toggle span { display: grid; gap: 6px; }
.a1s-footer-column__toggle small {
  color: var(--footer-muted);
  font-size: .59rem;
  font-variation-settings: var(--type-label);
  letter-spacing: .11em;
  text-transform: uppercase;
}
.a1s-footer-column__toggle strong {
  color: var(--footer-text);
  font-size: .96rem;
  font-variation-settings: var(--type-ui-strong);
}
.a1s-footer-column__toggle > b { display: none; }
.a1s-footer-column__body { display: grid; gap: 1px; padding-top: 12px; }
.a1s-footer-link {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 8px 4px;
  border-radius: 9px;
  color: var(--footer-copy);
  transition: color .16s ease, background .16s ease, padding .16s ease;
}
.a1s-footer-link > span { display: grid; min-width: 0; gap: 2px; }
.a1s-footer-link strong {
  min-width: 0;
  overflow: hidden;
  font-size: .79rem;
  font-variation-settings: var(--type-ui);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.a1s-footer-link small {
  color: var(--footer-muted);
  font-size: .66rem;
  line-height: 1.4;
}
.a1s-footer-link > b {
  flex: 0 0 auto;
  color: transparent;
  font-weight: 500;
  transform: translateX(-6px);
  transition: color .16s ease, transform .16s ease;
}
.a1s-footer-link:hover,
.a1s-footer-link:focus-visible {
  padding-right: 9px;
  padding-left: 9px;
  background: rgba(255,255,255,.05);
  color: var(--footer-text);
}
.a1s-footer-link:hover > b,
.a1s-footer-link:focus-visible > b { color: #94a4ff; transform: none; }
body[data-a1s-section="standards"] .a1s-footer-column[data-footer-section="standards"] .a1s-footer-column__toggle,
body[data-a1s-section="mila"] .a1s-footer-column[data-footer-section="mila"] .a1s-footer-column__toggle,
body[data-a1s-section="learning"] .a1s-footer-column[data-footer-section="learning"] .a1s-footer-column__toggle {
  border-bottom-color: rgba(126,145,255,.42);
}

.a1s-footer-island {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, .8fr) minmax(360px, 1.2fr);
  gap: clamp(34px, 6vw, 110px);
  align-items: center;
  margin-top: clamp(46px, 5vw, 80px);
  padding: clamp(28px, 3.5vw, 54px);
  overflow: hidden;
  border: 1px solid var(--footer-line);
  border-radius: 28px;
  background:
    radial-gradient(32rem 20rem at 90% 15%, rgba(67,205,186,.14), transparent 70%),
    linear-gradient(135deg, rgba(115,135,255,.09), rgba(255,255,255,.025));
}
.a1s-footer-island::after {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -76%;
  width: 62%;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 50%;
  pointer-events: none;
}
.a1s-footer-island h2 {
  margin: 16px 0 10px;
  color: var(--footer-text);
  font-size: clamp(2rem, 3vw, 4rem);
  font-variation-settings: var(--type-display-accent);
  line-height: 1;
  letter-spacing: -.05em;
}
.a1s-footer-island p {
  max-width: 58ch;
  margin: 0;
  color: var(--footer-copy);
  font-size: .91rem;
  line-height: 1.68;
}
.a1s-footer-island__action {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  margin-top: 20px;
  padding: 7px 11px;
  border: 1px solid rgba(132,151,255,.25);
  border-radius: 999px;
  background: rgba(115,135,255,.08);
  color: #9cacff;
  font-size: .68rem;
  font-variation-settings: var(--type-ui-strong);
}
.a1s-footer-island__map {
  position: relative;
  min-height: 240px;
  filter: drop-shadow(0 24px 38px rgba(0,0,0,.28));
}
.a1s-footer-island__map::before {
  content: "";
  position: absolute;
  inset: 14% 6% 7% 8%;
  border: 1px solid rgba(130,149,255,.28);
  border-radius: 48% 52% 45% 55% / 54% 40% 60% 46%;
  background:
    radial-gradient(circle at 68% 34%, rgba(69,211,187,.16) 0 8%, transparent 9%),
    radial-gradient(circle at 34% 58%, rgba(115,135,255,.18) 0 11%, transparent 12%),
    linear-gradient(145deg, rgba(112,130,255,.22), rgba(45,169,166,.1));
  box-shadow: inset 0 0 80px rgba(124,145,255,.08), 0 0 0 16px rgba(255,255,255,.012);
  transform: rotate(-3deg);
}
.a1s-footer-island__map::after {
  content: "";
  position: absolute;
  inset: 26% 18% 16% 21%;
  border: 1px dashed rgba(255,255,255,.15);
  border-radius: 50%;
  transform: rotate(8deg);
}
.a1s-footer-island__map i {
  position: absolute;
  z-index: 1;
  display: grid;
  min-width: 42px;
  height: 34px;
  place-items: center;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  background: rgba(8,15,28,.72);
  color: #dfe4ef;
  font: 720 .63rem/1 var(--font-mono);
  font-style: normal;
  box-shadow: 0 10px 28px -15px rgba(0,0,0,.8);
}
.a1s-footer-island__map .is-ds { left: 21%; top: 27%; color: #8fcfdf; }
.a1s-footer-island__map .is-ar { left: 30%; bottom: 22%; color: #7ed9c2; }
.a1s-footer-island__map .is-cat { right: 24%; top: 23%; color: #b898ff; }
.a1s-footer-island__map .is-doc { right: 16%; bottom: 25%; color: #ff9ec7; }
.a1s-footer-island__map .is-mila { left: 45%; top: 12%; color: #9caaff; }
.a1s-footer-island__map .is-std { left: 47%; bottom: 12%; color: #ffc17e; }
.a1s-footer-island__map > span {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 51%;
  color: rgba(255,255,255,.55);
  font: 720 .66rem/1 var(--font-mono);
  letter-spacing: .18em;
  transform: translate(-50%, -50%);
}

.a1s-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 86px;
  padding-top: 24px;
}
.a1s-footer-bottom > div:first-child,
.a1s-footer-utilities { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.a1s-footer-bottom > div:first-child span {
  position: relative;
  color: var(--footer-muted);
  font-size: .68rem;
  font-variation-settings: var(--type-ui);
}
.a1s-footer-bottom > div:first-child span + span::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255,255,255,.28);
}
.a1s-footer-utilities a,
.a1s-footer-utilities button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid var(--footer-line);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
  color: #c4ccda;
  font: 620 .69rem/1 var(--font-sans);
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease, background .16s ease;
}
.a1s-footer-utilities a:hover,
.a1s-footer-utilities button:hover {
  border-color: rgba(135,151,255,.35);
  background: rgba(115,135,255,.08);
  color: white;
}
.a1s-footer-utilities kbd {
  padding: 3px 5px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 5px;
  background: rgba(255,255,255,.06);
  color: var(--footer-muted);
  font: 600 .58rem/1 var(--font-mono);
}

@media (max-width: 1320px) {
  .a1s-footer-map { grid-template-columns: 1fr; align-items: start; }
  .a1s-footer-map__intro { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: 20px 48px; align-items: end; }
  .a1s-footer-map__intro > span { grid-column: 1 / -1; }
  .a1s-footer-map__intro h2 { margin: 0; }
  .a1s-footer-map__intro p { align-self: end; }
  .a1s-footer-main { grid-template-columns: minmax(270px,.7fr) minmax(0,1.3fr); gap: 50px; }
  .a1s-footer-navigation { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 38px; }
}

@media (max-width: 960px) {
  .a1s-site-footer { margin-top: 88px; }
  .a1s-site-footer__inner { width: min(100% - 32px, 900px); padding-top: 42px; }
  .a1s-footer-map__intro { grid-template-columns: 1fr; }
  .a1s-footer-map__intro p { max-width: 60ch; }
  .a1s-footer-layers { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .a1s-footer-layers li + li { border-left: 0; }
  .a1s-footer-layers li:nth-child(even) { border-left: 1px solid var(--footer-line); }
  .a1s-footer-layers li:nth-child(n+3) { border-top: 1px solid var(--footer-line); }
  .a1s-footer-layers a { min-height: 146px; }
  .a1s-footer-main { grid-template-columns: 1fr; }
  .a1s-footer-brand { display: grid; grid-template-columns: minmax(0,1fr) minmax(270px,.75fr); gap: 0 40px; align-items: start; }
  .a1s-footer-brand > .a1s-footer-wordmark,
  .a1s-footer-brand > h2,
  .a1s-footer-brand > p,
  .a1s-footer-brand > .a1s-footer-facts { grid-column: 1; }
  .a1s-footer-brand > h2 { margin-top: 24px; }
  .a1s-footer-next-stack { grid-column: 2; grid-row: 1 / span 4; margin-top: 0; }
  .a1s-footer-column__toggle { cursor: pointer; }
  .a1s-footer-column__toggle > b { display: inline-grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--footer-line); border-radius: 9px; color: var(--footer-copy); font-weight: 500; transition: transform .18s ease; }
  .a1s-footer-column__toggle[aria-expanded="true"] > b { transform: rotate(45deg); }
  .a1s-footer-column__body[hidden] { display: none; }
  .a1s-footer-island { grid-template-columns: 1fr; }
  .a1s-footer-island__map { min-height: 220px; }
  .a1s-footer-bottom { align-items: flex-start; flex-direction: column; padding: 25px 0 7px; }
}

@media (max-width: 660px) {
  .a1s-site-footer { margin-top: 68px; border-radius: 26px 26px 0 0; }
  .a1s-site-footer__inner { width: calc(100% - 24px); padding-top: 34px; }
  .a1s-footer-map { gap: 26px; padding-bottom: 34px; }
  .a1s-footer-map__intro h2 { max-width: 8.5ch; font-size: clamp(2.65rem, 15vw, 4.3rem); }
  .a1s-footer-map__intro p { font-size: .9rem; }
  .a1s-footer-layers { grid-template-columns: 1fr; border-radius: 18px; }
  .a1s-footer-layers li:nth-child(even) { border-left: 0; }
  .a1s-footer-layers li + li { border-top: 1px solid var(--footer-line); }
  .a1s-footer-layers a { min-height: 112px; padding: 17px 16px 15px; }
  .a1s-footer-layers small { font-size: .73rem; }
  .a1s-footer-main { gap: 40px; padding: 42px 0; }
  .a1s-footer-brand { display: block; }
  .a1s-footer-brand h2 { font-size: 2.55rem; }
  .a1s-footer-next-stack { margin-top: 28px; }
  .a1s-footer-navigation { grid-template-columns: 1fr; gap: 0; border-top: 1px solid var(--footer-line); }
  .a1s-footer-column { border-bottom: 1px solid var(--footer-line); }
  .a1s-footer-column__toggle { min-height: 78px; padding: 16px 2px; border-bottom: 0; }
  .a1s-footer-column__body { padding: 0 0 15px; }
  .a1s-footer-link { min-height: 44px; padding-inline: 8px; }
  .a1s-footer-island { margin-top: 38px; padding: 24px 20px 20px; border-radius: 20px; }
  .a1s-footer-island h2 { font-size: 2.55rem; }
  .a1s-footer-island__map { min-height: 190px; margin: 0 -10px; }
  .a1s-footer-island__map i { min-width: 36px; height: 30px; padding: 0 6px; font-size: .56rem; }
  .a1s-footer-bottom > div:first-child { gap: 7px 16px; }
  .a1s-footer-utilities { width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
  .a1s-footer-utilities a,
  .a1s-footer-utilities button { justify-content: center; min-width: 0; padding-inline: 7px; }
  .a1s-footer-utilities kbd { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .a1s-site-footer *, .a1s-site-footer *::before, .a1s-site-footer *::after { transition: none !important; scroll-behavior: auto !important; }
}
/* Step 40 — release hardening: accessibility, 404 and semantic closing blocks. */
.a1s-skip-link {
  position: fixed;
  z-index: 100000;
  inset: 10px auto auto 10px;
  transform: translateY(-160%);
  padding: 11px 16px;
  border: 1px solid rgba(39, 94, 254, .28);
  border-radius: 12px;
  background: var(--surface, #fff);
  color: var(--ink, #122033);
  font: 700 14px/1.2 Commissioner, system-ui, sans-serif;
  box-shadow: 0 14px 42px rgba(14, 27, 52, .18);
  transition: transform .16s ease;
}
.a1s-skip-link:focus { transform: translateY(0); outline: 3px solid rgba(39, 94, 254, .28); outline-offset: 2px; }
.a1s-main-anchor { width: 1px; height: 1px; overflow: hidden; scroll-margin-top: 96px; }
.a1s-main-anchor:focus { outline: 0; }

.blog-article-end[aria-label] { display: block; }

.a1s-404 {
  width: min(1120px, calc(100% - 40px));
  min-height: min(690px, calc(100svh - 88px));
  margin: 0 auto;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 18px;
  padding: clamp(64px, 10vw, 150px) 0;
  position: relative;
  isolation: isolate;
}
.a1s-404::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(560px, 70vw);
  aspect-ratio: 1;
  right: 0;
  top: 50%;
  translate: 12% -50%;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, rgba(47, 118, 255, .18), rgba(71, 216, 180, .10) 48%, transparent 72%);
  filter: blur(8px);
}
.a1s-404__code { font: 800 clamp(88px, 18vw, 240px)/.72 Commissioner, system-ui, sans-serif; letter-spacing: -.08em; color: rgba(42, 93, 224, .10); position: absolute; right: 4%; top: 50%; translate: 0 -50%; user-select: none; }
.a1s-404 > span { text-transform: uppercase; letter-spacing: .16em; font-weight: 800; font-size: 12px; color: var(--blue, #2a5de0); }
.a1s-404 h1 { max-width: 780px; margin: 0; font: 780 clamp(42px, 7vw, 92px)/.94 Commissioner, system-ui, sans-serif; letter-spacing: -.055em; color: var(--ink, #122033); text-wrap: balance; }
.a1s-404 p { max-width: 680px; margin: 0; font-size: clamp(18px, 2vw, 24px); line-height: 1.55; color: var(--muted, #64748b); }
.a1s-404__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 10px; }
.a1s-404__actions > a,
.a1s-404__actions > button { min-height: 48px; border-radius: 14px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; font: 750 14px/1 Commissioner, system-ui, sans-serif; text-decoration: none; cursor: pointer; }
.a1s-404__secondary,
.a1s-404__actions > button { border: 1px solid rgba(77, 96, 130, .22); background: rgba(255,255,255,.72); color: var(--ink, #122033); }
html[data-theme="dark"] .a1s-404__secondary,
html[data-theme="dark"] .a1s-404__actions > button { background: rgba(16, 26, 43, .82); color: #eef4ff; border-color: rgba(160, 184, 225, .20); }

.cookbook-reference-main { display: block; }

@media (max-width: 720px) {
  .a1s-404 { width: min(100% - 28px, 1120px); min-height: 620px; }
  .a1s-404__code { top: 20%; right: 5%; }
  .a1s-404__actions { width: 100%; align-items: stretch; }
  .a1s-404__actions > * { flex: 1 1 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .a1s-skip-link { transition: none; }
}

/* Step 41 — visible breadcrumb trail mirrored by BreadcrumbList JSON-LD. */
.a1s-breadcrumbs {
  width: min(100% - 40px, 1536px);
  margin: 0 auto;
  padding: 14px 0 0;
  color: var(--text-muted, #68758a);
  font-size: 13px;
  line-height: 1.4;
}

.a1s-breadcrumbs ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.a1s-breadcrumbs li {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.a1s-breadcrumbs a {
  color: inherit;
  text-decoration: none;
  transition: color 160ms ease;
}

.a1s-breadcrumbs a:hover,
.a1s-breadcrumbs a:focus-visible {
  color: var(--accent, #4f6df5);
}

.a1s-breadcrumbs [aria-current="page"] {
  color: var(--text-primary, #182033);
  font-weight: 620;
  overflow-wrap: anywhere;
}

.a1s-breadcrumbs__separator {
  color: color-mix(in srgb, currentColor 45%, transparent);
  user-select: none;
}

html[data-theme="dark"] .a1s-breadcrumbs [aria-current="page"] {
  color: #eef3ff;
}

@media (max-width: 640px) {
  .a1s-breadcrumbs {
    width: min(100% - 28px, 1536px);
    padding-top: 10px;
    font-size: 12px;
  }

  .a1s-breadcrumbs ol {
    gap: 5px;
  }

  .a1s-breadcrumbs li {
    gap: 5px;
  }
}

/* Keep breadcrumbs readable above legacy module sidebars and theme overrides. */
.a1s-breadcrumbs { color: #66738a; }
html[data-theme="dark"] .a1s-breadcrumbs { color: #9eabc0; }

@media (min-width: 1051px) {
  body.page-module-v34 .a1s-breadcrumbs {
    width: 100%;
    margin: 0;
    padding-right: 0;
    padding-left: var(--nav-width);
  }

  body.page-module-v34 .a1s-breadcrumbs ol {
    width: min(1120px, calc(100% - 48px));
    margin-inline: auto;
  }
}
/* v3.7.5 API audit: A1sQ module accents. */
.page-module-v34[data-module="A1sQ"] {
  --module-accent: var(--orange);
  --accent: var(--orange);
  --accent-hover: var(--orange);
  --accent-soft: color-mix(in srgb, var(--orange) 12%, transparent);
}
.module-switch-mark.orange { background: var(--orange-soft); color: var(--orange); }
.module-hub-card.orange { --card-accent: var(--orange); }
.fn-source-signature {
  display: grid;
  gap: .45rem;
  margin: 1rem 0;
  padding: .9rem 1rem;
  border: 1px solid color-mix(in srgb, var(--module-accent) 24%, var(--border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--module-accent) 5%, var(--surface));
}
.fn-source-signature > span {
  color: var(--text-muted);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.fn-source-signature code { overflow-wrap: anywhere; white-space: normal; }
.fn-source-warning {
  margin: 1rem 0;
  padding: .9rem 1rem;
  border: 1px solid color-mix(in srgb, var(--orange) 42%, var(--border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--orange) 9%, var(--surface));
}
.fn-source-warning strong { display: block; margin-bottom: .3rem; }
.fn-source-warning p { margin: 0; }


/* v3.7.5: five-module homepage and A1sQ reference accents. */
.page-home-v4 .home4-module-switcher { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.page-home-v4 .home4-module-mark.q { background: color-mix(in srgb, var(--orange) 14%, var(--surface)); color: var(--orange); }
body.page-cookbook-8 .pill-q.active { background: color-mix(in srgb, var(--orange) 14%, var(--surface)); border-color: var(--orange); color: var(--orange); }
body.page-cookbook-8 .mb-q { background: color-mix(in srgb, var(--orange) 14%, var(--surface)); color: var(--orange); }
body.page-cookbook-8 .footer-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1100px) {
  .page-home-v4 .home4-module-switcher { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-cookbook-8 .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .page-home-v4 .home4-module-switcher,
  body.page-cookbook-8 .footer-grid { grid-template-columns: 1fr; }
}

.a1s-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:24px;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.a1s-legal-links a,.a1s-legal-links button{color:inherit;text-decoration:underline;text-underline-offset:3px}.a1s-legal-links button{border:0;background:none;font:inherit;cursor:pointer;padding:0}.legal-main{max-width:900px;margin:0 auto;padding:40px 24px 80px}.legal-main h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15}.legal-main h2{margin-top:32px;font-size:1.4rem}.legal-main h3{font-size:1.1rem}.legal-main p{line-height:1.75}.legal-main a{color:var(--accent)}.legal-header{display:flex;flex-wrap:wrap;gap:20px;padding:20px 24px;border-bottom:1px solid var(--border)}