/* =========================
   AU FOOD TOX – Global Style
   Compatible with Contrast
   ========================= */

:root {
  --accent: #004aad;
  --accent-soft: #f4f8ff;
  --accent-warm: #e55300;
  --text-main: #222;
  --text-muted: #555;
  --border-soft: rgba(0,0,0,0.08);
}

/* Typography refinements */
h1, h2, h3 {
  color: var(--accent);
  font-weight: 400;
}

h2 {
  margin-top: 2.2rem;
}

p, li {
  color: var(--text-main);
  line-height: 1.65;
}

/* Section rhythm */
section, .content-block {
  margin-bottom: 2.8rem;
}

/* =========================
   Cards (Opportunities, Announcements)
   ========================= */
.card {
  padding: 1.6rem 1.4rem;
  margin: 2.2rem 0;
  border-left: 5px solid var(--accent);
  background: var(--accent-soft);
}

.card--warm {
  border-left-color: var(--accent-warm);
}

.card h2, .card h3 {
  margin-top: 0;
}

/* =========================
   Buttons
   ========================= */
.btn {
  display: inline-block;
  padding: 0.55rem 1rem;
  margin-top: 0.6rem;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
}

.btn-primary {
  background: var(--accent);
  color: #fff;
}

.btn-secondary {
  background: var(--accent-warm);
  color: #fff;
}

.btn-outline {
  border: 2px solid var(--accent);
  color: var(--accent);
  background: transparent;
}

/* =========================
   Announcement layout
   ========================= */
.announcement {
  margin: 3rem 0;
}

.announcement img {
  max-width: 420px;
  width: 100%;
  margin-top: 0.8rem;
}

/* =========================
   Contact block
   ========================= */
.contact-block {
  margin-top: 2rem;
}

/* =========================
   Utilities
   ========================= */
.notice {
  font-style: italic;
  color: var(--text-muted);
}

.deadline {
  color: #c40000;
  font-weight: 600;
}

/* =========================
   Responsive
   ========================= */
img {
  max-width: 100%;
  height: auto;
}

body {
  overflow-x: hidden;
}