/* guides: article layout on top of site.css; tokens only, no new visual style */
.crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.8125rem;color:var(--soft)}
.crumbs li+li::before{content:"/";margin-right:8px;color:var(--line)}
.guide .hero-copy{max-width:46rem}
.guide .hero-copy .sub{max-width:46rem}
.guide .meta{margin-top:14px}
.guide .hero .cta-row{margin-top:20px}
.prose>*{max-width:46rem}
.prose h2{margin-top:44px}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:24px}
.prose p,.prose ul,.prose ol{margin-top:14px}
.prose ul,.prose ol{padding-left:1.25rem}
.prose li+li{margin-top:8px}
.prose blockquote{margin:16px 0 0;padding:4px 0 4px 16px;border-left:3px solid var(--hl);font-variation-settings:var(--fv-quote)}
.prose .cmp-wrap{max-width:none;overflow-x:auto;margin-top:18px}
.cmp{width:100%;min-width:36rem;border-collapse:collapse;font-size:.95rem;line-height:1.45}
.cmp caption{text-align:left;font-size:.8125rem;color:var(--soft);padding-bottom:8px}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:10px 14px 10px 0;border-top:1px solid var(--line)}
.cmp thead th{border-top:0;border-bottom:1px solid var(--text);font-variation-settings:var(--fv-head)}
.cmp tbody th{font-variation-settings:var(--fv-med);white-space:nowrap}
.cta-p{margin-top:12px;max-width:40rem}
.more li .soft{display:block;font-size:.95rem}
.hub-list h3 a{text-decoration:none}
.hub-list p{margin-top:6px}