.content-nav { display: flex; align-items: center; gap: var(--space-6); min-height: var(--nav-height); padding: 0 var(--gutter); background: var(--surface); border-bottom: var(--border-default); }
.content-logo { color: var(--navy-900); font-family: var(--font-heading); font-size: var(--font-size-h4); font-weight: var(--weight-heading); text-decoration: none; }
.content-logo span { color: var(--teal-600); }
.content-nav-links { display: flex; align-items: center; gap: var(--space-6); margin-left: auto; font-size: var(--font-size-ui); }
.content-nav-links a { color: var(--color-action); text-decoration: none; }
.content-wrap, .content-list-wrap { width: min(100%, var(--content-reading)); margin-inline: auto; padding: var(--space-12) var(--gutter) var(--section-space); }
.content-list-wrap { max-width: var(--content-standard); }
.content-back { display: inline-flex; margin-bottom: var(--space-12); color: var(--color-text-secondary); font-size: var(--font-size-ui); text-decoration: none; }
.content-head { margin-bottom: var(--space-10); padding-bottom: var(--space-8); border-bottom: var(--space-1) solid var(--navy-900); }
.content-kind { margin: 0 0 var(--space-4); color: var(--color-action); font-size: var(--font-size-meta); font-weight: var(--weight-heading); letter-spacing: 0.08em; text-transform: uppercase; }
.content-head h1 { margin: 0; color: var(--color-heading); font-size: var(--font-size-h1); line-height: var(--line-heading); }
.content-direct-answer { color: var(--color-text-secondary); font-size: var(--font-size-large); line-height: var(--line-body); }
.content-intro { margin: var(--space-6) 0 0; }
.content-reviewed { color: var(--color-text-muted); font-size: var(--font-size-meta); }
.content-section { margin: 0 0 var(--space-12); }
.content-section h2, .content-faq h2 { margin: 0 0 var(--space-4); color: var(--color-heading); font-size: var(--font-size-h3); line-height: var(--line-heading); }
.content-section p { color: var(--color-text-secondary); line-height: var(--line-body); }
.content-section .content-direct-answer { margin-top: 0; color: var(--color-text); font-weight: var(--weight-ui); }
.content-source { padding-top: var(--space-4); border-top: var(--border-default); color: var(--color-text-muted) !important; font-size: var(--font-size-meta); }
.content-source a { color: var(--color-action); }
.content-faq { margin-top: var(--space-16); padding-top: var(--space-8); border-top: var(--border-default); }
.content-faq-item { margin-top: var(--space-8); }
.content-faq-item h3 { margin: 0 0 var(--space-3); color: var(--color-heading); font-size: var(--font-size-h4); }
.content-faq-item p { margin: 0; color: var(--color-text-secondary); line-height: var(--line-body); }
.content-list { display: grid; gap: var(--space-8); }
.content-item { padding: var(--space-8); border: var(--border-default); background: var(--surface); }
.content-item h2 { margin: 0; font-size: var(--font-size-h3); line-height: var(--line-heading); }
.content-item h2 a { color: var(--color-heading); text-decoration: none; }
.content-item > p:not(.content-kind):not(.content-reviewed) { color: var(--color-text-secondary); line-height: var(--line-body); }
.content-footer { padding: var(--space-12) var(--gutter); background: var(--navy-900); }
.content-footer p { width: min(100%, var(--content-standard)); margin: 0 auto; color: var(--color-inverse-muted); font-size: var(--font-size-meta); line-height: var(--line-body); }
.content-footer a { color: var(--sky-200); }
@media (max-width: 40rem) {
  .content-nav-links a:first-child { display: none; }
  .content-wrap, .content-list-wrap { padding-top: var(--space-8); }
}