:root{--color-main-navy:#1a2332;--color-white:#fff;--color-accent-yellow:gold;--color-accent-blue:#4a90e2;--color-accent-red:#e74c3c;--color-accent-green:#2ecc71;--color-primary:#020617;--color-primary-dark:#000;--color-primary-light:#0f172a;--color-primary-lighter:#1e293b;--color-secondary:#334155;--color-border:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-background:var(--color-primary);--color-background-secondary:var(--color-primary-light);--color-background-tertiary:var(--color-primary-dark);--color-surface:var(--color-primary-light);--color-surface-hover:var(--color-primary-lighter);--color-input-bg:var(--color-primary-dark);--color-border-dark:var(--color-primary-dark);--color-accent-blue-light:#60a5fa;--color-accent-blue-dark:#2563eb;--color-success:#10b981;--color-success-light:#10b9811a;--color-error:#ef4444;--color-error-light:#ef44441a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-info:#0ea5e9;--color-info-light:#0ea5e91a;--color-text-primary:#333;--color-text-sub:#666;--color-bg-light:#f5f5f5;--color-border-light:#e0e0e0;--font-size-xs:clamp(1rem,1.2vw,1.2rem);--font-size-sm:clamp(1.2rem,1.4vw,1.4rem);--font-size-base:clamp(1.4rem,1.6vw,1.6rem);--font-size-lg:clamp(1.6rem,1.8vw,1.8rem);--font-size-xl:clamp(1.8rem,2.2vw,2.2rem);--font-size-2xl:clamp(2.2rem,2.8vw,2.8rem);--font-size-3xl:clamp(2.8rem,3.5vw,3.6rem);--font-size-4xl:clamp(3.6rem,5vw,4.8rem);--spacing-xs:clamp(.6rem,.8vw,.8rem);--spacing-sm:clamp(1rem,1.2vw,1.4rem);--spacing-md:clamp(1.6rem,2vw,2rem);--spacing-lg:clamp(2.4rem,3.2vw,3.2rem);--spacing-xl:clamp(3.2rem,4.8vw,5.6rem);--spacing-2xl:clamp(5.6rem,8vw,8.8rem);--max-width:clamp(64rem,90vw,120rem);--max-content-width:clamp(64rem,90vw,160rem);--sidebar-width:20rem;--header-height:clamp(6rem,8vw,8rem);--border-width:.1rem;--border-width-thick:.2rem;--radius-sm:.4rem;--radius-md:.8rem;--radius-lg:1.2rem;--radius-full:999rem;--transition-fast:.15s ease;--transition-base:.25s ease}.p-post-page{padding:var(--spacing-xl)0;background-color:var(--color-bg-light)}.p-post-page__inner{max-width:var(--max-width);padding:0 var(--spacing-md);gap:var(--spacing-xl);margin:0 auto;display:flex}@media (max-width:102.4rem){.p-post-page__inner{flex-direction:column}}.p-post-page__main{flex:1;min-width:0}.p-post-page__sidebar{width:var(--sidebar-width);flex-shrink:0}@media (max-width:102.4rem){.p-post-page__sidebar{width:100%}}.p-post-page__header{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:var(--border-width)solid var(--color-border-light);box-shadow:0 .2rem 1.2rem #00000014}.p-post-page__title{font-size:var(--font-size-3xl);color:var(--color-main-navy);border-bottom:.4rem solid var(--color-accent-yellow);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md);font-weight:700}.p-post-page__content{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:var(--border-width)solid var(--color-border-light)}.p-post-page__content h2{font-size:var(--font-size-2xl);border-bottom:var(--border-width-thick)solid var(--color-accent-yellow);margin:var(--spacing-xl)0 var(--spacing-md);padding-bottom:var(--spacing-xs)}.p-post-page__content h3{font-size:var(--font-size-xl);border-left:.5rem solid var(--color-accent-blue);padding-left:var(--spacing-sm);margin:var(--spacing-lg)0 var(--spacing-sm)}