:root{--docs-ink:#171816;--docs-muted:#686a65;--docs-line:#e3e3dc;--docs-paper:#fafaf8;--docs-surface:#fff;--docs-accent:#e85d2a;--docs-accent-soft:#fff0e9;--docs-good:#287a57;--docs-warn:#9a641b;--sidebar:270px;--toc:230px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--docs-paper);color:var(--docs-ink);font:15px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.reading-progress{background:var(--docs-accent);height:3px;left:0;position:fixed;top:0;transform:scaleX(0);transform-origin:left;transition:transform .1s linear;width:100%;z-index:100}.docs-header{align-items:center;background:rgba(250,250,248,.92);border-bottom:1px solid var(--docs-line);display:flex;height:68px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.docs-brand{align-items:center;color:inherit;display:flex;font-weight:750;gap:10px;text-decoration:none}.docs-brand img{border-radius:10px}.docs-brand span{color:var(--docs-muted);font-weight:500}.docs-header-actions{align-items:center;display:flex;gap:12px}.docs-header a{color:inherit;text-decoration:none}.docs-button{background:var(--docs-ink);border-radius:999px;color:#fff!important;font-weight:700;padding:9px 15px}.search-trigger{align-items:center;background:#fff;border:1px solid var(--docs-line);border-radius:10px;color:var(--docs-muted);cursor:pointer;display:flex;font:inherit;gap:26px;min-width:220px;padding:8px 11px}.search-trigger kbd{background:var(--docs-paper);border:1px solid var(--docs-line);border-radius:5px;font:12px inherit;padding:1px 5px}.mobile-menu{background:transparent;border:0;display:none;font-size:1.3rem}.docs-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--toc);margin:auto;max-width:1500px;min-height:calc(100vh - 68px)}.docs-sidebar{border-right:1px solid var(--docs-line);padding:30px 24px;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}.docs-sidebar strong{display:block;font-size:.72rem;letter-spacing:.12em;margin:24px 10px 8px;text-transform:uppercase}.docs-sidebar strong:first-child{margin-top:0}.docs-sidebar a{border-radius:8px;color:var(--docs-muted);display:block;margin:2px 0;padding:7px 10px;text-decoration:none}.docs-sidebar a:hover,.docs-sidebar a[aria-current=page]{background:var(--docs-accent-soft);color:#ad3d15}.docs-main{margin:0 auto;max-width:850px;padding:50px 52px 100px;width:100%}.breadcrumbs{align-items:center;color:var(--docs-muted);display:flex;font-size:.85rem;gap:8px;margin-bottom:42px}.breadcrumbs a{color:inherit;text-decoration:none}.docs-main h1{font-size:clamp(2.5rem,6vw,4.8rem);letter-spacing:-.055em;line-height:1;margin:12px 0 24px}.docs-main h2{font-size:2rem;letter-spacing:-.035em;line-height:1.2;margin:76px 0 18px;scroll-margin-top:90px}.docs-main h3{font-size:1.25rem;letter-spacing:-.015em;margin:40px 0 10px}.docs-main p,.docs-main li{font-size:1.04rem}.lede{color:var(--docs-muted);font-size:1.25rem!important;max-width:720px}.article-meta{align-items:center;border-bottom:1px solid var(--docs-line);color:var(--docs-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:18px;margin-top:30px;padding-bottom:30px}.docs-toc{padding:36px 24px;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}.docs-toc strong{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.docs-toc a{border-left:1px solid var(--docs-line);color:var(--docs-muted);display:block;font-size:.84rem;padding:6px 0 6px 14px;text-decoration:none}.docs-toc a.active{border-color:var(--docs-accent);color:var(--docs-ink)}.callout{background:#fff;border:1px solid var(--docs-line);border-left:4px solid var(--docs-accent);border-radius:14px;margin:28px 0;padding:20px 22px}.callout strong{display:block;margin-bottom:3px}.callout.tip{border-left-color:var(--docs-good)}.callout.warning{border-left-color:var(--docs-warn)}.steps{counter-reset:steps;list-style:none;padding:0}.steps>li{counter-increment:steps;margin:28px 0;padding-left:52px;position:relative}.steps>li:before{align-items:center;background:var(--docs-ink);border-radius:50%;color:#fff;content:counter(steps);display:flex;font-size:.82rem;font-weight:800;height:32px;justify-content:center;left:0;position:absolute;top:0;width:32px}.checklist{list-style:none;padding:0}.checklist li{padding:5px 0 5px 30px;position:relative}.checklist li:before{color:var(--docs-good);content:"✓";font-weight:900;left:3px;position:absolute}.visual{background:linear-gradient(145deg,#fff,#f1f1ec);border:1px solid var(--docs-line);border-radius:22px;margin:28px 0;overflow:hidden;padding:28px}.visual-caption{color:var(--docs-muted);font-size:.82rem!important;margin:16px 0 0}.mock-window{background:#fff;border:1px solid #d9d9d2;border-radius:13px;box-shadow:0 18px 60px rgba(22,23,21,.08);overflow:hidden}.mock-bar{background:#f2f2ee;border-bottom:1px solid var(--docs-line);height:30px}.mock-bar:before{color:#c8c8c0;content:"●  ●  ●";font-size:9px;left:12px;position:relative;top:2px}.mock-body{display:grid;gap:14px;grid-template-columns:1fr 1.8fr;padding:18px}.mock-panel{background:#f4f4f0;border-radius:9px;min-height:145px;padding:14px}.mock-panel.accent{background:linear-gradient(135deg,#312f2c,#0d0e0d);position:relative}.mock-panel.accent:after{background:linear-gradient(135deg,#f28a58,#df4c1e);border-radius:8px;content:"";height:58px;left:35%;position:absolute;top:38px;transform:rotate(-8deg);width:72px}.target-examples{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.target-card{background:#fff;border:1px solid var(--docs-line);border-radius:14px;padding:10px}.target-image{align-items:center;aspect-ratio:4/3;border-radius:9px;display:flex;font-size:1.7rem;font-weight:800;justify-content:center;overflow:hidden}.target-card.good .target-image{background:conic-gradient(from 40deg,#e95f2d,#f3c14f,#326477,#111,#e95f2d);color:#fff}.target-card.ok .target-image{background:linear-gradient(120deg,#eee 45%,#525c5a 46% 58%,#d89855 59%);color:#222}.target-card.bad .target-image{background:#e9e9e5;color:#c7c7c0}.target-card b{display:block;margin-top:8px}.target-card.good b{color:var(--docs-good)}.target-card.bad b{color:#a03b2d}.metrics{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:24px 0}.metric{background:#fff;border:1px solid var(--docs-line);border-radius:14px;padding:18px}.metric strong{display:block;font-size:1.4rem}.doc-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:28px 0}.doc-card{background:#fff;border:1px solid var(--docs-line);border-radius:16px;color:inherit;padding:22px;text-decoration:none}.doc-card:hover{border-color:#bbb;transform:translateY(-1px)}.doc-card small{color:var(--docs-accent);font-weight:800;text-transform:uppercase}.doc-card h2,.doc-card h3{font-size:1.25rem;margin:8px 0}.doc-card p{color:var(--docs-muted);font-size:.92rem;margin:0}.pager{border-top:1px solid var(--docs-line);display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:80px;padding-top:30px}.pager a{background:#fff;border:1px solid var(--docs-line);border-radius:14px;color:inherit;padding:16px;text-decoration:none}.pager a:last-child{text-align:right}.faq details{background:#fff;border:1px solid var(--docs-line);border-radius:12px;margin:10px 0;padding:17px 20px}.faq summary{cursor:pointer;font-weight:750}.faq details p{color:var(--docs-muted);font-size:.96rem}.docs-cta{background:#1c1d1b;border-radius:24px;color:#fff;margin-top:70px;padding:34px}.docs-cta p{color:#c9cac5}.docs-cta a{color:#fff;font-weight:750}.search-dialog{background:#fff;border:0;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.25);max-width:650px;padding:0;width:calc(100% - 32px)}.search-dialog::backdrop{background:rgba(15,16,14,.45);backdrop-filter:blur(4px)}.search-dialog input{border:0;border-bottom:1px solid var(--docs-line);font:1.05rem inherit;outline:0;padding:20px;width:100%}.search-results{max-height:55vh;overflow:auto;padding:10px}.search-results a{border-radius:10px;color:inherit;display:block;padding:12px;text-decoration:none}.search-results a:hover{background:var(--docs-paper)}.search-results strong,.search-results span{display:block}.search-results span{color:var(--docs-muted);font-size:.85rem}.search-empty{color:var(--docs-muted);padding:28px;text-align:center}@media(max-width:1120px){.docs-shell{grid-template-columns:240px minmax(0,1fr)}.docs-toc{display:none}}@media(max-width:760px){.docs-header{padding:0 16px}.search-trigger{min-width:0}.search-trigger span,.search-trigger kbd,.docs-header-actions>a:not(.docs-button){display:none}.mobile-menu{display:block}.docs-shell{display:block}.docs-sidebar{background:var(--docs-paper);display:none;height:calc(100vh - 68px);inset:68px 0 0;position:fixed;z-index:18}.docs-sidebar.open{display:block}.docs-main{padding:36px 20px 70px}.breadcrumbs{margin-bottom:28px}.target-examples,.metrics,.doc-grid,.pager{grid-template-columns:1fr}.mock-body{grid-template-columns:1fr}.docs-main h2{margin-top:58px}.docs-button{padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.doc-card{transition:none}}
