:root{--color-primary: #003087;--color-primary-light: #0047ab;--color-primary-dark: #002366;--color-white: #ffffff;--color-off-white: #f8f9fa;--color-text: #1a1a1a;--color-text-muted: #555;--font-heading: "Crimson Pro", "Georgia", serif;--font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px rgba(0, 48, 135, .08);--shadow-md: 0 4px 20px rgba(0, 48, 135, .12);--shadow-lg: 0 8px 40px rgba(0, 48, 135, .15)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-white);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.3}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem}h3{font-size:clamp(1.2rem,2.5vw,1.5rem);margin-bottom:.75rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-smooth)}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;box-sizing:border-box}@media (max-width: 576px){.container{padding:0 1rem}}.section{padding:4rem 0}@media (max-width: 768px){.section{padding:2.5rem 0}}#padding-code{padding:2.5rem 15px!important}@media (max-width: 768px){#padding-code{padding:2rem 15px!important}}