.guide-page{max-width:900px}
.guide-breadcrumb{font-size:14px;color:#50636b;margin-bottom:28px}
.guide-breadcrumb a{color:#1554c8}
.guide-visual-note{border-left:4px solid #216784;background:#e9f1f2;padding:14px 18px;font-size:15px;line-height:1.55}
.guide-toc{background:#fff;border:1px solid #d2ddd6;padding:18px 24px;margin:32px 0 48px}
.guide-toc summary{cursor:pointer;font-size:18px;font-weight:700;color:#1554c8}
.guide-toc[open] ol{margin-top:14px}
.guide-toc h2{font-size:19px;margin:0 0 10px}
.guide-toc ol{columns:2;column-gap:32px;padding-left:22px;margin:0}
.guide-toc li{break-inside:avoid;font-size:14px;line-height:1.4;margin:7px 0}
.guide-toc .depth-3{margin-left:15px}
.guide-article h1{font-size:clamp(36px,5vw,62px);line-height:1.08}
.guide-article h2,.guide-article h3,.guide-article h4{scroll-margin-top:24px}
.guide-article h4{font-size:17px;margin:28px 0 8px}
.guide-article p,.guide-article li{max-width:76ch}
.guide-article pre{background:#172b34;color:#f6fbfc;overflow-x:auto;padding:16px;border-radius:4px}
.guide-article code{overflow-wrap:anywhere}
.guide-article pre code{overflow-wrap:normal}
.guide-article table{display:block;overflow-x:auto}
.guide-figure{margin:28px 0 40px;background:#fff;border:1px solid #cad7d6;padding:12px}
.guide-figure-media{position:relative;line-height:0}
.guide-figure img{width:100%;height:auto;display:block}
.guide-callout-frame{position:absolute;border:3px solid #d72c38;box-shadow:0 0 0 2px rgba(255,255,255,.9);pointer-events:none}
.guide-callout-frame::before{content:attr(data-callout);position:absolute;top:-3px;left:-3px;display:grid;place-items:center;min-width:26px;height:26px;padding:0 4px;background:#b51d29;color:#fff;font:700 16px/1 system-ui,Segoe UI,Arial,sans-serif;box-shadow:0 0 0 2px #fff}
.guide-figure figcaption{padding:12px 3px 2px;font-size:15px;line-height:1.5}
.guide-complete-source,.guide-visual-tour{border-top:2px solid #ced8d2;margin-top:56px;padding-top:24px}
.guide-article>.guide-complete-source{border-top:0;margin-top:0;padding-top:0}
.guide-quick-reference{border-top:2px solid #ced8d2;margin-top:56px;padding-top:24px}
.guide-complete-source>.guide-visual-note{margin-bottom:32px}
.guide-visual-item{margin:36px 0 48px}
.guide-visual-item h3{font-size:19px;margin-bottom:8px}
.guide-visual-provenance{font-size:14px;color:#50636b;margin:0 0 12px}
.guide-callout-badge{display:inline-flex;align-items:center;justify-content:center;background:#b51d29;color:#fff;border-radius:50%;width:24px;height:24px;font-weight:700;margin-right:5px}
.guide-end{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid #ced8d2;padding-top:22px;margin-top:52px}
.guide-end a{padding:8px 12px;border:1px solid #c9d6d5;text-decoration:none}
@media(max-width:700px){.guide-toc ol{columns:1}.guide-toc{padding:16px 18px}.guide-figure{margin-left:-10px;margin-right:-10px;padding:7px}.guide-callout-frame{border-width:2px}}