.article-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;padding-top:25px;font-size:.8125rem;color:var(--muted)}
.article-breadcrumb a:hover,.client-card h3 a:hover{color:var(--blue)}
.article-hero{padding:34px 0 28px;max-width:860px}
.article-identity{display:flex;align-items:center;gap:13px;margin-bottom:20px;font-size:.8125rem;color:var(--muted)}
.article-identity img{width:42px;height:42px;object-fit:contain}
.article-hero h1{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.45;letter-spacing:-.035em;text-wrap:pretty}
.article-meta{display:flex;flex-wrap:wrap;gap:5px 17px;margin-top:16px;font-size:.8125rem;color:var(--muted)}
.article-summary{margin-top:23px;font-size:1.0625rem;line-height:1.95;color:var(--muted)}
.article-entry{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.article-entry a{font-size:.875rem;font-weight:600;border:1px solid var(--line);border-radius:8px;background:white;padding:9px 15px}
.article-entry a{display:inline-flex;align-items:center;min-height:44px}
.article-entry a:first-child{background:var(--ink);color:white;border-color:var(--ink)}
.article-entry a:hover{border-color:#abb9d5}
.article-platforms{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:35px;align-items:start;margin-top:8px}
.article-toc{grid-column:2;grid-row:1;position:sticky;top:108px;padding:19px 20px;border:1px solid var(--line);border-radius:13px;background:white}
.article-toc summary{padding:0;min-height:30px;font-size:.875rem;letter-spacing:0;cursor:pointer}
.article-toc details[open] summary{margin-bottom:10px}
.article-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.article-toc a{display:block;font-size:.8125rem;color:var(--muted);line-height:1.7}
.article-toc a:hover{color:var(--blue)}
.article-content{grid-column:1;grid-row:1;min-width:0;padding:30px 32px;background:white;border:1px solid var(--line);border-radius:16px;line-height:1.95;overflow-wrap:anywhere}
.article-content section+section{margin-top:34px;padding-top:29px;border-top:1px solid var(--line)}
.article-content h2{font-size:1.4rem;letter-spacing:-.02em;margin-bottom:16px}
.article-content h3{font-size:1.05rem;margin:23px 0 10px}
.article-content p+p{margin-top:13px}
.article-figure{margin:25px 0}
.article-figure img{display:block;width:100%;max-width:480px;height:auto;margin:0 auto}
.article-figure figcaption{margin:12px auto 0;max-width:480px;font-size:.875rem;line-height:1.85;color:var(--muted)}
.article-content ul,.article-content ol{padding-left:22px;margin:15px 0}
.article-content li+li{margin-top:9px}
.article-content a{color:var(--blue);text-decoration:underline;text-decoration-color:#b8c5e6;text-underline-offset:3px}
.term-link{color:var(--blue);text-decoration:underline;text-decoration-color:#b8c5e6;text-underline-offset:3px}
.table-wrap a,.command-help a{color:var(--blue);text-decoration:underline;text-decoration-color:#b8c5e6;text-underline-offset:3px}
.article-content strong{font-weight:650;color:var(--ink)}
.article-content pre{margin:19px 0;padding:19px 21px;background:#172237;color:#e1e9f8;border-radius:11px;overflow:auto;font-size:.8125rem;line-height:1.85;scrollbar-color:#5c6c84 #172237;scrollbar-width:thin}
.article-content pre code{font-size:inherit;line-height:inherit;color:inherit;background:none;padding:0;white-space:pre;overflow-wrap:normal}
.article-content pre:focus-visible{outline:2px solid #7f94b6;outline-offset:3px}
.article-code{margin:19px 0;border:1px solid #263650;border-radius:11px;overflow:hidden;background:#172237}
.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 15px;background:#202c43;color:#c3cee1;font-size:.75rem}
.code-toolbar button{padding:7px 9px;min-height:44px;border:0;background:transparent;color:#e1e9f8;font-size:.75rem;cursor:pointer}
.article-code pre{margin:0;border-radius:0}
.article-content .copy-status{padding:0 15px;color:#d3def3;font-size:.75rem}
.article-content .copy-status:not(:empty){padding-top:8px;padding-bottom:12px}
.article-content .table-wrap{box-shadow:none;margin:18px 0}
.article-content table{min-width:0;font-size:.875rem}
.article-content th,.article-content td{padding:13px 16px}
.article-content tbody th{width:25%}
.article-content details+details{border-top:1px solid var(--line)}
.article-content details p{padding-right:0;font-size:1rem}
.article-sources{font-size:.875rem}
.article-sources li{overflow-wrap:anywhere}
.article-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}
.article-related a{display:block;padding:16px;background:#fafbfe;border:1px solid var(--line);border-radius:10px;text-decoration:none}
.article-related span{display:block;margin-top:5px;color:var(--muted);font-size:.8125rem}
.article-concepts{margin-top:22px}
.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.learn-card{display:flex;flex-direction:column;min-width:0;padding:24px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.learn-card h2,.learn-card h3{font-size:1.05rem;line-height:1.7;letter-spacing:-.015em}
.learn-card p{color:var(--muted);font-size:.875rem;line-height:1.9;margin:12px 0 18px;overflow-wrap:anywhere}
.learn-link{font-size:.8125rem;font-weight:600;color:var(--blue)}
.learn-card .learn-link{margin-top:auto;align-self:flex-start}
.learn-card a:hover{color:var(--blue)}
.section-heading>.learn-link{white-space:nowrap;flex-shrink:0}
.article-page .learn-grid{margin-top:5px}
.not-found{max-width:620px;margin:70px auto 100px;text-align:center}
.not-found p{margin:17px 0 26px;color:var(--muted)}
@media(max-width:600px){.command-help tbody td:before{content:attr(data-label) " · ";font-weight:600;color:var(--muted)}}
@media(max-width:1040px){.article-layout{grid-template-columns:minmax(0,1fr) 205px;gap:24px}.article-content{padding:27px}}
@media(max-width:820px){.article-layout{grid-template-columns:1fr;gap:22px}.article-toc{position:static;grid-column:1;grid-row:auto;padding:8px 18px}.article-toc summary{min-height:44px}.article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 18px}.article-toc a{min-height:44px;display:flex;align-items:center;padding:5px 0}.article-content{grid-column:1;grid-row:auto}.article-hero{padding-top:26px}}
@media(max-width:820px){.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.learn-grid{grid-template-columns:1fr;gap:13px}.learn-card{padding:21px}.learn-card h2,.learn-card h3{font-size:1rem}.section-heading:has(>.learn-link){align-items:flex-start;flex-wrap:wrap;gap:8px}}
@media(max-width:600px){.article-breadcrumb{padding-top:21px;font-size:.75rem}.article-hero{padding:25px 0 20px}.article-hero h1{font-size:1.75rem}.article-identity{margin-bottom:15px}.article-meta{font-size:.75rem;gap:5px 13px}.article-summary{font-size:.9375rem;margin-top:19px}.article-entry{gap:9px}.article-entry a{font-size:.8125rem;padding:9px 13px}.article-toc{padding:16px 18px}.article-toc ol{grid-template-columns:1fr}.article-content{padding:23px 20px;font-size:.9375rem}.article-content h2{font-size:1.2rem}.article-content h3{font-size:1rem}.article-content section+section{margin-top:27px;padding-top:24px}.article-content pre{padding:15px;font-size:.75rem}.article-content tbody th,.article-content tbody td{width:100%;padding:0}.article-content tbody td+td{margin-top:8px;padding-top:8px}.article-content tbody td:before{content:attr(data-label) " · ";font-weight:600;color:var(--muted)}.article-content details p{font-size:.9375rem}.article-related{grid-template-columns:1fr}.not-found{margin:50px auto 70px}}