/* Reading pages share the approved site palette, type and footer. */
.guide-breadcrumbs{font-size:12px;color:var(--muted);padding-block:24px;line-height:1.6}
.guide-breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;gap:8px 16px;flex-wrap:wrap}
.guide-breadcrumbs li+li::before{content:'/';margin-right:16px;color:#8c949c}
.guide-breadcrumbs a,.guide-prose a,.guide-byline a{text-decoration:underline;text-underline-offset:4px}
.guide-header{max-width:1030px;padding:48px 0 56px}
.guide-header h1{font-size:clamp(40px,5.5vw,76px);line-height:1.07;max-width:22ch;text-wrap:balance}
.guide-standfirst{font-size:clamp(19px,2vw,24px);line-height:1.5;letter-spacing:-.02em;max-width:61ch;margin:30px 0 22px;color:#4d5966}
.guide-byline,.guide-meta{font-size:12px;line-height:1.8;color:var(--muted)}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,780px);gap:clamp(35px,6vw,100px);padding:46px 0 90px;border-top:1px solid var(--rule);align-items:start}
.guide-contents{font-size:13px;line-height:1.55}
.guide-contents p{font-weight:600;margin:0 0 16px}.guide-contents ol{list-style:none;margin:0;padding:0}.guide-contents a{display:block;padding:9px 0;color:#4d5966}.guide-contents a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.guide-prose{min-width:0;font-size:17px;line-height:1.8;color:#3e4853}
.guide-prose>h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;line-height:1.18;margin:62px 0 24px;color:var(--ink);scroll-margin-top:28px}.guide-prose>h2:first-child{margin-top:0}
.guide-prose h3{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin:30px 0 12px;color:var(--ink)}
.guide-prose a{color:var(--accent)}.guide-prose em{font-style:italic}.guide-prose ul,.guide-steps{padding-left:24px}.guide-prose li{padding-left:5px;margin-block:14px}
.guide-prose code{overflow-wrap:anywhere}
.guide-facts{margin:30px 0}.guide-facts>div{border-top:1px solid var(--rule);padding:22px 0}.guide-facts dt{font-weight:600;color:var(--ink);margin-bottom:8px}.guide-facts dd{margin:0;font-size:15px}
.guide-prose .app-capture{margin-block:38px}.guide-demo>.app-capture{margin-bottom:12px}.guide-demo-caption{font-size:12px;color:var(--muted);line-height:1.75;margin-bottom:35px}
.guide-question{border-top:1px solid var(--rule);padding-block:4px 12px}.guide-question h3{font-size:20px}.guide-question p{font-size:16px}
.guide-related{margin-top:48px;padding-top:24px;border-top:1px solid var(--rule)}.guide-related p{font-size:13px;color:var(--muted)}.guide-related a{display:block;margin:14px 0;font-size:16px}
.guide-index{padding-bottom:90px}.guide-index header{padding:50px 0 55px;max-width:960px}.guide-index h1{font-size:clamp(44px,6vw,84px)}.guide-index-intro{max-width:60ch;color:#4d5966;font-size:20px;margin-top:30px}
.guide-list article{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--rule);padding:40px 0}.guide-list h3{font-size:30px;line-height:1.25;letter-spacing:-.035em;max-width:28ch}.guide-list h3 a:hover{color:var(--accent)}.guide-list article>div>p:not(.guide-meta){font-size:17px;color:#4d5966}.guide-index-note{max-width:75ch;font-size:13px;color:var(--muted);border-top:1px solid var(--rule);padding-top:24px}
.guide-category{margin-block:25px 60px}.guide-category>h2{font-size:16px;font-weight:600;margin:0 0 25px;letter-spacing:-.01em}.guide-review-note{max-width:70ch;border-top:1px solid var(--rule);padding-top:18px;font-size:14px;color:#4d5966;line-height:1.7}
.guide-table-wrap{overflow-x:auto;margin:30px 0;max-width:100%;border-block:1px solid var(--rule)}.guide-table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.guide-table-wrap table{border-collapse:collapse;min-width:580px;width:100%;font-size:14px;line-height:1.65}.guide-table-wrap caption{text-align:left;padding:18px 12px;color:var(--muted);font-size:12px}.guide-table-wrap th,.guide-table-wrap td{text-align:left;vertical-align:top;padding:16px 12px;border-top:1px solid var(--rule)}.guide-table-wrap th{font-weight:600;color:var(--ink)}.guide-table-wrap th:first-child{width:22%}
.guide-table-hint{font-size:12px;color:var(--muted);margin-bottom:-15px}@media(min-width:761px){.guide-table-hint{display:none}}
.guide-category-nav{border-block:1px solid var(--rule);padding-block:18px;margin-bottom:48px;display:flex;flex-wrap:wrap;gap:4px 30px;font-size:13px;line-height:1.6}.guide-category-nav a{padding-block:12px;text-decoration:underline;text-underline-offset:5px}.guide-category>h2{scroll-margin-top:24px}
.guide-diagram{margin:38px 0;padding:26px 24px;border-block:1px solid var(--rule);background:#f5f7f9;color:var(--ink)}.guide-diagram figcaption{font-size:13px;line-height:1.7;color:#52606d;margin-top:20px}.guide-diagram svg{display:block;width:100%;height:auto;max-height:520px}.diagram-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:16px;align-items:stretch}.diagram-node{padding:14px 0;border-top:2px solid #8398ad;font-size:14px;line-height:1.6}.diagram-node strong,.diagram-node span{display:block}.diagram-node strong{font-size:15px;margin-bottom:9px}.diagram-node span{color:#52606d}.diagram-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px;margin-top:20px}.diagram-branches>div{padding:16px;border:1px solid #cbd3db;font-size:14px;line-height:1.6}.guide-diagram ol,.guide-diagram ul{font-size:14px;line-height:1.7}.guide-diagram>p{font-size:14px}.guide-diagram code{white-space:normal}
.guide-visual-scroll{overflow-x:auto;max-width:100%;padding-bottom:8px}.guide-visual-scroll svg{min-width:600px}.guide-visual-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.guide-diagram .guide-table-hint{margin:0 0 16px}
@media(max-width:760px){.guide-category-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-bottom:32px}.guide-category-nav a{min-height:44px;display:flex;align-items:center}.guide-diagram{padding:20px 16px;margin-inline:0}.diagram-flow{grid-template-columns:1fr}.diagram-branches{grid-template-columns:1fr}.guide-diagram svg{min-height:160px}}
@media(max-width:900px){.guide-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.guide-list article{gap:35px}}
@media(max-width:760px){.guide-breadcrumbs{font-size:11px;padding-block:20px}.guide-breadcrumbs li:last-child{flex-basis:100%}.guide-breadcrumbs li:last-child::before{display:none}.guide-header{padding:28px 0 32px}.guide-header h1{font-size:clamp(34px,7.5vw,52px)}.guide-standfirst{font-size:19px;margin-top:24px}.guide-layout{display:block;padding:25px 0 55px}.guide-contents{padding-bottom:25px;margin-bottom:30px;border-bottom:1px solid var(--rule)}.guide-contents a{min-height:44px;display:flex;align-items:center}.guide-prose{font-size:16px}.guide-prose>h2{font-size:30px;margin-top:45px}.guide-facts dd{font-size:15px}.guide-index header{padding:30px 0}.guide-index-intro{font-size:18px}.guide-list article{display:block;padding:30px 0}.guide-list h3{font-size:28px;margin-bottom:22px}.guide-index{padding-bottom:55px}}