/* Public guides share the landing page's local fonts, palette and controls. */
.guide-page .site-header nav { gap: 26px; }
.guide-page .site-header nav a { display: inline-block; }
.guide-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; padding-top: 32px; color: var(--muted); font-size: 13px; }
.guide-breadcrumb a:hover { color: var(--blue); }
.guide-breadcrumb span[aria-hidden] { color: #9da8bb; }
.guide-hero { max-width: 850px; padding-block: 50px 44px; }
.guide-hero .eyebrow { color: var(--blue); margin-bottom: 22px; }
.guide-hero h1 { text-wrap: balance; font-size: clamp(38px, 5.1vw, 64px); font-weight: 500; line-height: 1.08; letter-spacing: -2.6px; margin: 0 0 24px; }
.guide-hero .guide-deck { font-size: 21px; line-height: 1.65; color: #4b5970; max-width: 790px; }
.guide-meta { font-size: 13px; color: var(--muted); margin-top: 23px; }
.guide-layout { display: grid; grid-template-columns: minmax(0, 790px) minmax(180px, 1fr); gap: 70px; align-items: start; padding-bottom: 75px; }
.guide-article { min-width: 0; font-size: 17px; line-height: 1.85; color: #3f4c63; }
.guide-article p { margin: 0 0 20px; }
.guide-article h2 { font-size: 30px; font-weight: 550; letter-spacing: -.9px; line-height: 1.25; color: var(--ink); margin: 43px 0 18px; scroll-margin-top: 28px; }
.guide-article h3 { font-size: 20px; font-weight: 600; line-height: 1.4; color: var(--ink); margin: 27px 0 11px; }
.guide-article strong { font-weight: 600; color: #253653; }
.guide-article a:not(.button) { color: #214fc7; text-decoration: underline; text-underline-offset: 3px; }
.guide-article ul, .guide-article ol { padding-left: 24px; margin: 15px 0 24px; }
.guide-article li { padding-left: 5px; margin-bottom: 12px; }
.guide-article li::marker { color: #5675ad; }
.guide-summary { padding: 25px 28px; background: #edf2fd; border: 1px solid #d4dff5; border-radius: 14px; }
.guide-summary .small-label { color: #4d658f; margin-bottom: 9px; }
.guide-summary p:last-child { margin-bottom: 0; }
.guide-toc { position: sticky; top: 30px; border-top: 1px solid #cbd4e4; padding-top: 20px; }
.guide-toc h2 { font-size: 12px; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 650; color: #64718a; margin: 0 0 16px; }
.guide-toc ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 13px; font-size: 14px; line-height: 1.55; }
.guide-toc a { color: #52617c; }
.guide-toc a:hover { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.guide-note { padding: 18px 22px; margin: 25px 0; border-left: 3px solid #7798d7; background: #eef2f9; border-radius: 0 9px 9px 0; font-size: 15px; line-height: 1.75; }
.guide-note p:last-child { margin: 0; }
.guide-figure { margin: 32px 0; }
.guide-figure > a { display: block; }
.guide-figure img { display: block; width: 100%; height: auto; border: 1px solid #cdd6e6; border-radius: 12px; background: #e7ecf5; }
.guide-figure figcaption { font-size: 13px; line-height: 1.65; color: #647089; margin-top: 12px; }
.guide-table-wrap { overflow-x: auto; margin: 22px 0; border: 1px solid #d6dfed; border-radius: 11px; background: white; }
.guide-table { border-collapse: collapse; width: 100%; min-width: 34rem; font-size: 14px; line-height: 1.65; text-align: left; }
.guide-table th, .guide-table td { padding: 15px 18px; vertical-align: top; border-bottom: 1px solid #dfe5ef; }
.guide-table th { font-weight: 600; color: #263c63; background: #edf2fb; }
.guide-table tr:last-child td { border-bottom: 0; }
.guide-table caption { padding: 15px 18px; text-align: left; font-weight: 600; color: var(--ink); }
.guide-table td:first-child { color: #263c63; font-weight: 500; }
.guide-cta { border-top: 1px solid var(--line); padding-top: 28px; margin-top: 40px; }
.guide-cta h2 { margin-top: 0; }
.guide-cta .button { margin-top: 2px; }
.guide-related { border-top: 1px solid var(--line); padding-block: 36px 60px; }
.guide-related .guide-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-related h2 { font-size: 24px; font-weight: 550; letter-spacing: -.5px; margin: 0 0 21px; }
.guide-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.guide-card { display: block; background: #fff; border: 1px solid #d9e1ef; border-radius: 13px; padding: 26px; transition: border-color .18s, transform .18s; }
.guide-card:hover { border-color: #8ca7de; transform: translateY(-2px); }
.guide-card .small-label { margin-bottom: 14px; color: #5a739c; }
.guide-card h2, .guide-card h3 { font-size: 23px; font-weight: 550; letter-spacing: -.6px; line-height: 1.3; margin: 0 0 13px; color: var(--ink); }
.guide-card p { color: var(--muted); font-size: 15px; line-height: 1.75; margin: 0; }
.guide-card .guide-card-link { display: block; color: var(--blue); margin-top: 21px; font-size: 14px; font-weight: 500; }
.guide-index { padding-bottom: 85px; }
.guide-index .guide-cards { margin-bottom: 42px; }
.guide-index-note { max-width: 820px; color: var(--muted); font-size: 15px; line-height: 1.8; }
.guide-index-note a { color: #214fc7; text-decoration: underline; text-underline-offset: 3px; }
.guide-meeting-section > h2 { font-size: 27px; font-weight: 550; letter-spacing: -.6px; margin: 48px 0 22px; }
.guide-index .meeting-guide-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-article audio { display: block; width: 100%; max-width: 100%; margin: 20px 0; }
.guide-page .footer { margin-top: 0; }
@media (max-width: 1000px) {
  .guide-layout { gap: 35px; grid-template-columns: minmax(0, 1fr) 180px; }
  .guide-cards { gap: 15px; }
  .guide-card { padding: 21px; }
}
@media (max-width: 800px) {
  .guide-page .site-header nav { gap: 18px; }
  .guide-page .site-header nav a:nth-child(2) { display: none; }
  .guide-layout { display: flex; flex-direction: column; align-items: stretch; gap: 27px; padding-bottom: 45px; }
  .guide-toc { position: static; order: -1; width: 100%; padding-block: 20px; border-bottom: 1px solid var(--line); }
  .guide-toc ol { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
  .guide-hero { padding-block: 38px 30px; }
  .guide-hero .guide-deck { font-size: 19px; }
  .guide-cards, .guide-related .guide-cards { grid-template-columns: 1fr; gap: 17px; }
  .guide-index .meeting-guide-cards { grid-template-columns: 1fr; }
  .guide-card { padding: 25px; }
  .guide-card h2, .guide-card h3 { max-width: 560px; }
  .guide-related { padding-bottom: 45px; }
}
@media (max-width: 480px) {
  .guide-page .site-header nav { display: none; }
  .guide-breadcrumb { padding-top: 23px; font-size: 12px; }
  .guide-hero h1 { text-wrap: balance; font-size: 39px; letter-spacing: -1.6px; }
  .guide-hero .guide-deck { font-size: 18px; line-height: 1.65; }
  .guide-meta { font-size: 12px; }
  .guide-article { font-size: 16px; line-height: 1.8; }
  .guide-article h2 { font-size: 26px; margin-top: 34px; }
  .guide-summary { padding: 21px; }
  .guide-note { padding: 16px 18px; }
  .guide-toc ol { grid-template-columns: 1fr; gap: 10px; }
  .guide-table th, .guide-table td { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .guide-card { transition: none; }
  .guide-card:hover { transform: none; }
}