/* Reading pages share the app's Geist, stone, emerald and glass tokens. */
.seo-main { max-width: 900px; padding-top: 30px; padding-bottom: 64px; }
.seo-main h1 { font-size: clamp(30px,5vw,48px); line-height:1.18; letter-spacing:-.035em; max-width:20em; overflow-wrap:anywhere; }
.seo-main h2 { font-size:clamp(22px,3vw,28px); line-height:1.3; margin:38px 0 15px; letter-spacing:-.025em; }
.seo-main h3 { font-size:20px; line-height:1.35; }
.seo-main p, .seo-main li { font-size:17px; line-height:1.85; color:var(--text-2); }
.seo-main p + p { margin-top:16px; }
.seo-main ul, .seo-main ol { padding-left:24px; }
.seo-main li { margin:10px 0; }
.seo-main .answer { color:var(--text); font-size:20px; line-height:1.7; margin:24px 0 28px; padding:22px; border:1px solid var(--glass-line); border-radius:var(--radius); background:var(--glass); box-shadow:var(--shadow-sm); }
.breadcrumbs { margin-bottom:24px; font-size:14px; color:var(--text-3); }
.updated { color:var(--text-3)!important; font-size:13px!important; margin-top:14px; }
.seo-main .table-scroll { overflow-x:auto; margin:20px 0; border:1px solid var(--line-2); border-radius:var(--radius-sm); background:var(--surface); }
.seo-main .table-scroll table { width:100%; border-collapse:collapse; text-align:left; font-size:15px; }
.seo-main .table-scroll th,.seo-main .table-scroll td { padding:16px; vertical-align:top; border-bottom:1px solid var(--line); line-height:1.65; min-width:110px; }
.seo-main .table-scroll th { color:var(--text); background:var(--surface-2); }
.seo-main .table-scroll td { color:var(--text-2); }
.seo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0; }
.seo-card { padding:24px; color:var(--text); display:block; }
.seo-card:hover { text-decoration:none; border-color:var(--accent); }
.seo-card p { font-size:15px; margin-top:12px; }
.seo-card span { color:var(--accent); display:block; margin-top:16px; }
.search-card { padding:24px; margin:28px 0; position:relative; }
.search-card h2 { margin:0 0 16px; }
.search-card p { font-size:14px; margin-top:12px; }
.seo-main a, .seo-main td { overflow-wrap:anywhere; }
.seo-home-links { padding-bottom:32px; }
.seo-home-links .card { padding:24px; }
.seo-home-links nav { display:flex; gap:18px; flex-wrap:wrap; margin:15px 0; }
.finding-guide { margin-top:12px; font-size:14px; }
@media (max-width:600px) {
 .seo-grid { grid-template-columns:1fr; }
 .seo-main { padding-top:24px; }
 .seo-main .answer { padding:18px; font-size:18px; }
 .search-card { padding:18px; }
 .seo-main .search-box { flex-wrap:wrap; }
 .seo-main .search-box input { width:100%; min-width:0; flex-basis:100%; padding:10px; }
 .seo-main .search-box button { width:100%; margin-top:8px; }
 .topbar .wrap { min-height:60px; height:auto; flex-wrap:wrap; padding-top:8px; padding-bottom:8px; }
 .topbar .nav { flex-wrap:wrap; max-width:100%; }
 .topbar .nav a { font-size:13px; padding:0 7px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Reserve the existing app account/language controls before JS inserts them. */
@media (max-width:600px) {
 .topbar:has(.brand-mark) .wrap { height:104px; flex-direction:column; align-items:flex-start; justify-content:center; gap:0; }
 .topbar:has(.brand-mark) .nav { height:44px; flex-wrap:nowrap; }
}