{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --navy: #1B2A4A; --green: #22C55E; --font-head: 'Montserrat', sans-serif; --font-body: 'Open Sans', sans-serif; } body { font-family: var(--font-body); background: #ffffff; color: #374151; line-height: 1.75; } a { color: var(--green); } .site-header { background: #ffffff; border-bottom: 1px solid #F1F5F9; padding: 0.75rem 1.5rem; display: flex; align-items: center; justify-content: space-between; } .logo-main { font-family: var(--font-head); font-weight: 800; font-size: 1.4rem; color: var(--navy); letter-spacing: -0.02em; } .logo-main span { color: var(--green); } .logo-sub { font-size: 0.62rem; font-weight: 600; color: #9CA3AF; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 2px; } .back-link { font-size: 0.85rem; font-weight: 600; color: var(--green); text-decoration: none; } .page-wrap { max-width: 820px; margin: 0 auto; padding: 3rem 1.5rem 4rem; } .page-title { font-family: var(--font-head); font-weight: 800; font-size: 2rem; color: var(--navy); margin-bottom: 0.4rem; } .page-date { font-size: 0.85rem; color: #9CA3AF; margin-bottom: 2.5rem; } h2 { font-family: var(--font-head); font-weight: 700; font-size: 1.1rem; color: var(--navy); margin: 2rem 0 0.6rem; } p { margin-bottom: 1rem; font-size: 0.97rem; } ul { margin: 0.5rem 0 1rem 1.5rem; } ul li { margin-bottom: 0.4rem; font-size: 0.97rem; } .highlight-box { background: #f0fdf4; border-left: 4px solid var(--green); padding: 1rem 1.25rem; border-radius: 4px; margin: 1.5rem 0; font-size: 0.95rem; } .site-footer { background: #F1F5F9; border-top: 1px solid #E2E8F0; padding: 1.5rem; text-align: center; font-size: 0.75rem; color: #9CA3AF; }