.armaghan-public-site .am-support {
    padding-block: 76px 68px;
    background: #fff;
    color: var(--brand-ink);
    scroll-margin-block-start: calc(var(--header-height) + 16px);
}
.am-support-container { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.am-support-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-block-end: 32px; border: 0; box-shadow: none; }
.am-support-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; color: var(--brand-text); font-size: .8rem; font-weight: 600; }
.am-support-eyebrow > span { width: 22px; height: 3px; border-radius: 3px; background: var(--brand-gradient); }
.am-support-heading h2 { margin: 0; color: var(--brand-ink); font-size: clamp(1.7rem, 2.6vw, 2.15rem); font-weight: 800; line-height: 1.7; }
.am-support-intro { margin: 8px 0 0; color: var(--brand-muted); font-size: .93rem; line-height: 1.9; }
.am-support-more { display: inline-flex; align-items: center; gap: 12px; padding-block: 8px; flex-shrink: 0; color: var(--brand-text); font-size: .88rem; font-weight: 600; text-decoration: none; }
.am-support-more:hover { color: var(--brand-ink); }
.am-support-more i { font-size: .75rem; }
.am-support-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
.am-support-card { display: flex; flex-direction: column; flex: 0 1 calc((100% - 48px) / 3); min-width: 0; overflow: hidden; border: 1px solid #e0e9ec; border-radius: 18px; background: #fff; transition: border-color .2s, box-shadow .2s, transform .2s; }
.am-support-card:hover { border-color: var(--brand-line); box-shadow: 0 12px 30px #163d480d; transform: translateY(-4px); }
.am-support-image { display: block; overflow: hidden; background: #f2f6f7; aspect-ratio: 16 / 9; }
.am-support-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.am-support-card:hover .am-support-image img { transform: scale(1.035); }
.am-support-body { padding: 23px; display: flex; flex-direction: column; flex: 1; min-width: 0; }
.am-support-body h3 { margin: 0 0 10px; color: var(--brand-ink); font-size: 1.18rem; font-weight: 750; line-height: 1.8; overflow-wrap: anywhere; }
.am-support-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; min-height: 5.7em; margin: 0 0 24px; font-size: .88rem; line-height: 1.9; color: var(--brand-muted); overflow-wrap: anywhere; }
.am-support-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-block-start: 1px solid #edf1f2; padding-block-start: 18px; margin-block-start: auto; }
.am-support-minimum { display: flex; flex-direction: column; gap: 3px; flex-shrink: 0; }
.am-support-minimum > span { color: var(--brand-muted); font-size: .72rem; }
.am-support-minimum strong { display: flex; align-items: baseline; gap: 5px; font-size: 1.05rem; font-weight: 750; line-height: 1.8; color: var(--brand-ink); font-variant-numeric: tabular-nums; }
.am-support-minimum small { font-size: .7rem; font-weight: 500; color: var(--brand-muted); }
.am-support-action { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 44px; border: 1px solid transparent; border-radius: 10px; padding: 10px 15px; background: var(--brand-gradient); color: #fff; font-size: .8rem; font-weight: 700; line-height: 1.6; text-decoration: none; }
.am-support-action:hover { background: var(--brand-gradient-hover); color: #fff; }
.am-support-action i { font-size: .72rem; }
.am-support-card--compact { flex-basis: calc((100% - 24px) / 2); border-radius: 14px; }
.am-support-card--compact .am-support-body { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 20px; }
.am-support-card--compact h3 { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 1rem; }
.am-support-card--compact h3 i { color: var(--brand-text); font-size: .95rem; }
.am-support-card--compact .am-support-description { min-height: 0; margin: 0; font-size: .78rem; -webkit-line-clamp: 2; }
.am-support-card--compact .am-support-footer { grid-column: 2; grid-row: 1 / span 2; border: 0; padding: 0; margin: 0; gap: 16px; }
.am-support-note { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 28px 0 0; font-size: .78rem; line-height: 1.9; color: var(--brand-muted); }
.am-support-note i { color: var(--brand-text); }
.am-support-empty { width: 100%; border: 1px dashed var(--brand-line); border-radius: 18px; padding: 32px 20px; text-align: center; }
.am-support-empty > i { color: var(--brand-text); font-size: 1.6rem; }
.am-support-empty p { text-align: center; color: var(--brand-muted); margin: 16px 0 20px; }
.am-support :is(a, button):focus-visible { outline: 3px solid var(--brand-text); outline-offset: 4px; }
[dir="ltr"] .am-support :is(.am-support-action, .am-support-more) i { transform: rotate(180deg); }
@media (max-width: 1023px) {
    .am-support-card { flex-basis: calc((100% - 24px) / 2); }
    .am-support-heading { align-items: start; }
}
@media (max-width: 767px) {
    .armaghan-public-site .am-support { padding-block: 48px; }
    .am-support-container { width: calc(100% - 40px); }
    .am-support-heading { flex-direction: column; gap: 12px; margin-block-end: 24px; }
    .am-support-heading h2 { font-size: 1.75rem; }
    .am-support-intro { font-size: .86rem; }
    .am-support-grid { gap: 18px; }
    .am-support-card { flex-basis: calc((100% - 18px) / 2); }
    .am-support-body { padding: 18px; }
    .am-support-footer { flex-wrap: wrap; }
    .am-support-action { flex-grow: 1; }
    .am-support-card--compact .am-support-body { display: flex; gap: 0; }
    .am-support-card--compact h3 { margin-block-end: 10px; }
    .am-support-card--compact .am-support-description { margin-block-end: 18px; }
    .am-support-card--compact .am-support-footer { margin-block-start: auto; width: 100%; }
}
@media (max-width: 599px) {
    .am-support-card { flex-basis: 100%; }
    .am-support-description { min-height: 0; margin-block-end: 22px; }
    .am-support-footer { flex-wrap: nowrap; }
    .am-support-action { flex-grow: 0; }
    .am-support-note { align-items: baseline; text-align: center; font-size: .72rem; }
}
@media (prefers-reduced-motion: reduce) { .am-support-card, .am-support-image img { transition: none; } }
