/* Layout tokens (--bg-page, --surface, --primary, --slate-200, --text-main,
                --text-muted) come from the global custom.css :root/[data-theme="dark"]
                blocks — do not redeclare them here, it silently disables dark mode. */

             body {
                 background-color: var(--bg-page);
                 color: var(--text-main);
             }

             .page-hero,
             .page-card,
             .page-side-card {
                 background: var(--surface);
                 border: 1px solid var(--slate-200);
                 border-radius: 20px;
                 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
             }

             .page-hero {
                 padding: 1.35rem 1.5rem;
                 margin-bottom: 1.5rem;
             }


             .page-title {
                 font-size: clamp(1.4rem, 2vw, 2rem);
                 font-weight: 800;
                 letter-spacing: -.03em;
                 color: var(--primary);
             }

             .page-description,
             .page-meta,
             .content-copy {
                 color: var(--text-muted);
             }

             .page-meta {
                 display: inline-flex;
                 align-items: center;
                 gap: .35rem;
                 padding: .3rem .7rem;
                 border-radius: 9999px;
                 border: 1px solid var(--slate-200);
                 background: var(--surface-soft);
                 font-size: .72rem;
                 font-weight: 700;
                 text-transform: uppercase;
                 letter-spacing: .05em;
             }

             .page-card,
             .page-side-card {
                 padding: 1.4rem;
             }

             .section-title {
                 color: var(--primary);
                 font-size: 1rem;
                 font-weight: 700;
                 letter-spacing: -.02em;
             }

             .section-divider {
                 border-color: var(--slate-200) !important;
             }

             .page-side-card {
                 background: linear-gradient(180deg, var(--surface) 0%, var(--surface-soft) 100%);
             }