/* cards.css — content card / post tile style. Toggled by body.card-<name>. */

/* bordered — thin border, no shadow */
body.card-bordered .msl-card { border: 1px solid var(--c-primary); background: var(--c-bg); }
body.card-bordered .msl-card:hover { border-color: var(--c-accent); }
body.card-bordered .msl-card-body { padding: 18px; }

/* shadow-lift — soft drop shadow on hover (default-ish) */
body.card-shadow-lift .msl-card { box-shadow: 0 1px 2px rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.06); }
body.card-shadow-lift .msl-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.10); }

/* flat-tinted — solid tinted background */
body.card-flat-tinted .msl-card { background: var(--c-neutral); border-radius: 8px; }
body.card-flat-tinted .msl-card-thumb img { border-radius: 8px 8px 0 0; }

/* image-overlay — text rendered over image */
body.card-image-overlay .msl-card { position: relative; min-height: 280px; border-radius: 4px; overflow: hidden; }
body.card-image-overlay .msl-card-thumb { position: absolute; inset: 0; }
body.card-image-overlay .msl-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
body.card-image-overlay .msl-card-body { position: absolute; inset: auto 0 0 0; padding: 18px; background: linear-gradient(transparent, rgba(0,0,0,.85)); color: #fff; }
body.card-image-overlay .msl-card-title a, body.card-image-overlay .msl-card-meta, body.card-image-overlay .msl-card-excerpt { color: #fff; }
body.card-image-overlay .msl-card-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* magazine-mast — tall image + title block */
body.card-magazine-mast .msl-card { background: var(--c-bg); }
body.card-magazine-mast .msl-card-thumb img { aspect-ratio: 3/4; }
body.card-magazine-mast .msl-card-body { padding: 20px 4px 4px; }
body.card-magazine-mast .msl-card-title { font-size: 22px; line-height: 1.15; }
body.card-magazine-mast .msl-card-meta { text-transform: uppercase; letter-spacing: .08em; font-size: 11px; }