.guide-page .nav a.active, .guide-page .nav-m a.active { font-weight: 750; }
.art h1 { font-size: clamp(24px, 4.4vw, 34px); line-height: 1.25; margin-bottom: 12px; }
.art h2 { font-size: 19px; font-weight: 750; margin: 32px 0 10px; }
.art p, .art li { font-size: 16px; line-height: 1.75; color: var(--text-2); }
.art p { margin: 0 0 14px; }
.art ul, .art ol { margin: 0 0 16px; padding-left: 22px; display: grid; gap: 8px; }
.art a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.art .lead-s { font-size: 17px; color: var(--text-2); margin: 0 0 24px; }
.art .crumb { font-size: 14px; margin: 0 0 10px; }
.art .callout { margin: 28px 0; padding: 18px 20px; border-radius: 16px; background: var(--surface); color: var(--text); line-height: 1.7; }
.art table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 15px; }
.art th, .art td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line, rgba(127,127,127,.25)); color: var(--text-2); }
.art th { color: var(--text); font-weight: 700; }
.art .more { margin-top: 40px; }
.art .more ul { list-style: none; padding: 0; }
.art .cta { display: flex; gap: 10px; flex-wrap: wrap; margin: 32px 0 48px; }
.art .cta .btn { text-decoration: none; }
.art a.btn-primary { color: var(--on-brand); }
.art a.btn-secondary { color: var(--text); }
.gcards { list-style: none; padding: 0 !important; margin: 0 0 24px; display: grid; gap: 12px; }
.gcard { display: grid; gap: 6px; padding: 18px 20px; border: 1px solid var(--line, rgba(127,127,127,.25)); border-radius: 16px; text-decoration: none !important; color: var(--text) !important; }
.gcard b { font-size: 17px; }
.gcard span { font-size: 14.5px; color: var(--text-2); line-height: 1.6; }
.gcard:hover { border-color: var(--text-3); }