:root {
    --orange: #e8541d;
    --orange-dark: #c7440f;
    --navy: #0150ba;
    --text-dark: #222;
    --text-gray: #666;
    --border: #e5e5e5;
    --bg-light: #f7f7f8;
    --ink: #22262b;
    --muted: #6b7280;
    --line: #e7e5e0;
    --bg-soft: #f7f6f3;
    --cream: #fdfbf8;
    --font-body: Poppins, "Segoe UI", Arial, sans-serif;
    --font-accent: "DIN Condensed", "Arial Narrow", "Franklin Gothic Condensed", Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
body { margin: 0; color: var(--text-dark); background: #fff; font: 14px "Segoe UI", Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
ul { list-style: none; }
.wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.container { min-height: 65vh; padding: 36px 24px 64px; }
.notice { padding: 12px; border-radius: 4px; background: #e9f5ee; color: #1f6a43; }

