/* PageTiles – Wittelsbacher Land. Scoped to plugin grids; no remote assets. */
.cpt-tiles.pagetiles {
    font-family: "Alegreya Sans", sans-serif;
    font-weight: 500;
    color: #000;
    container-type: normal;
    grid-auto-rows: auto;
}
.cpt-tiles.pagetiles > .cpt-tiles__item {
    display: block;
    grid-row: auto;
    min-height: 0;
    container-type: inline-size;
}
.cpt-tiles.pagetiles > .cpt-tiles__item::after { content: none; }
.cpt-tiles.pagetiles .cpt-tiles__link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0;
    padding: 32px 16px 16px;
    min-height: 180px;
    min-height: calc(100cqi * 422 / 1080);
    aspect-ratio: auto;
    border-radius: 0;
    background: #eaf1e5;
    color: #000;
    font-family: inherit;
    text-align: left;
    text-decoration: none;
}
.cpt-tiles.pagetiles .cpt-tiles__link::before { content: none; }
.cpt-tiles.pagetiles .cpt-tiles__title {
    display: block;
    flex: none;
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    margin: 0;
    font-family: inherit;
    font-size: var(--cpt-font-size, 26px);
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    background: linear-gradient(to right, rgba(255,255,255,.85), rgba(255,255,255,.65) 65%, rgba(255,255,255,0));
    overflow-wrap: anywhere;
    hyphens: auto;
}
.cpt-tiles.pagetiles .cpt-tiles__link:hover { color: #000; }
.cpt-tiles.pagetiles .cpt-tiles__image { transition: transform .5s ease-in-out; }
.cpt-tiles.pagetiles .cpt-tiles__link:hover .cpt-tiles__image { transform: none; }
.cpt-tiles.pagetiles .cpt-tiles__arrow { display: none; }
/* Feature text remains optional; a light panel replaces the dark bottom gradient. */
.cpt-tiles.pagetiles--feature .cpt-tiles__link {
    min-height: calc(100cqi / (var(--pt-ratio, 1 / 1)));
    border-radius: var(--pt-radius, 0);
    flex-direction: row;
    gap: 12px;
}
.cpt-tiles.pagetiles--feature .pagetiles-feature__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    min-width: 0;
    padding: 8px;
    background: linear-gradient(to right, rgba(255,255,255,.94), rgba(255,255,255,.85));
}
.cpt-tiles.pagetiles--feature .cpt-tiles__title { padding: 0; background: none; }
.cpt-tiles.pagetiles--feature .pagetiles-feature__eyebrow,
.cpt-tiles.pagetiles--feature .pagetiles-feature__description {
    padding: 0;
    margin: 0;
    color: #000;
    font-family: inherit;
    text-shadow: none;
    letter-spacing: normal;
}
.cpt-tiles.pagetiles--feature .pagetiles-feature__eyebrow { font-size: 16px; font-weight: 600; line-height: 1.3; }
.cpt-tiles.pagetiles--feature .pagetiles-feature__description { font-size: 18px; font-weight: 500; line-height: 1.5; }
.cpt-tiles.pagetiles--feature .cpt-tiles__arrow {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    align-self: flex-end;
    margin: 0;
    background: #9fcf7e;
    color: #182410;
}
.cpt-tiles.pagetiles--feature.pagetiles--arrow-round .cpt-tiles__arrow { background: #9fcf7e; color: #182410; }
.cpt-tiles.pagetiles .pagetiles-combo__field { border-radius: 0; font-family: inherit; }
.cpt-tiles.pagetiles .pagetiles-combo__title { font-family: inherit; font-weight: 600; text-shadow: none; }
.cpt-tiles.pagetiles .cpt-tiles__link:focus-visible { outline: 3px solid #365f2b; outline-offset: 4px; }
.cpt-tiles.pagetiles .pagetiles-combo__field:focus-visible { outline: 3px solid #365f2b; outline-offset: 1px; }
@media (hover: hover) {
    .cpt-tiles.pagetiles .cpt-tiles__link:hover .cpt-tiles__image { transform: scale(1.1); }
}
@media (max-width: 768px) {
    .cpt-tiles.pagetiles { --cpt-columns: 1; }
    .cpt-tiles.pagetiles .cpt-tiles__link { padding: 20px 12px 12px; }
    .cpt-tiles.pagetiles .cpt-tiles__title { font-size: min(var(--cpt-font-size, 26px), 24px); }
}
@media (prefers-reduced-motion: reduce) {
    .cpt-tiles.pagetiles .cpt-tiles__image { transition: none; }
    .cpt-tiles.pagetiles .cpt-tiles__link:hover .cpt-tiles__image { transform: none; }
}

.cpt-tiles.pagetiles > .cpt-tiles__item:not(.pagetiles-combo) { container-type: inline-size; }