/* test upload */
/* ==========================================================================
   FILE: assets/css/06-features.css
   PURPOSE: Standalone Feature Sections

   CONTENTS:
   - Motto panel presentation (image-based feature panel)
   - Safeguarding feature section styling
   - Minor theme-aware adjustments for these feature blocks

   RULE:
   This file contains self-contained feature sections that can be
   reused as block styles or special content areas.

   It should NOT contain:
   - design tokens (01-config.css)
   - global typography defaults (02-base.css)
   - reusable components like buttons/forms/cards (03-components.css)
   - core layout systems like header/nav/panels (04-layout.css)
   - page-level layout rules (05-pages.css)

   LOAD ORDER:
   Loaded last so feature styles can override layout if needed.
   ========================================================================= */

/* ============================================================
   MOTTO PANEL (HCC)
   ============================================================ */

.panel--motto,
.is-style-hcc-panel-motto {
  text-align: center;
}

.panel--motto .container {
  max-width: 1200px;
}

.motto-image {
  margin: 0;
}

.motto-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  border: 1px solid var(--border);
}

/* ============================================================
   SAFEGUARDING (HCC)
   ============================================================ */

.section--safeguarding,
.is-style-hcc-safeguarding {
  border-left: 6px solid var(--olive-warm);
  padding-left: 1rem;
}

/* If used inside a panel, keep the rhythm */
.section--safeguarding p,
.is-style-hcc-safeguarding p {
  margin-bottom: var(--space-md);
}

/* Dark-mode polish (enable later when dark mode is reintroduced)
@media (prefers-color-scheme: dark) {
  .section--safeguarding,
  .is-style-hcc-safeguarding {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  }
}
*/