/* =====================================================================
   APPPMA — Design 2 skin for the whole site
   Loaded automatically on every page when the visitor picks "Design 2"
   (index2.aspx links it directly). Sits on top of apppma.css; all colours
   still come from the theme variables, so themes and dark mode keep working.
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Poppins:wght@400;500;600;700&display=swap");

:root {
  --font-head: "Poppins", "Segoe UI", system-ui, sans-serif;
  --font-serif: "Playfair Display", Georgia, serif;
  --radius: 10px;
  --radius-lg: 18px;
}
body { background: var(--green-50); }

/* Header: green top stripe, taller bar, square buttons */
.site-header { border-top: 8px solid var(--green-800); }
.header-row { min-height: 104px; }
.brand-name { font-family: "Poppins", sans-serif; }
.nav-list > li > a, .nav-list > li > button { font-weight: 500; font-size: 16px; }
.nav-list > li.is-current > a::after, .nav-list > li.is-current > button::after { height: 2px; border-radius: 0; }
.btn { border-radius: 4px; font-family: "Poppins", sans-serif; }
.btn-primary { background: var(--green-800); }
.btn-primary:hover { background: var(--green-900); }

/* Inner page title banner: serif headline, letter-spaced breadcrumb, green band */
.page-hero { background: var(--green-950); }
.page-hero::after { border-width: 2px; box-shadow: none; border-color: rgba(255,255,255,.08); }
.page-hero .wrap { padding-top: 56px; padding-bottom: 104px; }
.page-hero h1 { font: 500 clamp(34px, 4.4vw, 56px)/1.12 var(--font-serif); letter-spacing: 0; }
.crumbs { text-transform: uppercase; letter-spacing: .18em; font-size: 12.5px; color: color-mix(in srgb, var(--green-600) 55%, #FFFFFF); }
.crumbs a { color: color-mix(in srgb, var(--green-600) 55%, #FFFFFF); }
.page-hero .lead { font-size: 17.5px; }
.page-hero .wrap::before {
  content: ""; position: absolute; left: var(--gutter); bottom: 72px; width: 120px; height: 3px; background: var(--green-600);
}

/* Content panel & cards: flatter, larger radius like the design-2 homepage */
.page-main { border: 0; box-shadow: 0 24px 50px -32px color-mix(in srgb, var(--green-950) 40%, transparent); }
.card { border: 0; box-shadow: 0 18px 40px -30px color-mix(in srgb, var(--green-950) 45%, transparent); }
.tile { border-radius: 24px; border: 0; background: var(--bg); text-align: center; align-items: center; }
.tile .tile-icon { background: transparent; width: 64px; height: 64px; color: var(--green-800); }
.tile .tile-icon .icon { width: 44px; height: 44px; stroke-width: 1.6; }
.tile h3 { font: 600 21px/1.3 var(--font-head); color: var(--green-900); }
html[data-mode="dark"] .tile h3 { color: var(--ink); }
.prose h2, .section-title, .memboldtext, .event-title { font-family: var(--font-head); font-weight: 600; }
.eyebrow { letter-spacing: .02em; text-transform: uppercase; font-weight: 500; font-size: 15px; }
.eyebrow::before { display: none; }
.eyebrow::after { content: ""; display: block; }

/* Lists & tables */
table.gv-people > tbody > tr { border: 0; border-radius: 18px; }
.date-badge { background: var(--green-800); }
.date-badge .d { font-family: var(--font-serif); font-weight: 500; font-size: 32px; }
table.gv-table th { background: var(--green-800); color: #FFFFFF; }
.table-wrap { border: 0; box-shadow: 0 12px 30px -24px color-mix(in srgb, var(--green-950) 50%, transparent); }
.fact { border: 0; border-bottom: 5px solid var(--green-800); border-radius: 0; background: var(--surface); box-shadow: 0 16px 30px -24px color-mix(in srgb, var(--green-950) 40%, transparent); }
.fact-num { font-family: var(--font-head); color: #333; }
html[data-mode="dark"] .fact-num { color: var(--ink); }

/* Sidebar */
.bearer-top { background: var(--green-800); }
.bearer-photo { border-radius: 50%; width: 150px; height: 150px; box-shadow: 0 0 0 4px var(--surface), 0 0 0 6px var(--green-600); }

/* Footer: same as homepage design 2 */
.site-footer { background: var(--green-950); }