/* Extend the approved history page's complete type, navigation and reading system. */
.guide-page .brand span{margin:0;color:var(--ui-muted)}
.guide-page .archive-navigation a{display:inline-flex;align-items:center;min-height:44px}
.guide-page .archive{padding-bottom:48px}
.guide-eyebrow,.guide-step{color:var(--archive-muted);font-size:12px;letter-spacing:.03em;margin:0 0 16px}
.guide-page .archive-heading{gap:24px;align-items:center;padding:12px 0 38px;border-bottom:1px solid var(--ui-border)}
.guide-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:11px 16px;border:1px solid #dce7f233;border-radius:10px;font-size:14px;color:var(--ui-text);white-space:nowrap;background:#ffffff04;text-decoration:none}
.guide-action:hover{background:#ffffff0a;border-color:#dce7f255}
.guide-layout{display:grid;grid-template-columns:176px minmax(0,1fr);gap:64px;padding-top:24px}
.guide-contents{position:sticky;top:24px;align-self:start;display:grid;gap:4px;padding:6px 0}
.guide-contents a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:var(--archive-muted);font-size:14px;border-left:1px solid var(--ui-border)}
.guide-contents a:hover,.guide-contents a:focus-visible{color:var(--ui-text);border-color:var(--ui-accent)}
.guide-body{min-width:0;max-width:740px}
.guide-body section{padding:20px 0 42px;scroll-margin-top:24px}
.guide-body section+section{border-top:1px solid var(--ui-border);padding-top:38px}
.guide-body h2{font-size:24px;line-height:1.5;font-weight:550;letter-spacing:-.02em;margin:0 0 20px}
.guide-body p,.guide-body li,.guide-definitions dd{font-size:15px;line-height:1.95;color:#bfc6cf;overflow-wrap:anywhere}
.guide-body p{margin:0 0 18px}
.guide-body .guide-step{font-size:12px;color:var(--archive-muted);margin-bottom:10px}
.guide-steps{padding-left:22px;margin:22px 0}
.guide-steps li{padding:0 0 14px 8px}
.guide-steps strong{color:var(--ui-text);font-weight:550}
.guide-inline-links{display:flex;flex-wrap:wrap;gap:8px 28px}
.guide-body a:not(.guide-action){color:var(--ui-accent);text-underline-offset:5px}
.guide-inline-links a{display:inline-flex;align-items:center;min-height:44px}
.guide-definitions{margin:0}
.guide-definitions div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid var(--ui-border)}
.guide-definitions dt{font-size:15px;font-weight:550;line-height:1.95;color:var(--ui-text)}
.guide-definitions dd{margin:0}
.guide-body .guide-note{padding:16px 20px;margin-top:18px;border-left:2px solid var(--ui-accent);background:#ffffff03;font-size:14px}
.guide-search{width:100%;max-width:none;margin-bottom:22px}
#guide-questions details{border-top:1px solid var(--ui-border)}
#guide-questions summary{min-height:60px;cursor:pointer;padding:18px 22px 18px 0;font-size:15px;font-weight:500;line-height:1.65;color:var(--ui-text)}
#guide-questions details p{padding:0 18px 10px 0;margin-bottom:12px}
#guide-search-reset{background:none;color:var(--ui-accent);border:0;font:inherit;text-decoration:underline;min-height:44px;cursor:pointer}
.guide-footer{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;border-top:1px solid var(--ui-border);padding:24px 0 36px;color:var(--archive-muted);font-size:13px;line-height:1.8}
.guide-footer>span{margin-right:auto}
.guide-footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
.guide-page a:focus-visible,.guide-page summary:focus-visible,.guide-page button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:4px}
.guide-page .guide-search input:focus-visible{outline:none}
.guide-page .guide-search:focus-within{outline:2px solid var(--ui-accent);outline-offset:3px}
.about-body{max-width:740px;margin:0 auto;padding-top:24px}
@media(max-width:800px){.guide-page .nav{height:auto;min-height:76px;flex-wrap:wrap;gap:8px 20px;padding:12px 0}.guide-page .nav nav{gap:18px;flex-wrap:wrap}.guide-page .nav nav a:first-child{display:inline-flex}.guide-page .archive-heading{align-items:flex-start;flex-direction:column;padding-bottom:28px}.guide-layout{grid-template-columns:1fr;gap:8px;padding-top:16px}.guide-contents{position:static;display:flex;flex-wrap:wrap;gap:4px 8px;padding-bottom:18px;border-bottom:1px solid var(--ui-border)}.guide-contents a{border:0;padding:8px;font-size:13px}.guide-body h2{font-size:22px}.guide-definitions div{grid-template-columns:1fr;gap:6px}.guide-body p,.guide-body li,.guide-definitions dd{font-size:15px}.guide-footer{gap:8px 22px}.guide-footer>span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
