:root{--ink:#0e1739;--muted:#647496;--blue:#245cff;--line:#d7e0f4;--paper:#f7f9ff;--white:#fff;font-family:"Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,div[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.preview{text-align:center;font-size:10px;letter-spacing:.13em;padding:7px 16px;background:#eaf0ff;color:#506895}.site-header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:42px;padding:0 max(32px,calc((100vw - 1320px)/2))}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);white-space:nowrap;font-weight:600;letter-spacing:.1em;font-size:13px}.brand svg{height:34px;width:39px}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a{color:var(--ink)}.tools{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:13px;white-space:nowrap}.button{display:inline-flex;align-items:center;border:1px solid var(--blue);border-radius:5px;padding:10px 16px;line-height:1.4;font-size:13px;white-space:nowrap}.primary{background:var(--blue);color:#fff}.button:hover{text-decoration:none;background:#eaf0ff}.primary:hover{background:#194cdf}.skip{position:absolute;top:-60px;left:20px;background:white;padding:12px;z-index:5}.skip:focus{top:4px}.article-top{max-width:1090px;margin:auto;padding:48px 0 30px}.back{font-size:12px;display:inline-block;margin-bottom:35px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.13em;color:var(--blue)}h1{font-size:clamp(32px,3.5vw,49px);line-height:1.25;letter-spacing:-.04em;font-weight:500;max-width:950px;margin:20px 0}.dek{font-size:17px;line-height:1.9;color:var(--muted);max-width:840px}.meta{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;color:var(--muted);margin-top:28px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reading-grid{max-width:1090px;margin:10px auto 0;display:grid;grid-template-columns:225px minmax(0,1fr);gap:62px;align-items:start}.toc{position:sticky;top:24px;padding-top:8px}.toc p{font-size:10px;letter-spacing:.15em;color:var(--muted);margin:0 0 19px}.toc a{display:block;padding:8px 0;font-size:12px;line-height:1.6;color:var(--muted)}.toc a:hover{color:var(--blue)}.toc .toc-cta{color:var(--blue);margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.prose{font-size:15px;line-height:1.95;min-width:0}.prose>p:first-child{font-size:17px;line-height:1.95;margin-top:0}.prose p{margin:0 0 21px}.prose h2{font-size:24px;line-height:1.5;font-weight:500;letter-spacing:-.025em;margin:50px 0 19px}.prose h3{font-size:17px;line-height:1.5;font-weight:600;margin:28px 0 12px}.prose strong{font-weight:600}.table-scroll{overflow:auto;margin:23px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.65}th,td{padding:12px 13px;text-align:left;vertical-align:top;min-width:95px}th{color:#576c95;font-weight:500;background:#eef3ff}td{border-top:1px solid #e6ebf7}td:first-child,th:first-child{min-width:155px}td strong{color:var(--blue)}.prose code{font-family:"DejaVu Sans Mono",monospace;font-size:.86em;overflow-wrap:anywhere;background:#eaf0ff;padding:2px 4px;border-radius:3px}.prose pre{overflow:auto;padding:23px;background:#101a34;color:#dce7ff;line-height:1.8;font-size:12px;border-radius:5px}.prose pre code{background:transparent;padding:0;overflow-wrap:normal;font-size:inherit}.related{max-width:1090px;margin:70px auto 60px;padding-top:30px;border-top:1px solid var(--line)}.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.story{display:flex;flex-direction:column;color:var(--ink);padding:32px 28px 30px 0;min-width:0}.story+.story{border-left:1px solid var(--line);padding-left:28px}.story:hover{text-decoration:none}.story:hover h3{color:var(--blue)}.story-tag{font-size:10px;color:var(--blue);letter-spacing:.08em}.story h3{font-weight:500;font-size:22px;line-height:1.5;letter-spacing:-.025em;margin:18px 0 14px}.story p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 24px}.read{font-size:12px;color:var(--blue);margin-top:auto}.related .stories{grid-template-columns:repeat(2,minmax(0,1fr))}.index{max-width:1150px;margin:auto;padding:80px 0}.index h1{font-size:clamp(38px,5vw,64px);margin-top:24px}.index-dek{color:var(--muted);line-height:1.9;font-size:17px;margin:22px 0 50px;max-width:690px}.index-bar{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:11px;color:var(--muted);letter-spacing:.08em}.resource{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);margin-top:55px;padding-top:35px}.resource div{flex:1}.resource h2{font-size:21px;font-weight:500;margin:0 0 10px}.resource p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.resource>a{font-size:12px}footer{border-top:1px solid var(--line);padding:30px max(32px,calc((100vw - 1150px)/2));display:flex;gap:28px;align-items:center;font-size:11px;color:var(--muted)}footer .footer-brand{font-size:13px;letter-spacing:.1em;color:var(--ink)}footer span{margin-right:auto}@media(max-width:1180px){.article-top,.reading-grid,.related,.index{margin-left:32px;margin-right:32px}.site-header{gap:24px}.site-header nav{gap:18px}.reading-grid{grid-template-columns:190px minmax(0,1fr);gap:35px}}@media(max-width:800px){.site-header{height:70px;padding:0 22px}.site-header nav{display:none}.brand{font-size:12px}.tools{gap:18px}.article-top{padding-top:30px;padding-bottom:12px}.article-top,.reading-grid,.related,.index{margin-left:22px;margin-right:22px}.back{margin-bottom:26px}.reading-grid{display:block}.toc{position:static;margin:0 0 30px;padding:16px 0;border-bottom:1px solid var(--line)}.toc a{font-size:12px;padding:6px 0}.toc .toc-cta{display:none}.toc p{margin-bottom:10px}.prose{font-size:14px}.prose>p:first-child{font-size:16px}.prose h2{font-size:22px;margin-top:36px}.dek{font-size:15px}.stories,.related .stories{grid-template-columns:1fr}.story,.story+.story{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.story h3{font-size:22px}.index{padding-top:46px}.index-dek{margin-bottom:30px;font-size:15px}.resource{flex-wrap:wrap;gap:20px}.resource div{flex-basis:100%}.related{margin-top:50px}.meta{gap:14px}footer{flex-wrap:wrap;padding:25px 22px;gap:18px}footer span{flex-basis:65%;margin-right:0}table{font-size:11px}th,td{padding:10px;min-width:90px}.index-bar{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.topic-group{padding-top:32px}.topic-group>h2{font-weight:500;font-size:23px;margin:0 0 8px}.topic-note{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.topic-group+.topic-group{border-top:1px solid var(--line);margin-top:24px}.flow-diagram{display:flex;align-items:center;gap:10px;padding:20px 0;margin:20px 0;flex-wrap:wrap}.flow-diagram span{padding:13px;border:1px solid var(--line);background:white;font-size:12px;flex:1;min-width:100px;text-align:center}.flow-diagram b{font-weight:400;color:var(--blue)}

/* Shared, public navigation for guides and articles. */
.site-header{gap:28px}.tools{gap:18px}.guide-actions{max-width:1150px;margin:0 auto 64px;padding:32px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:32px}.guide-actions>div:first-child{flex:1}.guide-actions h2{font-size:23px;font-weight:500;line-height:1.45;margin:14px 0 10px}.guide-actions p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:580px}.action-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px}.signup-link{padding:10px 0}.brand,.tools>a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1180px){.site-header nav{gap:14px}.site-header{gap:20px}.guide-actions{margin-left:32px;margin-right:32px}.guide-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:960px){.site-header nav{display:none}}
@media(max-width:800px){.guide-actions{margin:0 22px 40px;padding-top:26px;gap:22px}.guide-actions h2{font-size:21px}.site-header{gap:12px}.tools{gap:12px}.site-header .button{padding:9px 12px}.brand{gap:6px}.brand svg{width:28px;height:28px}}
@media(max-width:380px){.site-header{padding:0 14px}.brand span{font-size:10px;letter-spacing:.05em}.tools{gap:10px;font-size:12px}.site-header .button{font-size:12px;padding:9px 10px}}

.topic-nav{display:flex;gap:24px;flex-wrap:wrap;padding:20px 0 2px;font-size:13px}.benchmark-links{border-top:1px solid var(--line);margin-top:20px;padding-top:22px;display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.benchmark-links span{color:var(--muted)}.stories>.story:nth-child(3n+1){border-left:0;padding-left:0}.stories>.story:nth-child(n+4){border-top:1px solid var(--line)}.related .stories>.story{padding-left:28px;border-left:1px solid var(--line)}.related .stories>.story:nth-child(2n+1){padding-left:0;border-left:0}.related .stories>.story:nth-child(n+3){border-top:1px solid var(--line)}@media(max-width:800px){.stories>.story,.related .stories>.story{padding:25px 0;border-left:0;border-top:0}.topic-nav{gap:16px;font-size:12px}}