:root{--bg: #ffffff;--text: #1e293b;--muted: #64748b;--line: #e2e8f0;--dark: #1e293b;--dark-hover: #0f172a;--on-dark: #ffffff;--soft: #f8fafc;--accent: #1e293b;--radius: 10px;--wrap: 1180px;--gutter: 16px;--header-h: 64px;--header-bg: var(--bg);--header-text: var(--text);--header-muted: var(--muted);--header-line: var(--line);--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-head: var(--font);--head-weight: 700;--h1: clamp(34px, 5vw, 54px);font-family:var(--font);color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-head);font-weight:var(--head-weight)}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.lang-banner{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;background:#1e293b;color:#fff;font-size:14px;padding:8px 16px}.lang-banner[hidden]{display:none}.lang-banner a{color:#fff;font-weight:600}.lang-banner button{background:none;border:0;color:#cbd5e1;font-size:20px;line-height:1;cursor:pointer}.site-header{background:var(--header-bg);color:var(--header-text);border-bottom:1px solid var(--header-line)}.topbar{display:none}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;font-size:13px}.topbar a{text-decoration:none}.header-row{display:flex;align-items:center;gap:12px 28px;min-height:var(--header-h)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;color:inherit;min-width:0}.brand-mark{display:none;flex:none;width:36px;height:36px;border-radius:9px;background:var(--dark);color:var(--on-dark);font:700 19px/36px var(--font-head);text-align:center}.brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1}.brand-name{font-family:var(--font-head);font-weight:700;font-size:21px;letter-spacing:-.02em;line-height:1.05}.brand-by{margin-top:4px;font-size:12.5px;font-weight:500;color:var(--header-muted);line-height:1.1;white-space:nowrap}.nav{display:flex;align-items:center;gap:24px;font-size:15px;line-height:20px}.nav a{display:block;padding:6px 0;text-decoration:none;color:var(--header-muted);white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--header-text)}.nav .divider{flex:none;width:1px;height:18px;background:var(--header-line)}.nav .lang-switch{font-weight:600;color:var(--header-text);letter-spacing:.02em}@media(max-width:720px){.header-row{flex-wrap:wrap;padding-block:12px 0;min-height:0}.brand{margin-right:0}.nav{order:3;width:100%;gap:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.nav::-webkit-scrollbar{display:none}.nav .divider{margin-left:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--dark);color:var(--on-dark);text-decoration:none;border:1px solid var(--dark);padding:11px 20px;border-radius:8px;font-weight:600;font-size:15px;line-height:20px;transition:background .15s,color .15s,border-color .15s}.btn:hover{background:var(--dark-hover);border-color:var(--dark-hover)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{background:var(--soft);border-color:var(--muted);color:var(--text)}.hero{padding-block:64px 40px}.hero h1{font-size:var(--h1);line-height:1.08;letter-spacing:-.03em;margin:0 0 16px;max-width:780px}.hero .lead{font-size:18px;color:var(--muted);max-width:680px;margin:0 0 28px}.hero-page{padding-block:48px 8px}.hero-page h1{font-size:clamp(30px,4vw,42px)}.hero-page .lead{margin-bottom:0}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}.eyebrow{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-by{display:none;align-items:center;gap:12px;margin-top:28px;text-decoration:none;font-size:15px;font-weight:500;color:var(--text)}.hero-by:hover span:last-child{text-decoration:underline}.avatar{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--dark);color:var(--on-dark);font-size:14px;font-weight:700;letter-spacing:.02em}.hero-aside{display:none}.aside-title{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.method{list-style:none;margin:0;padding:0;display:grid;gap:16px}.method li{display:flex;gap:14px;align-items:baseline}.method .num{flex:none;font-size:13px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.method .step{display:flex;flex-direction:column}.method b{font-size:17px}.method .step span{color:var(--muted);font-size:15px;line-height:1.45}.signed{display:none;margin:18px 0 0;font-weight:600}.section{padding-block:32px}.section h2{font-size:22px;margin:0;letter-spacing:-.01em;line-height:1.3}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}.section-head a{font-size:15px;color:var(--muted);white-space:nowrap}.section-head a:hover{color:var(--text)}.series{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.series>a{flex:0 0 180px;text-decoration:none;scroll-snap-align:start}.series .sq{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft) center/cover;overflow:hidden}.series .sq:after,.card .img:after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity .15s}.series>a:hover .sq:after,.card:hover .img:after{opacity:.08}.sq-title{display:block;margin-top:8px;font-size:14px;font-weight:500;line-height:1.35}.ph{display:grid;place-items:center;padding:12px;text-align:center}.ph>span{font-family:var(--font-head);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);opacity:.75}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.grid{grid-template-columns:minmax(0,1fr)}}.card{text-decoration:none;display:flex;flex-direction:column}.card .img{position:relative;aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft) center/cover;overflow:hidden}.card-body{display:flex;flex-direction:column}.card-series{display:none;margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.card h3{font-size:16px;line-height:1.35;margin:10px 0 4px}.card-series+h3{margin-top:4px}.card p{font-size:14px;color:var(--muted);margin:0 0 6px;line-height:1.5}.card time{font-size:13px;color:var(--muted)}.empty{color:var(--muted);padding:24px;border:1px dashed var(--line);border-radius:var(--radius);margin:0}.tools-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:720px){.tools-row{grid-template-columns:minmax(0,1fr)}}.tool-mini{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;transition:border-color .15s,background .15s}.tool-mini:hover{border-color:var(--muted)}.tool-mini b{font-size:16px}.tool-mini span{font-size:14px;color:var(--muted)}.article{max-width:720px;margin:0 auto;padding:48px var(--gutter) 64px}.article h1{font-size:clamp(28px,4.5vw,40px);line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}.article .meta{color:var(--muted);font-size:14px;margin-bottom:32px;display:flex;gap:16px;flex-wrap:wrap}.article .body{font-size:18px}.article .body h2{font-size:24px;margin-top:2em}.article .body img{border:1px solid var(--line);border-radius:var(--radius);margin:1.5em 0}.article .body blockquote{margin:1.5em 0;padding-left:16px;border-left:3px solid var(--dark);color:var(--text);opacity:.9}.page{max-width:760px;margin:0 auto;padding:48px var(--gutter) 64px}.page h1{font-size:36px;letter-spacing:-.02em;margin:0 0 16px;line-height:1.15}.tool{border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}.tool h3{margin:0 0 6px}.tool p{margin:0 0 12px;color:var(--muted)}.badge{font-size:12px;font-weight:600;background:var(--soft);border:1px solid var(--line);border-radius:99px;padding:2px 10px;margin-left:8px;vertical-align:middle;font-family:var(--font)}.site-footer{border-top:1px solid var(--line);margin-top:48px;padding-block:28px;color:var(--muted);font-size:14px}.footer-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 28px}.footer-brand{display:flex;align-items:baseline;gap:8px;margin-right:auto}.footer-name{font-family:var(--font-head);font-weight:700;color:var(--text);font-size:16px}.footer-nav{display:flex;gap:20px}.footer-nav a{text-decoration:none}.footer-nav a:hover{color:var(--text)}.footer-copy{flex-basis:100%;margin:0;font-size:13px}.tp{position:fixed;right:16px;bottom:16px;z-index:1000;max-width:calc(100vw - 32px);font:500 13px/1.3 Inter,system-ui,sans-serif;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 8px 28px #0f172a2e;padding:8px}.tp[hidden],.tp-body[hidden]{display:none}.tp-toggle{all:unset;cursor:pointer;display:block;padding:2px 6px 6px;font-weight:600}.tp-toggle[aria-expanded=false]{padding-bottom:2px}.tp-btns{display:flex;flex-wrap:wrap;gap:4px}.tp-btns button{all:unset;cursor:pointer;width:28px;height:28px;border-radius:7px;text-align:center;line-height:28px;border:1px solid #cbd5e1;font-weight:600;font-size:13px;color:#0f172a;background:#fff}.tp-btns button:hover{background:#f1f5f9}.tp-btns button.on{background:#0f172a;border-color:#0f172a;color:#fff}.tp-foot{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding:0 2px}.tp-foot a{color:#475569}.clean-view .tp,.clean-view astro-dev-toolbar{display:none!important}[data-theme=v2]{--accent: #b45309}[data-theme=v2] .brand-text{flex-direction:row;align-items:center}[data-theme=v2] .brand-by{margin:0 0 0 12px;padding-left:12px;border-left:1px solid var(--line);font-size:14px}[data-theme=v2] .eyebrow{color:var(--accent)}[data-theme=v2] .hero-aside{display:block;border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--soft)}[data-theme=v2] .signed{display:block;color:var(--muted);font-weight:500}[data-theme=v2] .card-series{display:block}[data-theme=v2] .section h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}[data-theme=v2] .section-head{border-bottom:1px solid var(--line);padding-bottom:10px}@media(min-width:900px){[data-theme=v2] .hero-home .hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:64px}}[data-theme=v3]{--font: "Manrope", "Inter", system-ui, sans-serif;--head-weight: 800;--accent: #15803d;--radius: 14px;--soft: #f4f5f7}[data-theme=v3] .brand-mark{display:block}[data-theme=v3] .brand-name{font-weight:800}[data-theme=v3] .nav{gap:6px}[data-theme=v3] .nav a{padding:7px 14px;border-radius:99px;font-weight:600}[data-theme=v3] .nav a:hover,[data-theme=v3] .nav a[aria-current=page]{background:var(--soft)}[data-theme=v3] .nav .divider{margin:0 6px}[data-theme=v3] .nav .lang-switch{border:1px solid var(--line)}[data-theme=v3] .site-header{border-bottom-color:transparent}[data-theme=v3] .hero-home{padding-block:16px 24px}[data-theme=v3] .hero-home .hero-main{background:var(--soft);border-radius:24px;padding:clamp(28px,6vw,64px)}[data-theme=v3] .eyebrow{color:var(--accent)}[data-theme=v3] .btn{border-radius:99px;padding-inline:24px}[data-theme=v3] .btn-ghost{background:#fff}[data-theme=v3] .hero-by{display:inline-flex}[data-theme=v3] .tool-mini{background:var(--soft);border-color:transparent}@media(max-width:720px){[data-theme=v3] .nav{gap:0;margin-inline:-10px;width:calc(100% + 20px)}[data-theme=v3] .nav a{padding:7px 10px}[data-theme=v3] .nav .divider{margin:0 6px 0 auto}}[data-theme=v3] .tool-mini:hover{border-color:var(--line);background:#fff}[data-theme=v4]{--font: "Golos Text", "Inter", system-ui, sans-serif;--head-weight: 700;--header-h: 54px;--accent: #ea580c;--radius: 8px;--h1: clamp(26px, 3.2vw, 34px)}[data-theme=v4] .brand-text{flex-direction:row;align-items:baseline;gap:8px}[data-theme=v4] .brand-name{font-size:19px}[data-theme=v4] .brand-by{margin:0;font-size:13px}[data-theme=v4] .nav{font-size:14.5px;gap:20px}[data-theme=v4] .nav a{font-weight:500}[data-theme=v4] .hero-home{padding-block:28px 4px}[data-theme=v4] .hero-home .hero-main{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:24px}[data-theme=v4] .eyebrow{display:none}[data-theme=v4] .hero h1{margin-bottom:6px;grid-column:1}[data-theme=v4] .hero .lead{font-size:16px;margin:0;grid-column:1}[data-theme=v4] .hero-actions{grid-column:2;grid-row:1 / span 2;align-self:end}[data-theme=v4] .btn{padding:9px 16px;font-size:14px}[data-theme=v4] .section{padding-block:20px}[data-theme=v4] .section h2{font-size:19px}[data-theme=v4] .series>a{flex-basis:150px}[data-theme=v4] .grid{gap:20px 14px}[data-theme=v4] .card h3{font-size:15px;margin-top:8px}[data-theme=v4] .card p{font-size:13.5px}[data-theme=v4] .card-series{display:block;margin-top:8px;font-size:11.5px}[data-theme=v4] .tool-mini{padding:14px 16px}@media(max-width:720px){[data-theme=v4] .hero-home .hero-main{grid-template-columns:minmax(0,1fr)}[data-theme=v4] .hero-actions{grid-column:1;grid-row:auto;margin-top:16px}}[data-theme=v5]{--font: "Onest", "Inter", system-ui, sans-serif;--head-weight: 700;--header-h: 76px;--accent: #be123c}[data-theme=v5] .topbar{display:block;background:var(--soft);border-bottom:1px solid var(--line);color:var(--muted)}[data-theme=v5] .topbar-lang{font-weight:600;color:var(--text)}[data-theme=v5] .nav .divider,[data-theme=v5] .nav .lang-switch{display:none}[data-theme=v5] .brand-text{flex-direction:row;align-items:baseline;gap:10px}[data-theme=v5] .brand-name{font-size:28px;font-weight:800;letter-spacing:-.03em}[data-theme=v5] .brand-by{margin:0;font-size:15px}[data-theme=v5] .nav{font-size:16px;gap:28px}[data-theme=v5] .nav a{color:var(--text);font-weight:500}[data-theme=v5] .nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}[data-theme=v5] .hero-by{display:inline-flex;margin:0 0 24px;order:-1}[data-theme=v5] .hero-home .hero-main{display:flex;flex-direction:column}[data-theme=v5] .hero-home .hero-main>*{align-self:flex-start}[data-theme=v5] .eyebrow{display:none}[data-theme=v5] .avatar{width:48px;height:48px;font-size:16px;background:var(--accent)}[data-theme=v5] .hero h1{--h1: clamp(36px, 5.6vw, 62px)}[data-theme=v5] .section h2{font-size:24px}@media(max-width:720px){[data-theme=v5] .topbar-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=v5] .brand-name{font-size:24px}}[data-theme=v6]{--font: "IBM Plex Sans", "Inter", system-ui, sans-serif;--head-weight: 600;--soft: #f6f4f1;--line: #e7e3dd;--accent: #9f1239;--radius: 14px}[data-theme=v6] .site-header{border-bottom-color:transparent}[data-theme=v6] .brand-name{font-weight:700}[data-theme=v6] .hero-home{background:var(--soft);padding-block:56px}[data-theme=v6] .hero-home .hero-grid{gap:36px}[data-theme=v6] .eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:none;font-size:15px}[data-theme=v6] .hero .lead{margin-bottom:24px}[data-theme=v6] .hero-aside{display:block;border-top:1px solid var(--line);padding-top:28px}[data-theme=v6] .aside-title{display:none}[data-theme=v6] .method{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}[data-theme=v6] .method li{flex-direction:column;gap:6px}[data-theme=v6] .method .num{font-size:28px;font-weight:600;line-height:1}[data-theme=v6] .btn{border-radius:10px}[data-theme=v6] .btn-ghost{background:#fff}[data-theme=v6] .section-tools{background:var(--soft);margin-top:32px;padding-block:40px}[data-theme=v6] .section-tools+*{margin-top:0}[data-theme=v6] .tool-mini{background:#fff}[data-theme=v6] .card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:box-shadow .15s}[data-theme=v6] .card:hover{box-shadow:0 6px 20px #0000000f}[data-theme=v6] .card .img{border:0;border-bottom:1px solid var(--line);border-radius:0}[data-theme=v6] .card-body{padding:4px 16px 16px}[data-theme=v6] .card-series{display:block;margin-top:12px}@media(max-width:720px){[data-theme=v6] .method{grid-template-columns:minmax(0,1fr)}}[data-theme=v6] main+.site-footer{margin-top:0}[data-theme=v7]{--font: "Inter", system-ui, sans-serif;--font-head: "Inter Tight", "Inter", system-ui, sans-serif;--head-weight: 800;--text: #111111;--dark: #111111;--dark-hover: #000;--muted: #555555;--line: #d9d9d9;--accent: #c8102e;--radius: 0px;--h1: clamp(46px, 8.4vw, 112px)}[data-theme=v7] .topbar{display:block;border-bottom:1px solid var(--line)}[data-theme=v7] .topbar-row{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}[data-theme=v7] .topbar-lang{color:var(--text);font-weight:700}[data-theme=v7] .nav .divider,[data-theme=v7] .nav .lang-switch{display:none}[data-theme=v7] .site-header{border-bottom:3px solid var(--text)}[data-theme=v7] .header-row{flex-direction:column;gap:0;padding-block:22px 0}[data-theme=v7] .brand{margin:0}[data-theme=v7] .brand-text{align-items:center}[data-theme=v7] .brand-name{font-size:clamp(40px,6vw,64px);font-weight:900;letter-spacing:-.045em;line-height:.95}[data-theme=v7] .brand-by{margin-top:8px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:700}[data-theme=v7] .nav{width:100%;justify-content:center;gap:36px;margin-top:18px;border-top:1px solid var(--line);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}[data-theme=v7] .nav a{padding:12px 0;color:var(--text)}[data-theme=v7] .nav a[aria-current=page]{color:var(--accent)}[data-theme=v7] .hero-home{padding-block:48px 40px}[data-theme=v7] .eyebrow{display:none}[data-theme=v7] .hero h1{letter-spacing:-.045em;line-height:1;max-width:14ch;margin-bottom:24px}[data-theme=v7] .hero .lead{font-size:21px;color:var(--text);border-left:3px solid var(--accent);padding-left:18px}[data-theme=v7] .btn{border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-size:13px;padding:14px 24px}[data-theme=v7] .btn-ghost{border-color:var(--text)}[data-theme=v7] .section h2{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-family:var(--font);font-weight:700}[data-theme=v7] .section-head{border-top:3px solid var(--text);padding-top:12px}[data-theme=v7] .card .img,[data-theme=v7] .series .sq{border-color:var(--text)}[data-theme=v7] .card h3{font-size:20px;letter-spacing:-.02em;line-height:1.15}[data-theme=v7] .card-series{display:block}[data-theme=v7] .tool-mini{border:0;border-top:1px solid var(--text);padding:14px 0 0}[data-theme=v7] .article h1,[data-theme=v7] .page h1{font-size:clamp(36px,6vw,64px);letter-spacing:-.04em;line-height:1}[data-theme=v7] .site-footer{border-top:3px solid var(--text)}@media(max-width:720px){[data-theme=v7] .header-row{padding-top:16px}[data-theme=v7] .nav{justify-content:center;gap:22px;margin-top:12px}[data-theme=v7] .topbar-text{display:none}[data-theme=v7] .topbar-row{justify-content:center}}[data-theme=v8]{--bg: #fbf8f2;--text: #2b2118;--muted: #6f5f4f;--line: #e3d8c6;--soft: #f3ece0;--dark: #3b2a1e;--dark-hover: #24180f;--accent: #9a5b2b;--radius: 4px;--font-head: "Lora", Georgia, serif;--head-weight: 600}[data-theme=v8] .brand-mark{display:block;background:transparent;color:var(--accent);border:2px solid var(--accent);border-radius:50%;line-height:32px;font-size:18px;transform:rotate(-8deg)}[data-theme=v8] .brand-name{font-size:23px;letter-spacing:0}[data-theme=v8] .brand-by{font-style:italic;font-family:var(--font-head);font-size:13.5px;font-weight:500}[data-theme=v8] .eyebrow{display:inline-block;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:500;letter-spacing:.06em;color:var(--accent);border:1px dashed var(--accent);padding:4px 10px}[data-theme=v8] .hero h1{letter-spacing:-.015em;line-height:1.1}[data-theme=v8] .hero-aside{display:block;padding:26px 28px 22px;background:#fffdf8;border:1px solid var(--line);box-shadow:0 1px 0 var(--line),0 10px 24px #3b2a1e14;transform:rotate(1.2deg);border-top:3px solid #c97b6b}[data-theme=v8] .aside-title{font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:500;color:var(--accent)}[data-theme=v8] .method{gap:0}[data-theme=v8] .method li{padding:12px 0;border-bottom:1px dashed var(--line)}[data-theme=v8] .method .num{font-family:IBM Plex Mono,ui-monospace,monospace}[data-theme=v8] .method b{font-family:var(--font-head)}[data-theme=v8] .signed{display:block;font-family:var(--font-head);font-style:italic;font-weight:500;text-align:right;color:var(--accent)}[data-theme=v8] .btn{border-radius:3px}[data-theme=v8] .btn-ghost:hover{background:var(--soft)}[data-theme=v8] .card .img,[data-theme=v8] .series .sq{border:1px solid var(--line);outline:6px solid #fff;outline-offset:-7px;box-shadow:0 2px 6px #3b2a1e1a}[data-theme=v8] .card h3{font-size:17.5px}[data-theme=v8] .card-series{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:500}[data-theme=v8] .tool-mini{background:#fffdf8}[data-theme=v8] .ph>span{font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:500}@media(min-width:900px){[data-theme=v8] .hero-home .hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:72px}}@media(max-width:899px){[data-theme=v8] .hero-aside{transform:none}}[data-theme=v9]{--accent: #f59e0b;--header-bg: #1e293b;--header-text: #ffffff;--header-muted: #cbd5e1;--header-line: #334155}[data-theme=v9] .site-header{border-bottom:0}[data-theme=v9] .brand-mark{display:block;background:var(--accent);color:#1e293b}[data-theme=v9] .brand-by{color:#94a3b8}[data-theme=v9] .nav a[aria-current=page]{color:var(--accent)}[data-theme=v9] .hero{background:#1e293b;color:#fff}[data-theme=v9] .hero-home{padding-block:56px 72px;background:linear-gradient(180deg,#1e293b,#0f172a)}[data-theme=v9] .hero .lead{color:#cbd5e1}[data-theme=v9] .hero-page{padding-block:40px}[data-theme=v9] .eyebrow{color:var(--accent)}[data-theme=v9] .hero .btn{background:#fff;color:#0f172a;border-color:#fff}[data-theme=v9] .hero .btn:hover{background:#e2e8f0}[data-theme=v9] .hero .btn-ghost{background:transparent;color:#fff;border-color:#475569}[data-theme=v9] .hero .btn-ghost:hover{border-color:#fff;background:#ffffff0f}[data-theme=v9] .hero-aside{display:block;border:1px solid #334155;border-radius:14px;padding:28px;background:#ffffff08}[data-theme=v9] .aside-title,[data-theme=v9] .method .step span{color:#94a3b8}[data-theme=v9] .method .num{color:var(--accent)}[data-theme=v9] .section-latest{padding-top:48px}[data-theme=v9] .card-series{display:block;color:#b45309}[data-theme=v9] .site-footer{background:#1e293b;color:#94a3b8;border:0}[data-theme=v9] .footer-name,[data-theme=v9] .footer-nav a:hover{color:#fff}@media(min-width:900px){[data-theme=v9] .hero-home .hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px}}[data-theme=v10]{--head-weight: 600;--h1: clamp(34px, 5vw, 58px);--line: #ececec}[data-theme=v10] .site-header{border-bottom:0}[data-theme=v10] .header-row{flex-direction:column;gap:14px;padding-block:36px 8px}[data-theme=v10] .brand{margin:0}[data-theme=v10] .brand-text{align-items:center}[data-theme=v10] .brand-name{font-size:26px;font-weight:600;letter-spacing:.01em}[data-theme=v10] .brand-by{margin-top:6px;font-weight:300;font-size:14px;letter-spacing:.04em}[data-theme=v10] .nav{justify-content:center;gap:30px;font-size:14px;font-weight:400}[data-theme=v10] .nav .divider{margin:0}[data-theme=v10] .hero{text-align:center}[data-theme=v10] .hero-home{padding-block:72px 56px}[data-theme=v10] .hero h1,[data-theme=v10] .hero .lead{margin-inline:auto}[data-theme=v10] .hero h1{letter-spacing:-.035em}[data-theme=v10] .hero .lead{font-weight:300;font-size:19px;max-width:620px}[data-theme=v10] .hero-actions{justify-content:center}[data-theme=v10] .btn{border-radius:99px;font-weight:500;padding-inline:26px}[data-theme=v10] .eyebrow{font-weight:400;letter-spacing:.24em;font-size:12px}[data-theme=v10] .eyebrow:after{content:"";display:block;width:32px;height:1px;background:var(--muted);margin:18px auto 0}[data-theme=v10] .section{padding-block:40px}[data-theme=v10] .section-head{flex-direction:column;align-items:center;gap:4px;margin-bottom:28px}[data-theme=v10] .section h2{font-weight:500;font-size:20px}[data-theme=v10] .section-head a{font-size:14px}[data-theme=v10] .series{justify-content:safe center}[data-theme=v10] .card,[data-theme=v10] .sq-title{text-align:center}[data-theme=v10] .card h3{font-weight:600}[data-theme=v10] .tool-mini{text-align:center;border-color:var(--line)}[data-theme=v10] .site-footer{text-align:center}[data-theme=v10] .footer-row,[data-theme=v10] .footer-brand{justify-content:center}[data-theme=v10] .footer-brand{margin:0;flex-basis:100%}@media(max-width:720px){[data-theme=v10] .header-row{padding-block:22px 0;gap:10px}[data-theme=v10] .nav{justify-content:center;gap:20px}}
