/**
 * Anchor Accordion — matches Divine Word theme (see theme custom.css :root)
 */
@charset "UTF-8";
 html {
    scroll-behavior: smooth;
  }
.anchor-acc {
    --aa-blue: #00609c;
    --aa-lightblue: #06a7e2;
    --aa-green: #a9ae00;
    --aa-yellow: #eea904;
    --aa-tan: #fbf6eb;
    --aa-dark: #58585a;
    --aa-radius: 15px 0 15px 15px;
    font-family: 'Lato', sans-serif;
    margin: 0 0 1.5em;
}

.anchor-acc__heading {
    font-size: 36px;
    font-weight: 900;
    color: var(--aa-blue);
    letter-spacing: -0.5px;
    margin: 0 0 20px;
    padding: 0 0 25px;
    line-height: 1.1;
    position: relative;
}

.anchor-acc__heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 5px;
    background: var(--aa-yellow);
}

.anchor-acc__list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: var(--aa-radius);
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
    border-top: 5px solid var(--aa-green);
    overflow: hidden;
}

.anchor-acc__item + .anchor-acc__item {
    border-top: 1px dotted #ccc;
}

.anchor-acc__trigger {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
    font-family: inherit;
    font-size: 18px;
    font-weight: 900;
    color: #222;
    background: var(--aa-tan);
    border: none;
    padding: 16px 20px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.anchor-acc__trigger:hover,
.anchor-acc__trigger:focus {
    background: #fff;
    color: var(--aa-blue);
    outline: none;
}

.anchor-acc__item.is-open > .anchor-acc__trigger {
    background: #fff;
    color: var(--aa-blue);
    border-bottom: 1px dotted #ddd;
}

.anchor-acc__trigger-text {
    flex: 1;
    min-width: 0;
}

.anchor-acc__icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--aa-lightblue);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    transition: transform 0.25s ease, background 0.2s ease;
}

.anchor-acc__item.is-open .anchor-acc__icon {
    transform: rotate(180deg);
    background: var(--aa-blue);
}

.anchor-acc__panel {
    display: none;
    padding: 0 20px 20px;
    background: #fff;
    color: rgba(0, 0, 0, 0.85);
    font-size: 15px;
    line-height: 1.55;
    scroll-margin-top: 100px;
}

.anchor-acc__item.is-open .anchor-acc__panel {
    display: block;
}

.anchor-acc__panel .content-inner {
    padding-top: 12px;
}

.anchor-acc__panel p:last-child {
    margin-bottom: 0;
}

.anchor-acc__panel img {
    max-width: 100%;
    height: auto;
    border-radius: var(--aa-radius);
}

.anchor-acc__empty {
    padding: 20px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: var(--aa-radius);
    color: var(--aa-dark);
}

@media (max-width: 768px) {
    .anchor-acc__heading {
        font-size: 28px;
    }

    .anchor-acc__trigger {
        font-size: 16px;
        padding: 14px 16px;
    }
}