:root {
                 --bg-page: #f8fafc;
                 --surface: #ffffff;
                 --primary: #0f172a;
                 --slate-200: #e2e8f0;
                 --slate-400: #94a3b8;
                 --text-main: #1e293b;
                 --text-muted: #64748b;
             }

             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-kicker {
                 font-size: .78rem;
                 letter-spacing: .08em;
                 text-transform: uppercase;
                 color: var(--slate-400);
                 font-weight: 700;
             }

             .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: #f8fafc;
                 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, #ffffff 0%, #f8fafc 100%);
             }