/* Moodfex Astrology News — uses the theme's existing design tokens
   (--mf-deep, --mf-gold, --mf-line, --mf-muted, --mf-soft, --mf-shadow,
   --mf-radius, --font-heading, --font-body) so it inherits the site's
   premium editorial look without redefining a parallel palette. */

.mfxan-home{padding-bottom:12px}
.mfxan-home__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.mfxan-home__title{font-family:var(--font-heading);font-size:clamp(28px,4vw,38px);color:var(--mf-deep);margin:0}
.mfxan-home__all{color:var(--mf-deep);font-weight:700;font-size:14px;white-space:nowrap}

/* Fixed 2-column grid — intentionally NOT collapsed to 1 column on mobile
   (spec: two image news cards, side by side, on every breakpoint). */
.mfxan-home__grid,.mfxan-archive__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mfxan-archive__grid{grid-template-columns:repeat(3,1fr)}

.mfxan-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mf-line);border-radius:var(--mf-radius);overflow:hidden;box-shadow:var(--mf-shadow);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;min-width:0}
.mfxan-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(5,42,35,.12)}
.mfxan-panel{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:var(--mf-deep)}
.mfxan-panel__heading{font-family:var(--font-heading);font-weight:500;color:#fff;line-height:1.28;margin:0}
.mfxan-panel--card{aspect-ratio:4/3}
.mfxan-panel--card .mfxan-panel__heading{font-size:19px}
.mfxan-card__body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.mfxan-card__title{font-family:var(--font-heading);font-size:14px;color:var(--mf-gold);text-transform:uppercase;letter-spacing:.06em}
.mfxan-card__hook{font-family:var(--font-heading);font-size:17px;line-height:1.28;color:var(--mf-deep);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mfxan-card__date{font-size:11px;color:var(--mf-muted);text-transform:uppercase;letter-spacing:.05em}
.mfxan-card__cta{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;color:var(--mf-deep)}

.mfxan-archive__head{text-align:center;margin-bottom:36px}
.mfxan-archive__head h1{font-family:var(--font-heading);font-size:clamp(36px,5vw,52px);color:var(--mf-deep);margin:0 0 10px}
.mfxan-archive__lead{color:var(--mf-muted);max-width:560px;margin:0 auto}
.mfxan-archive__pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}
.mfxan-archive__pagination .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--mf-line);border-radius:10px;color:var(--mf-deep);font-weight:700;text-decoration:none}
.mfxan-archive__pagination .page-numbers.current{background:var(--mf-deep);color:#fff;border-color:var(--mf-deep)}
.mfxan-archive__empty{text-align:center;color:var(--mf-muted)}

.mfxan-single__inner{max-width:820px}
.mfxan-single__kicker{color:var(--mf-gold);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}
.mfxan-single__title{font-family:var(--font-heading);font-weight:500;font-size:clamp(30px,5vw,50px);color:var(--mf-deep);margin:10px 0 14px;line-height:1.08}
.mfxan-single__hook{font-style:italic;font-size:19px;color:var(--mf-muted);margin:0 0 18px}
.mfxan-single__meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--mf-muted);margin-bottom:28px;border-top:1px solid var(--mf-line);border-bottom:1px solid var(--mf-line);padding:12px 0}
.mfxan-panel--hero{aspect-ratio:16/9;border-radius:var(--mf-radius);margin-bottom:28px}
.mfxan-panel--hero .mfxan-panel__heading{font-size:32px;max-width:640px}
.mfxan-single__lead{font-size:19px;color:var(--mf-text);line-height:1.6;margin-bottom:30px}

