.mf-growth-layer {
 margin-top: 1.25rem;
}
.mf-growth-layer__grid,
.mf-growth-feed-grid,
.mf-related-grid,
.mf-author-profile__grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
 gap: .9rem;
}
.mf-growth-card,
.mf-related-card,
.mf-author-card,
.mf-analytics-card {
 border: 1px solid rgba(245, 200, 66, .22);
 border-radius: 18px;
 background: linear-gradient(145deg, rgba(13, 34, 25, .92), rgba(4, 12, 8, .96));
 box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
 padding: 1rem;
 color: #f4f7f4;
}
.mf-growth-card a,
.mf-related-card a,
.mf-author-card a {
 color: inherit;
 text-decoration: none;
}
.mf-growth-card strong,
.mf-related-card strong,
.mf-author-card strong,
.mf-analytics-card strong {
 display: block;
 font: 800 1rem var(--f-display, sans-serif);
 line-height: 1.2;
}
.mf-growth-card small,
.mf-related-card small,
.mf-author-card small,
.mf-analytics-card small {
 display: block;
 margin-top: .35rem;
 color: rgba(232, 238, 232, .74);
 line-height: 1.45;
}
.mf-growth-score {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 2.5rem;
 min-height: 2.5rem;
 margin-bottom: .65rem;
 border-radius: 999px;
 background: #f5c842;
 color: #071107;
 font: 900 .82rem var(--f-mono, monospace);
}
.mf-growth-tabs {
 display: flex;
 flex-wrap: wrap;
 gap: .45rem;
 margin: .75rem 0 1rem;
}
.mf-growth-tabs button,
.mf-author-chip {
 border: 1px solid rgba(245, 200, 66, .32);
 border-radius: 999px;
 background: rgba(255, 255, 255, .04);
 color: #f5f8f5;
 padding: .55rem .8rem;
 font: 800 .72rem var(--f-mono, monospace);
 text-transform: uppercase;
 letter-spacing: .05em;
 cursor: pointer;
}
.mf-growth-tabs button.is-active {
 background: #f5c842;
 color: #071107;
}
.mf-author-profile {
 border-top: 1px solid rgba(245, 200, 66, .18);
 padding-top: 1rem;
}
.mf-author-socials,
.mf-author-coverage,
.mf-traffic-list {
 display: flex;
 flex-wrap: wrap;
 gap: .45rem;
 margin-top: .75rem;
}
.mf-author-socials a,
.mf-author-coverage span,
.mf-traffic-list span {
 border: 1px solid rgba(255, 255, 255, .14);
 border-radius: 999px;
 padding: .42rem .65rem;
 color: rgba(245, 248, 245, .9);
 text-decoration: none;
 font: 700 .72rem var(--f-mono, monospace);
}
.mf-analytics-strip {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: .65rem;
 margin-top: .75rem;
}
.mf-analytics-strip span {
 border-radius: 14px;
 background: rgba(255, 255, 255, .06);
 padding: .7rem;
}
.mf-analytics-strip b {
 display: block;
 color: #f5c842;
 font-size: 1.25rem;
}
@media (max-width: 680px) {
 .mf-analytics-strip {
  grid-template-columns: 1fr;
 }
}
