:root{--ink:#162033;--muted:#5d6878;--line:#d9e0e8;--soft:#f5f7fa;--brand:#1664d6;--brand-dark:#0e4da9;--max:1120px;color-scheme:light dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.62 Arial,Helvetica,sans-serif}a{color:var(--brand);text-underline-offset:3px}a:hover{color:var(--brand-dark)}img{max-width:100%}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}.nav{max-width:var(--max);margin:auto;min-height:64px;padding:0 22px;display:flex;align-items:center;gap:22px}.brand{font-size:20px;font-weight:800;color:var(--ink);text-decoration:none;margin-right:auto}.nav-links{display:flex;align-items:center;gap:18px}.nav-links a{color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border-radius:7px;background:var(--brand);color:#fff!important;text-decoration:none;font-weight:800;border:1px solid var(--brand)}.button.secondary{background:#fff;color:var(--brand)!important}.hero{background:linear-gradient(180deg,#f4f8ff,#fff);border-bottom:1px solid var(--line)}.hero-inner,.main,.footer-inner{max-width:var(--max);margin:auto;padding:64px 22px}.hero-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:12px;color:var(--brand)}h1{font-size:clamp(36px,5vw,60px);line-height:1.06;margin:.2em 0}h2{font-size:30px;line-height:1.2;margin:1.8em 0 .5em}h3{font-size:21px;line-height:1.3;margin:1.5em 0 .4em}.lead{font-size:20px;color:#435066;max-width:740px}.hero-card,.card,.callout{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(30,55,90,.07)}.hero-card{padding:24px}.hero-card ul{padding-left:20px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.main{padding-top:44px;padding-bottom:72px}.article{max-width:820px}.article p,.article li{color:#344054}.article strong{color:var(--ink)}.toc{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:28px 0}.toc strong{display:block;margin-bottom:6px}.toc ul{margin:0;padding-left:20px}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:0 0 24px 54px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:22px}.card h2,.card h3{margin-top:0}.card p{color:var(--muted)}.card-link{font-weight:800}.callout{padding:22px;margin:28px 0;border-left:5px solid var(--brand)}.warning{border-left-color:#b7791f;background:#fffbeb}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft)}tr:last-child td{border-bottom:0}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{font-weight:800;cursor:pointer}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:24px}.site-footer{border-top:1px solid var(--line);background:var(--soft)}.footer-inner{padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.small{font-size:14px;color:var(--muted)}code{background:#eef2f6;border-radius:4px;padding:2px 5px}.tag{display:inline-block;background:#eaf2ff;color:#0e4da9;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;margin-right:6px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:100}
@media(max-width:800px){.hero-inner{grid-template-columns:1fr;padding-top:42px;padding-bottom:42px}.nav-links a:not(.button){display:none}.grid{grid-template-columns:1fr}.hero-card{display:none}h1{font-size:40px}}
@media(prefers-color-scheme:dark){:root{--ink:#eef3f8;--muted:#aeb8c5;--line:#364151;--soft:#161d27;--brand:#66a3ff;--brand-dark:#9ec4ff}body{background:#0f141b}.site-header{background:rgba(15,20,27,.96)}.hero{background:linear-gradient(180deg,#111c2d,#0f141b)}.hero-card,.card,.callout{background:#151c25;box-shadow:none}.lead,.article p,.article li{color:#bdc7d4}.button{background:#2877e6;border-color:#2877e6}.button.secondary{background:#151c25}.warning{background:#2a2212}code{background:#263141}}

/* 2026-07-27 professional guide system */
.guide-hero .hero-inner{padding-top:54px;padding-bottom:54px}
.guide-main{max-width:1220px}
.docs-layout{display:grid;grid-template-columns:230px minmax(0,860px);gap:54px;align-items:start}
.docs-nav{position:sticky;top:88px;border:1px solid var(--line);background:var(--soft);padding:18px;font-size:14px}
.docs-nav strong{display:block;margin-bottom:8px}
.docs-nav ol{margin:0;padding-left:20px}
.docs-nav li{margin:7px 0;color:var(--muted)}
.docs-nav a{text-decoration:none}
.docs-open{display:block;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-weight:800}
.guide-article{max-width:none;min-width:0}
.guide-article code{overflow-wrap:anywhere;word-break:break-word}
.guide-summary{border-left:5px solid var(--brand);background:var(--soft);padding:17px 20px;margin-bottom:30px}
.guide-summary p{margin:4px 0 0}
.guide-article h2{font-size:29px;margin-top:2.15em;scroll-margin-top:90px}
.guide-article h3{font-size:20px;scroll-margin-top:90px}
.guide-article>h2:first-of-type{margin-top:1.2em}
.guide-figure{margin:28px 0 34px;border:1px solid var(--line);background:#fff}
.guide-figure img{display:block;width:100%;height:auto;background:#eef1f4}
.guide-figure figcaption{padding:12px 15px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.45}
.walkthrough{counter-reset:walk;list-style:none;padding:0;margin:24px 0}
.walkthrough>li{counter-increment:walk;display:grid;grid-template-columns:42px 1fr;gap:14px;margin:0 0 16px}
.walkthrough>li:before{content:counter(walk);width:36px;height:36px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;border-radius:50%}
.walkthrough p{margin:3px 0 0}
.checklist{list-style:none;padding:0}
.checklist li{position:relative;padding-left:30px;margin:9px 0}
.checklist li:before{content:"✓";position:absolute;left:0;top:.05em;width:20px;height:20px;display:grid;place-items:center;border:1px solid #8fb2df;background:#edf5ff;color:#0e4da9;font-size:12px;font-weight:900;border-radius:50%}
.guide-table,.interface-grid,.principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.guide-table>div,.interface-grid>div,.principle-grid>div{border:1px solid var(--line);background:var(--soft);padding:17px}
.guide-table p,.interface-grid p,.principle-grid p{margin:5px 0 0}
.completion{margin-top:38px;border:1px solid #9ebbdc;background:#f0f6fd;padding:20px}
.completion>strong{font-size:18px}
.code-sample{max-width:100%;overflow:auto;border:1px solid var(--line);background:#101722;color:#eaf0f7;padding:18px;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.code-sample code{white-space:inherit;overflow-wrap:inherit;word-break:inherit}
.guide-index{max-width:1180px}
.guide-index section{margin-bottom:62px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}
.section-heading h2{margin:.1em 0 0}
.featured-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:28px;align-items:center;border:1px solid var(--line);background:#fff;padding:28px}
.featured-guide h2{margin:.3em 0;font-size:32px}
.featured-guide img{border:1px solid var(--line);width:100%;height:auto}
.inline-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0}
.inline-list li{border:1px solid var(--line);background:var(--soft);padding:5px 9px;font-size:13px}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-card{border:1px solid var(--line);background:#fff;padding:22px;display:flex;flex-direction:column;min-height:255px}
.guide-card h3{margin:.55em 0 .4em}
.guide-card p{color:var(--muted)}
.guide-card .card-link{margin-top:auto}
.guide-principles{max-width:none}

/* 2026-08-27 current-product documentation system */
.docs-home{display:block;font-size:15px;font-weight:800;color:var(--ink);margin:-2px -4px 15px;padding:4px;text-decoration:none}
.docs-nav-group{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.docs-nav-group-title{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:900;color:var(--muted);margin:0 0 5px}
.docs-nav-group a{display:block;color:var(--ink);padding:5px 7px;margin:1px -7px;border-left:2px solid transparent;border-radius:0 4px 4px 0;line-height:1.3}
.docs-nav-group a:hover{background:rgba(22,100,214,.08);color:var(--brand)}
.docs-nav-group a.is-current,.docs-nav-group a[aria-current="page"]{background:rgba(22,100,214,.1);border-left-color:var(--brand);color:var(--brand);font-weight:800}
.guide-toc ol{margin:7px 0 0;padding-left:22px;columns:2;column-gap:32px}
.guide-toc li{break-inside:avoid;margin:4px 0}
.guide-toc a{text-decoration:none}
.guide-toc a:hover{text-decoration:underline}
.related-guides{border-top:1px solid var(--line);margin-top:64px;padding-top:8px}
.related-guides .section-heading{margin-bottom:16px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.related-card{border:1px solid var(--line);background:var(--soft);padding:16px;min-width:0}
.related-card h3{font-size:17px;margin:.5em 0 .35em}
.related-card h3 a{text-decoration:none}
.related-card p{font-size:14px;line-height:1.5;margin:.4em 0 0;color:var(--muted)}
.tool-reference{margin:24px 0 34px}
.tool-reference table{min-width:760px}
.tool-reference td:first-child{min-width:290px}
.tool-category-row th{background:#eaf2ff;color:#0e4da9;text-transform:uppercase;letter-spacing:.05em;font-size:12px;padding-top:15px;padding-bottom:15px}
.guide-index-hero .hero-inner{padding-top:58px;padding-bottom:58px}
.guide-index .guide-card h3 a,.featured-guide h2 a{text-decoration:none;color:var(--ink)}
.guide-index .guide-card h3 a:hover,.featured-guide h2 a:hover{color:var(--brand)}
.guide-index .guide-card{transition:transform .12s ease,box-shadow .12s ease}
.guide-index .guide-card:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(30,55,90,.08)}
.guide-figure img{aspect-ratio:16/10;object-fit:cover;object-position:top center}
.article .warning{padding:20px;margin:28px 0;border:1px solid #e5c27a;border-left:5px solid #b7791f;border-radius:10px}
.article .warning p{margin:.35em 0 0}
@media(max-width:980px){.docs-layout{grid-template-columns:1fr}.docs-nav{position:relative;top:auto;max-height:48vh;overflow:auto}.docs-nav ol{columns:2}.featured-guide{grid-template-columns:1fr}.guide-card-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.guide-table,.interface-grid,.principle-grid,.guide-card-grid,.related-grid{grid-template-columns:1fr}.docs-nav ol{columns:1}.guide-toc ol{columns:1}.guide-figure{margin-left:-10px;margin-right:-10px}.walkthrough>li{grid-template-columns:36px 1fr}.featured-guide{padding:18px}.featured-guide h2{font-size:27px}.guide-main{padding-left:16px;padding-right:16px}.docs-nav{max-height:42vh}.guide-figure img{aspect-ratio:auto}.tool-reference{margin-left:-6px;margin-right:-6px}}
@media(prefers-color-scheme:dark){.guide-figure,.featured-guide,.guide-card{background:#151c25}.guide-summary,.docs-nav,.guide-table>div,.interface-grid>div,.principle-grid>div,.related-card{background:#161d27}.completion{background:#142238;border-color:#355d8c}.code-sample{background:#080d14}.checklist li:before{background:#192c43;color:#9ec4ff;border-color:#3f6b9e}.docs-nav-group a:hover,.docs-nav-group a.is-current,.docs-nav-group a[aria-current="page"]{background:rgba(102,163,255,.12)}.tool-category-row th{background:#142238;color:#9ec4ff}.article .warning{background:#2a2212;border-color:#6f5828}}


/* 2026-09-09 semantic topic and question network */
.guide-questions{margin-top:58px;padding-top:4px}
.question-hub{max-width:none}
.small-lead{max-width:820px;margin-top:-8px;margin-bottom:22px}
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 6px}
.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.question-card{border:1px solid var(--line);background:var(--soft);padding:18px;min-width:0}
.question-card h3{font-size:18px;margin:0 0 .5em;line-height:1.35}
.question-card p{font-size:15px;line-height:1.55;margin:.35em 0;color:var(--muted)}
.question-card .card-link{display:inline-block;margin-top:8px}
@media(max-width:900px){.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.question-grid,.discovery-grid{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){.question-card{background:#161d27}}