.mfxan-block{margin-bottom:8px}
.mfxan-block h2{font-family:var(--font-heading);font-weight:500;font-size:28px;color:var(--mf-deep);margin:0 0 14px;padding-top:22px;border-top:1px solid var(--mf-line)}
.mfxan-block__body,.mfxan-single__content{font-size:17px;line-height:1.75;color:#424c48}
.mfxan-single__content{margin:22px 0 34px}

.mfxan-signs,.mfxan-areas{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px 0}
.mfxan-signs__col h3,.mfxan-areas__col h3{font-family:var(--font-heading);font-weight:500;font-size:18px;color:var(--mf-deep);margin:0 0 12px}
.mfxan-badges{display:flex;flex-wrap:wrap;gap:8px}
.mfxan-badge{display:inline-flex;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700}
.mfxan-badge--positive{background:#eaf3ec;color:#1f6b3d}
.mfxan-badge--challenging{background:#fbeceb;color:#a13a30}
.mfxan-badge--soft{background:var(--mf-soft);color:var(--mf-deep)}

.mfxan-signblock{margin-bottom:8px}
.mfxan-signcard{border-left:3px solid var(--mf-line);border-radius:12px;padding:22px 24px;margin:0 0 18px;background:#fff}
.mfxan-signcard h3{font-family:var(--font-heading);font-weight:500;font-size:21px;color:var(--mf-deep);margin:0 0 10px}
.mfxan-signcard p{font-size:16px;line-height:1.7;color:#424c48;margin:0 0 10px}
.mfxan-signcard p:last-child{margin-bottom:0}
.mfxan-signcard--positive{border-left-color:#2f8a53;background:#f7fbf8}
.mfxan-signcard--challenging{border-left-color:#b4483c;background:#fdf8f7}
.mfxan-signcard__example{font-style:italic;color:var(--mf-muted)}
.mfxan-signcard__note{font-size:15px}
.mfxan-signcard__note strong{color:var(--mf-deep)}

.mfxan-zodiac__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mfxan-zodiac__card{border:1px solid var(--mf-line);border-radius:16px;padding:16px;background:#fff}
.mfxan-zodiac__card h4{font-family:var(--font-heading);font-weight:500;font-size:16px;color:var(--mf-deep);margin:0 0 6px}
.mfxan-zodiac__card p{font-size:13px;color:var(--mf-muted);margin:0;line-height:1.5}

.mfxan-cta{background:linear-gradient(135deg,var(--mf-deep),#0b3f35);border-radius:var(--mf-radius);padding:38px 32px;text-align:center;color:#fff;margin:44px 0}
.mfxan-cta h2{font-family:var(--font-heading);font-weight:500;font-size:26px;margin:0 0 12px;color:#fff}
.mfxan-cta p{color:rgba(255,255,255,.82);margin:0 auto 4px;max-width:520px}
.mfxan-cta__btn{display:inline-flex;margin-top:18px;padding:0 30px;min-height:52px;align-items:center;border-radius:14px;background:linear-gradient(135deg,#d3a459,#b98238);color:#fff;font-weight:700;text-decoration:none}

.mfxan-single__back{margin-top:24px;text-align:center}
.mfxan-single__back a{color:var(--mf-deep);font-weight:700}

@media(max-width:900px){
	.mfxan-archive__grid{grid-template-columns:1fr 1fr}
	.mfxan-signs,.mfxan-areas{grid-template-columns:1fr}
	.mfxan-zodiac__grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:560px){
	.mfxan-home__grid{gap:10px}
	.mfxan-card__body{padding:10px}
	.mfxan-card__hook{font-size:13px;-webkit-line-clamp:2}
	.mfxan-card__title{font-size:11px}
	.mfxan-card__date{display:none}
	.mfxan-card__cta{font-size:11px}
	.mfxan-home__title{font-size:24px}
	.mfxan-home__all{font-size:12px}
	.mfxan-archive__grid{grid-template-columns:1fr 1fr;gap:10px}
	.mfxan-zodiac__grid{grid-template-columns:1fr 1fr}
	.mfxan-cta{padding:26px 18px}
	.mfxan-panel--card .mfxan-panel__heading{font-size:16px}
	.mfxan-panel--hero .mfxan-panel__heading{font-size:24px}
	.mfxan-signcard{padding:16px 18px}
	.mfxan-signcard h3{font-size:18px}
	.mfxan-signcard p{font-size:15px}
}