.article-content{--article-gap:26px;font-size:16px;line-height:1.85}.article-content .article-intro{margin-bottom:var(--article-gap)}.article-content .article-section{border:1px solid var(--line);margin:var(--article-gap) 0;background:#fff;border-radius:24px;min-width:0;padding:30px 32px}.article-content .article-section>h2:first-child{border-bottom:1px solid var(--line);margin-top:0;padding-bottom:19px}.article-content .article-section>:last-child,.article-content .article-intro>:last-child{margin-bottom:0}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:115px}.article-content h4{margin:23px 0 12px;font-size:19px}.article-content strong{font-weight:750}.article-content .article-toc{margin:0 0 var(--article-gap);background:#f4f9fd;border:1px solid #dce9f2;border-radius:22px;padding:22px 26px}.article-content .article-toc summary{font-family:var(--heading);cursor:pointer;font-size:19px;font-weight:800}.article-content .article-toc summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:4px}.article-content .article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 36px;margin:0;padding:18px 0 0 23px;display:grid}.article-content .article-toc li{margin:0;padding-left:3px;font-size:14px}.article-content .article-toc li>ol{padding:9px 0 0 21px;font-size:13px;display:block}.article-content .article-toc li>ol li{margin:5px 0;font-size:13px}.article-content .article-toc a{color:#285575;text-decoration:none}.article-content .article-toc a:hover{text-decoration:underline}.article-content .article-callout{background:#eff8ff;border:1px solid #d7eaf7;border-left:4px solid #0089d9;border-radius:16px;min-width:0;margin:22px 0;padding:20px 24px}.article-content .article-callout[data-tone=warning]{background:#fffaee;border-color:#f2e5c4 #f2e5c4 #f2e5c4 #db9b20}.article-content .article-callout[data-tone=tip]{background:#f0faf5;border-color:#d7eee2 #d7eee2 #d7eee2 #3d9c75}.article-content .article-callout>:first-child{margin-top:0}.article-content .article-callout>:last-child{margin-bottom:0}.article-content .article-callout h2,.article-content .article-callout h3{margin-bottom:12px;font-size:20px}.article-content .article-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;margin:22px 0;display:grid}.article-content .article-card-grid>*{background:#f7f9fc;border:1px solid #e7edf3;border-radius:18px;min-width:0;margin:0;padding:22px}.article-content .article-card-grid h3{margin:0 0 12px;font-size:21px}.article-content .article-card-grid p:last-child{margin-bottom:0}.article-content .article-word-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:8px 12px;margin:20px 0;padding:0;list-style:none;display:grid}.article-content .article-word-list>li{background:#f4f7fa;border:1px solid #e8edf2;border-radius:10px;min-width:0;margin:0;padding:10px 14px}.article-content .article-steps{counter-reset:article-step;gap:12px;margin:22px 0;padding:0;list-style:none;display:grid}.article-content .article-steps>li{counter-increment:article-step;background:#f7fafd;border:1px solid #e3eaf0;border-radius:16px;min-width:0;margin:0;padding:20px 22px 20px 72px;position:relative}.article-content .article-steps>li:before{content:counter(article-step);color:#fff;text-align:center;width:32px;height:32px;line-height:32px;font-family:var(--heading);background:#0089d9;border-radius:10px;font-weight:800;position:absolute;top:20px;left:20px}.article-content .article-steps>li>:first-child{margin-top:0}.article-content .article-steps>li>:last-child{margin-bottom:0}.article-content .article-table-scroll{border:1px solid var(--line);scrollbar-width:thin;background:#fff;border-radius:15px;max-width:100%;margin:22px 0;overflow-x:auto}.article-content .article-table-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.article-content .article-table-scroll table{border-collapse:collapse;width:100%;max-width:none;font-family:var(--body);margin:0;font-size:14px;line-height:1.65;display:table}.article-content .article-table-scroll th,.article-content .article-table-scroll td{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;font-family:inherit;font-size:inherit;line-height:inherit;overflow-wrap:normal;word-break:normal;padding:13px 17px}.article-content .article-table-scroll th{background:#eff5fa;font-weight:750}.article-content .article-table-scroll tr:nth-child(2n) td{background:#fafbfd}.article-content .article-table-scroll tr:last-child>*{border-bottom:0}.article-content .article-table-scroll tr>:last-child{border-right:0}.article-content .article-table-scroll td p:last-child{margin-bottom:0}.article-content .article-checklist{gap:10px;margin:20px 0;padding:0;list-style:none;display:grid}.article-content .article-checklist>li{background:#f7f9fb;border:1px solid #e6ebf0;border-radius:12px;min-width:0;margin:0;padding:14px 17px}.article-content .article-task-label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.article-content .article-task-label input{accent-color:#0089d9;cursor:pointer;flex:0 0 18px;block-size:18px;inline-size:18px;margin:6px 0 0}.article-content .article-task-text{flex:1;min-width:0}.article-content .article-task-label:has(input:checked){color:#5b6f7e}.article-content .article-task-label:has(input:checked)>.article-task-text{text-decoration:line-through #8ba6b8}.article-content .article-checklist-status{background:#f2f8fc;border:1px solid #dceaf3;border-radius:16px;margin:20px 0 12px;padding:18px 20px}.article-content .article-checklist-status-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;font-size:14px;display:flex}.article-content .article-checklist-status button{background:#fff;border:1px solid #cddfea;border-radius:9px;flex:none;padding:6px 12px;font-size:12px;line-height:1.5}.article-content .article-checklist-status button:disabled{opacity:.5;cursor:default}.article-content .article-checklist-status progress{-webkit-appearance:none;appearance:none;background:#deebf3;border:0;border-radius:8px;width:100%;height:7px;display:block;overflow:hidden}.article-content .article-checklist-status progress::-webkit-progress-bar{background:#deebf3;border-radius:8px}.article-content .article-checklist-status progress::-webkit-progress-value{background:#43a77c;border-radius:8px}.article-content .article-checklist-status progress::-moz-progress-bar{background:#43a77c;border-radius:8px}.article-content .article-checklist-notice{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.7}.article-content .article-visual{background:#f5f9fd;border:1px solid #dfeaf3;border-radius:22px;margin:26px 0;padding:26px 28px}.article-content .article-visual h2{margin:0 0 10px;font-size:25px}.article-content .article-visual p{margin-bottom:16px}.article-content .article-visual figcaption{text-align:left;margin:14px 0 0;line-height:1.75}.article-content .article-chart-scroll{scrollbar-width:thin;margin-top:20px;overflow-x:auto}.article-content .article-scroll-hint{color:#617d92;margin:10px 0 0;font-size:12px;display:none}.article-content .article-chart-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.article-content .article-chart{width:100%;min-width:720px;height:auto;font-family:var(--body);font-size:16px;overflow:visible}.article-content .chart-grid{stroke:#dce5ed;stroke-width:1px}.article-content .chart-axis-label{fill:#657a8d}.article-content .chart-line{fill:none;stroke:#0089d9;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.article-content .chart-point{fill:#0089d9;opacity:0;outline:none}.article-content .chart-point:hover,.article-content .chart-point:focus-visible{opacity:1}.article-content .article-chart-key{flex-wrap:wrap;gap:10px 24px;margin:14px 0;font-size:13px;display:flex}.article-content .article-chart-key span{align-items:center;gap:8px;display:inline-flex}.article-content .article-chart-key i{border-radius:4px;width:12px;height:12px;display:inline-block}.article-content .article-visual .article-table-scroll{margin-bottom:0}.article-content .article-demo-shot{background:#f5f8fb;border:1px solid #e1e8ef;border-radius:18px;padding:16px}.article-content .article-demo-shot img{border-radius:10px;width:100%;margin:0}.article-content .article-demo-shot figcaption{text-align:left;margin:12px 2px 0}.article-content .article-visual>h3{margin:0 0 12px;font-size:23px}.article-content .article-model-scores{gap:25px;margin:22px 0;display:grid}.article-content .article-score-label{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;display:flex}.article-content .article-score-label span{color:#526a7c;font-size:14px}.article-content .article-model-scores meter{background:#dfebf3;border:0;border-radius:6px;width:100%;height:12px;display:block}.article-content .article-model-scores meter::-webkit-meter-bar{background:#dfebf3;border:0;border-radius:6px}.article-content .article-model-scores meter::-webkit-meter-optimum-value{background:#43a77c;border-radius:6px}.article-content .article-model-scores meter::-moz-meter-bar{background:#43a77c;border-radius:6px}.article-content .article-flow{counter-reset:flow-step;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin:22px 0;padding:0;list-style:none;display:grid}.article-content .article-flow>li{counter-increment:flow-step;background:#fff;border:1px solid #dce8f1;border-radius:16px;min-width:0;margin:0;padding:20px;position:relative}.article-content .article-flow>li:before{content:counter(flow-step);color:#007bbb;text-align:center;background:#e6f4fe;border-radius:9px;width:28px;height:28px;margin-bottom:15px;font-size:13px;font-weight:750;line-height:28px;display:block}.article-content .article-flow h4{margin:0 0 12px;font-size:18px}.article-content .article-flow p{margin:0;font-size:14px;line-height:1.8}.article-content .article-shortcut-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:0 28px;padding-left:21px;display:grid}.article-content li>img{vertical-align:middle;border-radius:3px;margin:0 8px 0 0;display:inline-block}.article-content .article-domain-list{gap:9px;margin:20px 0;padding:0;list-style:none;display:grid}.article-content .article-domain-list>li{background:#f7fafc;border:1px solid #e1e9f0;border-radius:12px;margin:0;padding:13px 17px}.article-content .article-info-card{background:#f3f8fc;border:1px solid #dce9f2;border-radius:19px;margin:24px 0;padding:24px}.article-content .article-info-card>:first-child{margin-top:0}.article-content .article-info-card>:last-child{margin-bottom:0}.article-content .article-direction-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px 24px;display:grid}.article-content .article-inline-demo{background:#f4f8fb;border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;margin:22px 0;padding:20px;display:flex}.article-content .article-inline-demo img{flex:none;width:100px;height:auto;margin:0}@media (width<=740px){.article-content .article-flow,.article-content .article-shortcut-list{grid-template-columns:minmax(0,1fr)}.article-content .article-visual>h3{font-size:21px}.article-content .article-flow>li{padding:17px}}@media (width<=900px){.article-content .article-scroll-hint{display:block}.article-content .article-toc ol{grid-template-columns:minmax(0,1fr)}}@media (width<=740px){.article-content{--article-gap:20px;font-size:15px;line-height:1.85}.article-content .article-section{border-radius:20px;padding:22px 20px}.article-content .article-section>h2:first-child{padding-bottom:15px}.article-content .article-toc{border-radius:18px;padding:19px 20px}.article-content .article-toc summary{font-size:18px}.article-content .article-callout{padding:17px 18px}.article-content .article-card-grid{grid-template-columns:minmax(0,1fr)}.article-content .article-word-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.article-content .article-word-list>li{padding:9px 11px;font-size:13px}.article-content .article-table-scroll table{font-size:13px}.article-content .article-table-scroll th,.article-content .article-table-scroll td{padding:10px 13px}.article-content .article-steps>li{padding:17px 17px 17px 59px}.article-content .article-steps>li:before{width:28px;height:28px;font-size:13px;line-height:28px;top:17px;left:16px}.article-content .article-checklist-status{padding:16px}.article-content .article-checklist-status-top{font-size:13px}.article-content .article-checklist>li{padding:12px 14px}.article-content .article-visual{border-radius:18px;padding:20px 18px}.article-content .article-visual h2{font-size:22px}.article-content .article-demo-shot{padding:10px}.article-content .article-demo-shot figcaption{font-size:11px}}@media (prefers-reduced-motion:reduce){.article-content *{scroll-behavior:auto;transition:none}}