/* Sarkom Inhalte 0.2.0 – passt sich an Theme-/Gutenberg-Farbvariablen an */
.sarkom-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin:24px 0}
.sarkom-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--sarkom-card-border,rgba(106,126,146,.18));border-radius:var(--sarkom-card-radius,18px);background:var(--sarkom-card-bg,var(--wp--preset--color--base,#fff));color:inherit;box-shadow:0 12px 38px rgba(24,45,60,.065);transition:transform .2s ease,box-shadow .2s ease}
.sarkom-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(24,45,60,.12)}
.sarkom-card__image{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:rgba(90,150,167,.1)}
.sarkom-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.sarkom-card:hover .sarkom-card__image img{transform:scale(1.03)}
.sarkom-card__body{display:flex;flex-direction:column;flex:1;padding:clamp(18px,2vw,28px)}
.sarkom-card__eyebrow{font-size:.81em;font-weight:700;letter-spacing:.035em;color:var(--sarkom-accent,var(--wp--preset--color--primary,#217a8a));margin:0 0 11px}
.sarkom-card__title{font-size:clamp(1.16rem,1.5vw,1.45rem);line-height:1.3;margin:0 0 12px;color:inherit}
.sarkom-card__title a{color:inherit;text-decoration:none}
.sarkom-card__title a:hover{text-decoration:underline}
.sarkom-card__source{font-size:.87em;opacity:.76;margin:0 0 12px}
.sarkom-card__detail{font-size:.94em;line-height:1.5;margin:0 0 7px;overflow-wrap:anywhere}
.sarkom-card__detail a{color:var(--sarkom-accent,var(--wp--preset--color--primary,#217a8a))}
.sarkom-card__summary{font-size:.94em;line-height:1.65;opacity:.87;margin:12px 0 18px}
.sarkom-card__link{margin-top:auto;display:inline-flex;align-items:center;gap:.5em;align-self:flex-start;text-decoration:none;font-weight:700;color:var(--sarkom-accent,var(--wp--preset--color--primary,#217a8a));padding-top:14px}
.sarkom-card__link:hover{text-decoration:underline}
.sarkom-card a:focus-visible{outline:3px solid var(--sarkom-accent,#217a8a);outline-offset:3px}
.sarkom-empty{padding:20px 24px;border:1px solid rgba(100,120,130,.2);border-radius:14px}
@media(max-width:900px){.sarkom-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sarkom-card-grid{grid-template-columns:minmax(0,1fr)}.sarkom-card__body{padding:20px}}
@media(prefers-reduced-motion:reduce){.sarkom-card,.sarkom-card__image img{transition:none}.sarkom-card:hover{transform:none}}