/* Shared cards for the archive and homepage. No global grid or heading rules. */
#top .chaski-blog-filter {
    --blog-ink: #20241c; --blog-olive: #38452a; --blog-muted: #53594e;
    --blog-line: #dfe3d8; --blog-radius: 24px;
    width: 100%; color: var(--blog-ink); font-family: inherit;
}
#top .chaski-blog-filter, #top .chaski-blog-filter * { box-sizing: border-box; }
#top .chaski-blog-filter [hidden] { display: none !important; }
#top .chaski-blog-filter h2, #top .chaski-blog-filter h3, #top .chaski-blog-filter p { margin: 0; font-family: inherit; color: inherit; }
#top .chaski-blog-filter h2, #top .chaski-blog-filter h3 { font-family: 'inter-flex', 'Inter', Helvetica, Arial, sans-serif; }
#top .chaski-blog-filter h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.2; letter-spacing: -.025em; margin-bottom: 24px; }
#top .chaski-blog-filter a { color: inherit; text-decoration: none; }
#top .chaski-blog-filter a::before, #top .chaski-blog-filter a::after { content: none !important; }
#top .chaski-blog-filter .image-overlay { display: none !important; }
/* Avia owns the page width, gutters and section spacing. */
#top .chaski-blog-filter__container { width: 100%; max-width: none; margin: 0; padding: 0; }
#top .chaski-blog-filter__jump { display: flex; align-items: center; gap: 8px; width: fit-content; margin: 0 0 20px auto; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
#top .chaski-blog-filter__icon { width: 22px; height: 22px; flex-shrink: 0; fill: currentColor; }
#top .chaski-blog-filter__highlights-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 24px; }
#top .chaski-blog-filter__highlights-grid[data-highlight-count='1'] { grid-template-columns: 1fr; }
#top .chaski-blog-filter__highlights-grid[data-highlight-count='2'] { grid-template-columns: 1fr 1fr; }
#top .chaski-blog-filter__highlights-grid[data-highlight-count='3'] > :first-child { grid-row: span 2; }
#top .chaski-blog-filter__archive { margin-top: 56px; scroll-margin-top: 140px; }
#top .chaski-blog-filter.is-filtered .chaski-blog-filter__archive { margin-top: 0; }
#top .chaski-blog-filter__tools { display: flex; align-items: end; gap: 20px; flex-wrap: wrap; padding-bottom: 24px; border-bottom: 1px solid var(--blog-line); }
#top .chaski-blog-filter__tools > label, #top .chaski-blog-filter__topic-label { display: flex; flex-direction: column; gap: 8px; flex: 1 1 240px; margin: 0; color: var(--blog-ink); font-size: 14px; font-weight: 600; }
#top .chaski-blog-filter__topic-label > label { margin: 0; font: inherit; }
#top .chaski-blog-filter__tools input, #top .chaski-blog-filter__tools select {
    width: 100%; min-width: 0; height: 48px; margin: 0; padding: 10px 14px; border: 1px solid #949c89;
    border-radius: 12px; background: #fff; color: var(--blog-ink); font: inherit; font-size: 16px; box-shadow: none;
}
#top .chaski-blog-filter__reset { min-height: 48px; padding: 10px 18px; border: 1px solid #949c89; border-radius: 12px; background: #f2f4ed; color: var(--blog-ink); font: inherit; font-size: 14px; cursor: pointer; }
#top .chaski-blog-filter__results-heading { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 20px 0; color: var(--blog-muted); font-size: 13px; }
#top .chaski-blog-filter__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
#top .chaski-blog-filter__card { position: relative; min-width: 0; overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--blog-line); border-radius: var(--blog-radius); background: #fff; box-shadow: 0 4px 16px rgb(28 36 20 / 4%); }
#top .chaski-blog-filter__cover { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: #e4e8dc; flex-shrink: 0; }
#top .chaski-blog-filter__cover > img, #top .chaski-blog-filter__cover .chaski-ai-image-frame, #top .chaski-blog-filter__cover .chaski-ai-image-frame > img, #top .chaski-blog-filter__placeholder { display: block; width: 100%; height: 100%; object-fit: cover; }
#top .chaski-blog-filter__cover .chaski-ai-image-frame { position: relative; }
#top .chaski-blog-filter__placeholder { background: linear-gradient(135deg, #e6e9df, #b6c09f); }
#top .chaski-blog-filter .chaski-ai-image-label { position: absolute; z-index: 3; top: 12px; left: 12px; right: auto; bottom: auto; transform: none; width: fit-content; padding: 4px 7px; border-radius: 5px; background: rgb(0 0 0 / 70%); color: #fff; font-size: 10px; line-height: 1.3; }
#top .chaski-blog-filter__copy { display: flex; flex-direction: column; flex: 1; padding: 24px; }
#top .chaski-blog-filter__meta { display: flex; gap: 8px 16px; justify-content: space-between; flex-wrap: wrap; margin-bottom: 12px; font-size: 12px; line-height: 1.5; color: var(--blog-muted); }
#top .chaski-blog-filter__meta > span { font-weight: 600; }
#top .chaski-blog-filter__copy h3 { font-size: 21px; line-height: 1.3; letter-spacing: -.02em; overflow-wrap: anywhere; }
#top .chaski-blog-filter__copy h3 a::after { content: '' !important; position: absolute; inset: 0; z-index: 2; }
#top .chaski-blog-filter a[href^='http']:not([href*='lieferadresse-konstanz.ch']):not(.avia-button):not(:has(img))::after { content: '' !important; font-family: inherit !important; }
#top .chaski-blog-filter__copy p { margin-top: 14px; font-size: 15px; line-height: 1.65; color: var(--blog-muted); }
#top .chaski-blog-filter__card:hover { border-color: #8c987a; }
#top .chaski-blog-filter :is(a, button, input, select):focus-visible { outline: 3px solid #667b43; outline-offset: 4px; }
#top .chaski-blog-filter__card:focus-within { outline: 3px solid #667b43; outline-offset: 4px; }
#top .chaski-blog-filter__card--highlight { border: 0; color: #fff; min-height: 248px; }
#top .chaski-blog-filter__card--highlight:first-child { min-height: 520px; }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__cover { position: absolute; inset: 0; aspect-ratio: auto; }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__cover::after { content: '' !important; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(0 0 0 / 10%), rgb(0 0 0 / 82%)); }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__copy { position: relative; justify-content: end; padding: 56px 28px 28px; pointer-events: none; }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__copy a { pointer-events: auto; }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__meta { justify-content: flex-start; gap: 4px 10px; margin-bottom: 10px; color: #fff; }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__meta > span { max-width: 100%; overflow-wrap: anywhere; }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__meta time { display: inline-flex; align-items: baseline; gap: 10px; white-space: nowrap; }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__meta time::before { content: '\00b7'; opacity: .65; }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__copy h3 { font-size: 23px; line-height: 1.12; }
#top .chaski-blog-filter__card--highlight:first-child .chaski-blog-filter__copy h3 { font-size: clamp(28px, 3vw, 38px); }
#top .chaski-blog-filter__card--highlight .chaski-blog-filter__copy p { display: none; }
/* Keep the text and AI image label still; only the photograph responds. */
@media (min-width: 701px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    #top .chaski-blog-filter__card--highlight .chaski-blog-filter__cover img { transition: transform 400ms ease, filter 400ms ease; }
    #top .chaski-blog-filter__card--highlight:is(:hover, :focus-within) .chaski-blog-filter__cover img { transform: scale(1.035); filter: brightness(1.06); }
}
#top .chaski-blog-filter__empty { padding: 32px; border-radius: var(--blog-radius); background: #f2f4ed; }
#top .chaski-blog-filter__empty h3 { font-size: 22px; margin-bottom: 12px; }
#top .chaski-blog-filter__empty p { color: var(--blog-muted); line-height: 1.6; }
/* Homepage: article, article, archive tile, article. */
#top .chaski-blog-teasers__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
#top .chaski-blog-teasers__tile { position: relative; isolation: isolate; display: flex; min-width: 0; overflow: hidden; border-radius: var(--blog-radius); background: #344129; color: #fff; }
#top .chaski-blog-teasers__tile-image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#top .chaski-blog-teasers__tile::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(135deg, rgb(26 34 18 / 35%), rgb(18 24 14 / 88%)); }
#top .chaski-blog-teasers__tile-copy { display: flex; flex-direction: column; justify-content: end; align-items: start; padding: 28px; }
#top .chaski-blog-teasers__tile-copy > span { font-size: 12px; margin-bottom: 16px; }
#top .chaski-blog-teasers__tile h3 { font-size: 27px; line-height: 1.2; letter-spacing: -.025em; }
#top .chaski-blog-teasers__tile p { margin-top: 16px; line-height: 1.65; font-size: 15px; }
#top .chaski-blog-teasers__archive-link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; max-width: 100%; margin-top: 28px; padding: 14px 24px; border-radius: 999px; background: #fff; color: #26331c !important; font-size: 14px; font-weight: 600; line-height: 1.3; }
#top .chaski-blog-teasers__archive-link::after { content: '' !important; position: absolute; inset: 0; }
@media (max-width: 1100px) {
    #top .chaski-blog-teasers__grid, #top .chaski-blog-filter__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #top .chaski-blog-filter__highlights-grid { grid-template-columns: 1.15fr 1fr; }
    #top .chaski-blog-filter__card--highlight .chaski-blog-filter__copy { padding: 56px 22px 22px; }
}
@media (max-width: 700px) {
    #top .chaski-blog-filter__highlights-grid, #top .chaski-blog-filter__highlights-grid[data-highlight-count='2'] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    #top .chaski-blog-filter__highlights-grid[data-highlight-count='3'] > :first-child { grid-row: auto; }
    #top .chaski-blog-filter__card--highlight:first-child { min-height: 300px; }
    #top .chaski-blog-filter__card--highlight:not(:first-child) { min-height: 0; display: grid; grid-template-columns: 100px minmax(0, 1fr); color: var(--blog-ink); border: 1px solid var(--blog-line); }
    #top .chaski-blog-filter__card--highlight:not(:first-child) .chaski-blog-filter__cover { position: relative; min-height: 144px; }
    #top .chaski-blog-filter__card--highlight:not(:first-child) .chaski-blog-filter__cover::after { content: none !important; }
    #top .chaski-blog-filter__card--highlight:not(:first-child) .chaski-blog-filter__copy { padding: 16px; }
    #top .chaski-blog-filter__card--highlight:not(:first-child) .chaski-blog-filter__copy h3 { font-size: 17px; }
    #top .chaski-blog-filter__card--highlight:not(:first-child) .chaski-blog-filter__meta { color: var(--blog-muted); font-size: 11px; }
    #top .chaski-blog-filter__archive { margin-top: 40px; }
}
@media (max-width: 600px) {
    #top .chaski-blog-filter__grid, #top .chaski-blog-teasers__grid { grid-template-columns: minmax(0, 1fr); }
    #top .chaski-blog-filter__tools { gap: 16px; }
    #top .chaski-blog-filter__tools > label, #top .chaski-blog-filter__topic-label { flex-basis: 100%; }
    #top .chaski-blog-filter__copy { padding: 22px; }
    #top .chaski-blog-teasers__tile { min-height: 300px; }
}
@media (prefers-reduced-motion: reduce) { #top .chaski-blog-filter * { scroll-behavior: auto; } }