/* Beta guide only; shared site CSS owns the homepage header/footer and fonts. */
.lw-beta-guide { margin:0; background:var(--color-bg-app); }
.beta-guide-content { padding-block:clamp(48px, 6vw, 88px) var(--site-section-space); }
.beta-guide-hero { padding-bottom:clamp(40px, 5vw, 72px); border-bottom:1px solid var(--color-border-subtle); }
.beta-guide-hero h1 { font:500 clamp(44px, 5.2vw, 80px)/1.02 var(--font-display); letter-spacing:-.055em; margin:22px 0 28px; }
.beta-guide-hero .beta-guide-intro { max-width:64ch; margin:0; color:var(--color-text-secondary); font:var(--type-site-body); }
.beta-guide-layout { display:grid; grid-template-columns:minmax(190px, .28fr) minmax(0, 1fr); gap:clamp(32px, 6vw, 96px); align-items:start; padding-top:48px; }
.beta-guide-nav { position:sticky; top:calc(var(--site-header-height) + 32px); display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
.beta-guide-nav .lw-kicker { margin:0 0 16px; }
.beta-guide-nav a { display:inline-flex; align-items:center; min-height:44px; font:400 14px/1.5 var(--font-ui); }
.beta-guide-sections { max-width:840px; min-width:0; }
.beta-guide-content h2 { font:500 clamp(28px, 3vw, 38px)/1.15 var(--font-display); letter-spacing:-.025em; margin:0 0 24px; }
.beta-guide-content section { padding-bottom:48px; scroll-margin-top:calc(var(--site-header-height) + 24px); }
.beta-guide-content section + section { padding-top:48px; border-top:1px solid var(--color-border-subtle); }
.beta-guide-content section p { font:inherit; margin:0 0 18px; }
.beta-guide-content section p:last-child { margin-bottom:0; }
.beta-guide-content ul { padding-left:24px; margin:0 0 24px; }
.beta-guide-content li { margin-bottom:14px; }
.beta-guide-content a { color:var(--color-eyebrow-emphasis); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; overflow-wrap:anywhere; }
.beta-guide-content strong { color:var(--color-ink); font-weight:700; }
.beta-guide-content .beta-guide-nav a,.beta-guide-nav .lw-kicker { color:var(--color-ink); }
.beta-guide-details { margin:20px 0; }
.beta-guide-details summary { color:var(--color-eyebrow-emphasis); cursor:pointer; padding-block:10px; font-weight:500; }
.beta-guide-details[open] summary { margin-bottom:12px; }
.beta-guide-details summary:focus-visible { outline:2px solid var(--color-ink); outline-offset:4px; }
.beta-guide-content a:hover { text-decoration-thickness:2px; }
.beta-guide-content a:focus-visible { outline:2px solid var(--color-ink); outline-offset:4px; border-radius:2px; }
@media (max-width:800px) {
  .beta-guide-layout { grid-template-columns:minmax(0, 1fr); gap:36px; padding-top:24px; }
  .beta-guide-nav { position:static; flex-direction:row; flex-wrap:wrap; gap:0 24px; }
  .beta-guide-nav .lw-kicker { flex-basis:100%; margin-bottom:8px; }
  .beta-guide-content section { padding-bottom:32px; }
  .beta-guide-content section + section { padding-top:32px; }
}