/* Ninagrafie Card Design System — V1.4 dev.7.2 */
:root{
  --ninagrafie-card-bg:#fff;--ninagrafie-card-border:#c8a16f;--ninagrafie-card-radius:16px;
  --ninagrafie-card-padding:18px;--ninagrafie-card-padding-compact:15px;
  --ninagrafie-card-title-size:1.18rem;--ninagrafie-card-title-large:1.24rem;
  --ninagrafie-card-meta-size:.84rem;--ninagrafie-card-shadow:0 8px 26px rgba(58,43,37,.045);
  --ninagrafie-card-shadow-hover:0 12px 32px rgba(58,43,37,.085);
  --ninagrafie-card-surface:#fff;--ninagrafie-card-surface-soft:#fffdf9;--ninagrafie-card-media-bg:#f1ece6;
  --ninagrafie-card-text:#231f1d;--ninagrafie-card-muted:#706861;--ninagrafie-card-border-soft:#e3d7cd;
  --ninagrafie-card-gap-xs:7px;--ninagrafie-card-gap-sm:10px;--ninagrafie-card-gap-md:17px;
  --ninagrafie-card-pill-radius:999px;--ninagrafie-card-transition:.22s ease;
}
.ninagrafie-card{position:relative;align-self:start;background:var(--ninagrafie-card-bg);border:1px solid var(--ninagrafie-card-border);border-radius:var(--ninagrafie-card-radius);overflow:hidden;box-sizing:border-box;box-shadow:var(--ninagrafie-card-shadow);transition:box-shadow var(--ninagrafie-card-transition),border-color var(--ninagrafie-card-transition),transform var(--ninagrafie-card-transition)}
.ninagrafie-card:hover{box-shadow:var(--ninagrafie-card-shadow-hover)}
.ninagrafie-card__media-wrap{position:relative}
.ninagrafie-card__media{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--ninagrafie-card-media-bg)}
.ninagrafie-card__image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.ninagrafie-card:hover .ninagrafie-card__image{transform:scale(1.018)}
.ninagrafie-card__status{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;padding:5px 9px;border-radius:var(--ninagrafie-card-pill-radius);background:#f6eedf;color:#7a5520;font-size:.67rem;font-weight:700;line-height:1;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.ninagrafie-card__status--pending{background:#f3e9f2;color:#6c2f69}.ninagrafie-card__status--published{background:#e8efe5;color:#42583b}.ninagrafie-card__status--private{background:#eee;color:#555}.ninagrafie-card__status--future{background:#e7edf3;color:#3d5268}
.ninagrafie-card__body{padding:var(--ninagrafie-card-padding)}
.ninagrafie-card__source{margin:0 0 8px;font-size:.7rem;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:var(--ninagrafie-card-accent,#8f5c61)}
.ninagrafie-card__badges{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.ninagrafie-card__badge{display:inline-flex;align-items:center;padding:5px 9px;border:0;border-radius:var(--ninagrafie-card-pill-radius);background:#eee8df;color:#51483f;font-size:.68rem;font-weight:600;line-height:1.1;text-transform:uppercase}
.ninagrafie-card__badge.is-primary{background:var(--ninagrafie-card-accent-soft,#eadede);color:var(--ninagrafie-card-accent,#8f5c61)}
.ninagrafie-card__title{font-size:var(--ninagrafie-card-title-size);line-height:1.25;margin:0 0 9px}.ninagrafie-card__title a{text-decoration:none;color:inherit}
.ninagrafie-card__meta{font-size:var(--ninagrafie-card-meta-size);opacity:.72;margin:0 0 10px;line-height:1.45}
.ninagrafie-card__excerpt{margin:0 0 17px;line-height:1.52;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.ninagrafie-card__excerpt p{margin:0}
.ninagrafie-card__extra{margin:0 0 17px}.ninagrafie-card__cta{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-weight:600;color:var(--ninagrafie-card-accent,#8f5c61);white-space:nowrap}.ninagrafie-card__cta:hover{text-decoration:underline;text-underline-offset:3px}
/* Editorial: proven Journal hierarchy — image, taxonomy pills, title, teaser, CTA. */
.ninagrafie-card--editorial .ninagrafie-card__excerpt{-webkit-line-clamp:3}
/* Story: deliberately image-dominant and quieter than Editorial. No taxonomy pills; the image, title and a short narrative lead. */
.ninagrafie-card--story .ninagrafie-card__media{aspect-ratio:4/3}.ninagrafie-card--story .ninagrafie-card__body{padding:22px 20px 21px}.ninagrafie-card--story .ninagrafie-card__title{font-size:1.32rem;line-height:1.2;margin-bottom:12px}.ninagrafie-card--story .ninagrafie-card__excerpt{-webkit-line-clamp:2;margin-bottom:19px;line-height:1.55}.ninagrafie-card--story .ninagrafie-card__source{margin-bottom:9px}
/* Image Focus: image dominates, whole card is discoverable via title overlay link. */
.ninagrafie-card--image_focus .ninagrafie-card__media{aspect-ratio:3/2}.ninagrafie-card--image_focus .ninagrafie-card__body{padding:16px 18px 18px}.ninagrafie-card--image_focus .ninagrafie-card__title{margin-bottom:6px}.ninagrafie-card--image_focus .ninagrafie-card__meta{margin-bottom:0}.ninagrafie-card--image_focus .ninagrafie-card__title a:after{content:"";position:absolute;inset:0;z-index:1}.ninagrafie-card--image_focus .ninagrafie-card__media-wrap{position:relative;z-index:2}
/* Compact: horizontal discovery; without public media it naturally collapses to text. */
.ninagrafie-card--compact.has-media{display:grid;grid-template-columns:minmax(120px,36%) minmax(0,1fr);min-height:128px}.ninagrafie-card--compact.has-media .ninagrafie-card__media-wrap,.ninagrafie-card--compact.has-media .ninagrafie-card__media{height:100%;min-height:100%}.ninagrafie-card--compact.has-media .ninagrafie-card__media{aspect-ratio:auto}.ninagrafie-card--compact .ninagrafie-card__body{padding:var(--ninagrafie-card-padding-compact);display:flex;flex-direction:column;justify-content:center;min-width:0}.ninagrafie-card--compact .ninagrafie-card__title{font-size:1.02rem;line-height:1.25;margin-bottom:6px}.ninagrafie-card--compact .ninagrafie-card__meta{font-size:.78rem;margin:0 0 8px}.ninagrafie-card--compact .ninagrafie-card__cta{font-size:.84rem}
/* Source accents: visual identity without colouring the whole card. */
.ninagrafie-card--source-journal{--ninagrafie-card-accent:#8f5c61;--ninagrafie-card-accent-soft:#eadede}.ninagrafie-card--source-revierblicke{--ninagrafie-card-accent:#586f49;--ninagrafie-card-accent-soft:#dfe7d9}.ninagrafie-card--source-spurenblicke{--ninagrafie-card-accent:#87502f;--ninagrafie-card-accent-soft:#eadfd7}
@media(max-width:760px){:root{--ninagrafie-card-padding:17px;--ninagrafie-card-radius:14px}.ninagrafie-card__title{font-size:1.1rem}.ninagrafie-card--story .ninagrafie-card__title{font-size:1.2rem}.ninagrafie-card--compact.has-media{grid-template-columns:112px minmax(0,1fr);min-height:112px}.ninagrafie-card--compact .ninagrafie-card__body{padding:13px 14px}}
@media(max-width:430px){.ninagrafie-card--compact.has-media{grid-template-columns:104px minmax(0,1fr)}.ninagrafie-card--compact .ninagrafie-card__cta{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.ninagrafie-card,.ninagrafie-card__image{transition:none}.ninagrafie-card:hover .ninagrafie-card__image{transform:none}}