/* Practical guide additions use the existing site's design and spacing. */
.page-body .answer-box { border:1px solid rgba(150,140,255,.5); border-radius:16px; background:rgba(90,78,210,.12); padding:1.25rem; margin:1.5rem 0; }
.page-body .answer-box h2 { margin-top:0; font-size:1.15rem; }
.page-body .answer-box p:last-child { margin-bottom:0; }
.verified-date,.source-note,.guide-scope,.editorial-disclaimer { font-size:.95rem; line-height:1.75; }
.guide-toc { border-bottom:1px solid rgba(150,140,255,.25); padding-bottom:1rem; }
.guide-toc h2 { font-size:1.1rem; }
.guide-toc li,.guide-checklist li,.guide-sources li { margin-bottom:.75rem; line-height:1.8; }
.guide-section { scroll-margin-top:6rem; }
/* Reading and anchor navigation should not wait for marketing reveal effects. */
html.js-motion .blog .page-body .legal-section.reveal { opacity:1; transform:none; transition:none; }
.table-scroll { max-width:100%; overflow-x:auto; border:1px solid rgba(150,140,255,.3); border-radius:12px; }
.table-scroll:focus-visible { outline:2px solid #afa5ff; outline-offset:3px; }
.table-scroll table { width:100%; border-collapse:collapse; text-align:left; }
.table-scroll caption { text-align:left; padding:.75rem; font-weight:600; }
.table-scroll th,.table-scroll td { padding:.8rem; border-top:1px solid rgba(150,140,255,.25); vertical-align:top; min-width:6rem; line-height:1.6; }
.guide-faq details { border-top:1px solid rgba(150,140,255,.25); padding:1rem 0; }
.guide-faq summary { cursor:pointer; font-weight:600; line-height:1.7; }
.guide-faq summary:focus-visible,.analytics-controls button:focus-visible { outline:2px solid #afa5ff; outline-offset:4px; }
.guide-sources a,.source-note a { overflow-wrap:anywhere; }
.analytics-controls { position:fixed; z-index:1000; bottom:1rem; left:1rem; right:1rem; max-width:38rem; padding:1rem; border:1px solid #afa5ff; border-radius:12px; background:#101027; color:#fff; box-shadow:0 4px 24px #0008; font:inherit; }
.analytics-controls p { margin:0 0 .75rem; line-height:1.6; }
.analytics-controls button { font:inherit; margin:.25rem .5rem .25rem 0; padding:.6rem .85rem; border:1px solid #afa5ff; border-radius:8px; background:#292259; color:white; cursor:pointer; }
.analytics-settings { position:fixed; z-index:999; bottom:.5rem; right:.5rem; padding:.4rem .6rem; border:1px solid #afa5ff; border-radius:8px; background:#101027; color:#fff; cursor:pointer; }
@media(max-width:600px) {
  .header-inner{height:auto;min-height:64px;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px;}
  .wordmark{flex-shrink:0;white-space:nowrap;}
  .site-nav{width:100%;gap:18px;overflow-x:auto;}
  .site-nav a{white-space:nowrap;flex-shrink:0;}
  .page-body .answer-box{padding:1rem;} .guide-toc ol,.guide-checklist{padding-left:1.4rem;}
  .table-scroll th,.table-scroll td{padding:.6rem;} .guide-section h2{line-height:1.5;}
}
.blog-card h2 { font-size:20px; font-weight:700; letter-spacing:-0.01em; margin:10px 0 8px; }