/* 3. SHARED X1 COMPONENTS — canonical design for converted pages.
   Page-specific content and sprig placement remain in WordPress.
   No legacy parent-page selectors or alternate hero versions belong here. */
.aauw-shared-page .aauw-x1-page { color:var(--aauw-text); line-height:1.65; }
.aauw-shared-page .aauw-x1-container {
    width:min(calc(100% - var(--aauw-gutter) * 2),var(--aauw-container));
    margin-inline:auto;
}
/* 3.1 Outer white shell and section panels. */
.aauw-shared-page .aauw-x1-page-panel {
    width:min(calc(100% - 80px),1400px); margin:18px auto 40px;
    padding:6px 40px 26px; background:#fff; border:1px solid #d7dee3;
    border-radius:6px; box-shadow:0 10px 32px rgba(5,42,79,.14);
}
.aauw-shared-page .aauw-x1-section { width:100%; margin:0; padding:2px 0 10px; }
.aauw-shared-page .aauw-x1-panel {
    width:100%; max-width:1200px; margin:0 auto; padding:18px 40px 30px;
    background:#fff; border-radius:6px;
}
.aauw-shared-page .aauw-x1-section--soft .aauw-x1-panel { background:#f7f8f8; }
.aauw-shared-page .aauw-x1-soft-panel {
    position:relative; padding:30px; border:1px solid #d5dfe3; border-radius:7px;
    background:linear-gradient(110deg,#f6f8f1,#fff 48%,#f0f5e8);
    box-shadow:0 8px 24px rgba(5,42,79,.06);
}
.aauw-shared-page .aauw-x1-content-section { margin-bottom:26px; }
/* 3.2 Heading, kicker and optional floral. */
.aauw-shared-page .aauw-x1-heading { width:100%; max-width:950px; margin:0 auto 20px; text-align:center; }
.aauw-shared-page .aauw-x1-heading-floral { display:block; width:190px; max-width:100%; height:130px; object-fit:contain; margin:0 auto 12px; }
.aauw-shared-page .aauw-x1-kicker { margin:0 0 8px; color:var(--aauw-green); font-size:13px; font-weight:700; line-height:1.35; letter-spacing:.12em; text-transform:uppercase; }
.aauw-shared-page .aauw-x1-heading h2 { margin:0; color:#052a4f; font:700 28px/1.15 Georgia,serif; }
.aauw-shared-page .aauw-x1-heading__description { max-width:760px; margin:14px auto 0; color:var(--aauw-muted); font-size:16px; line-height:1.6; }
/* 3.3 Standard cards and grids. */
.aauw-shared-page .aauw-x1-card,
.aauw-shared-page .aauw-x1-feature-card,
.aauw-shared-page .aauw-x1-resource-card,
.aauw-shared-page .aauw-x1-media-card {
    min-width:0; background:#fff; border:1px solid #d7dee3; border-radius:var(--aauw-radius);
    box-shadow:0 7px 20px rgba(8,34,59,.10);
}
.aauw-shared-page .aauw-x1-card { width:100%; max-width:1100px; margin:0 auto; padding:34px 40px; }
.aauw-shared-page .aauw-x1-card--narrow { max-width:800px; }
.aauw-shared-page .aauw-x1-card>:first-child { margin-top:0; }
.aauw-shared-page .aauw-x1-card>:last-child { margin-bottom:0; }
.aauw-shared-page .aauw-x1-card h2,
.aauw-shared-page .aauw-x1-card h3,
.aauw-shared-page .aauw-x1-feature-card h3,
.aauw-shared-page .aauw-x1-resource-card h3 { color:#052a4f; font-family:Georgia,serif; }
.aauw-shared-page .aauw-x1-card h3 { margin-top:0; font-size:20px; line-height:1.25; }
.aauw-shared-page .aauw-x1-grid,
.aauw-shared-page .aauw-x1-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.aauw-shared-page .aauw-x1-grid--2,
.aauw-shared-page .aauw-x1-cards--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.aauw-shared-page .aauw-x1-grid--3,
.aauw-shared-page .aauw-x1-cards--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.aauw-shared-page .aauw-x1-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.aauw-shared-page .aauw-x1-feature-card,
.aauw-shared-page .aauw-x1-resource-card { display:flex; flex-direction:column; padding:26px 22px; }
.aauw-shared-page .aauw-x1-grid--centered .aauw-x1-feature-card { align-items:center; text-align:center; }
.aauw-shared-page .aauw-x1-icon { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 18px; border-radius:50%; background:var(--aauw-green); color:#fff; }
.aauw-shared-page .aauw-x1-icon svg { width:30px; height:30px; }
.aauw-shared-page .aauw-x1-split { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr); gap:36px; }
.aauw-shared-page .aauw-x1-split>* { min-width:0; }
.aauw-shared-page .aauw-x1-copy h2 { color:#052a4f; font:700 32px/1.15 Georgia,serif; margin:0 0 18px; }
/* 3.4 Shared actions and accessible links. */
.aauw-shared-page .aauw-x1-button-row { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px; margin-top:20px; }
.aauw-shared-page .aauw-x1-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 18px; border:1px solid transparent; border-radius:5px; background:var(--aauw-green); color:#fff; font:bold 14px/1.4 Arial,sans-serif; text-decoration:none; text-align:center; }
.aauw-shared-page .aauw-x1-button:hover { color:#fff; background:var(--aauw-green-dark); }
.aauw-shared-page .aauw-x1-button:focus-visible { outline:3px solid #052a4f; outline-offset:4px; }
.aauw-shared-page .aauw-x1-button--secondary { color:#052a4f; background:#fff; border-color:#052a4f; }
.aauw-shared-page .aauw-x1-feature-card>.aauw-x1-button,
.aauw-shared-page .aauw-x1-resource-card>.aauw-x1-button,
.aauw-shared-page .aauw-x1-feature-card>.aauw-x1-button-row { margin-top:auto; }
.aauw-shared-page .aauw-x1-resource-card>p:has(>.aauw-x1-button:only-child) { margin-top:auto; }
.aauw-shared-page .aauw-x1-card a:not(.aauw-x1-button) { color:#17618c; text-decoration:underline; }
.aauw-shared-page .aauw-x1-center { text-align:center; }
/* 3.5 Responsive component geometry. */
@media(max-width:950px) {
    .aauw-shared-page .aauw-x1-page-panel { width:calc(100% - 36px); padding:6px 22px 24px; }
    .aauw-shared-page .aauw-x1-panel { padding:18px 20px 26px; }
    .aauw-shared-page .aauw-x1-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .aauw-shared-page .aauw-x1-split { grid-template-columns:1fr; gap:24px; }
}
@media(max-width:600px) {
    .aauw-shared-page .aauw-x1-page-panel { width:calc(100% - 24px); padding:6px 12px 20px; }
    .aauw-shared-page .aauw-x1-panel { padding:16px 8px 22px; }
    .aauw-shared-page .aauw-x1-card { padding:24px 20px; }
    .aauw-shared-page .aauw-x1-soft-panel { padding:24px 20px; }
    .aauw-shared-page .aauw-x1-grid,
    .aauw-shared-page .aauw-x1-cards { grid-template-columns:1fr; }
    .aauw-shared-page .aauw-x1-heading h2 { font-size:25px; }
}

/* 3.6 Detailed image icons — reusable alongside the standard symbol icon. */
.aauw-shared-page .aauw-x1-icon--illustrated {
    display:flex; align-items:center; justify-content:center;
    width:112px; height:112px; margin:0 auto 18px;
    padding:0; background:transparent; border:0; border-radius:0;
}
.aauw-shared-page .aauw-x1-icon--illustrated img {
    display:block; width:100%; height:100%; object-fit:contain;
}

/* 3.7 Shared program overview: full available width, without nested panels.
   These selectors apply only to the program overview component. */
.aauw-shared-page .aauw-programs-content {
    width:min(calc(100% - 48px),1400px); margin:24px auto 40px;
}
.aauw-shared-page .aauw-program-overview > .aauw-x1-panel {
    width:100%; max-width:none; padding:18px 0 30px;
    background:transparent; border:0; box-shadow:none;
}
.aauw-shared-page .aauw-program-overview .aauw-x1-heading { max-width:900px; }
.aauw-shared-page .aauw-program-overview .aauw-x1-heading__description { max-width:820px; }
.aauw-shared-page .aauw-program-overview .aauw-x1-grid {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:24px;
}
.aauw-shared-page .aauw-program-overview .aauw-x1-feature-card {
    box-sizing:border-box; min-width:0; width:auto; max-width:none;
    min-height:390px; margin:0; padding:30px 28px 26px;
    align-items:center; text-align:center;
}
.aauw-shared-page .aauw-program-overview .aauw-x1-feature-card h3 {
    margin:0 0 18px; font-size:24px; line-height:1.2; text-align:center;
}
.aauw-shared-page .aauw-program-overview .aauw-x1-feature-card p {
    width:100%; margin:0 0 14px; color:#4f5b66;
    font-size:15px; line-height:1.62; text-align:center;
}
.aauw-shared-page .aauw-program-overview p.aauw-program-detail {
    margin-bottom:16px; font-size:13px; line-height:1.55;
}
.aauw-shared-page .aauw-program-overview p.aauw-program-highlight {
    margin:2px 0 16px; color:#67873a; font-size:14px; font-weight:700; line-height:1.45;
}
.aauw-shared-page .aauw-program-overview .aauw-program-icon {
    display:block; flex:0 0 auto; width:62px; height:62px; margin:0 auto 20px;
}
.aauw-shared-page .aauw-program-overview .aauw-program-action {
    margin-top:auto; padding-top:12px; color:#55752f;
    font-size:14px; font-weight:700; text-decoration:none; text-align:center;
}
.aauw-shared-page .aauw-program-overview .aauw-program-action:hover { text-decoration:underline; }
.aauw-shared-page .aauw-program-overview .aauw-program-action:focus-visible { outline:3px solid #052a4f; outline-offset:5px; }
@media(max-width:700px) {
    .aauw-shared-page .aauw-programs-content { width:calc(100% - 24px); }
    .aauw-shared-page .aauw-program-overview .aauw-x1-grid { grid-template-columns:1fr; }
    .aauw-shared-page .aauw-program-overview .aauw-x1-feature-card { min-height:0; }
}