.home-card { position: relative; padding: var(--space-md); background: var(--color-surface-1); border: 1px solid var(--border-color-base); border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575); font-size: 0.875rem; } .mp-header { border-radius: 20px; } .mp-header-title__subtitle { color: var(--color-base--subtle); font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--space-xs); } .mp-header-title__slogan { background: linear-gradient(45deg, #148a86, #f0ab10 45%); text-align: left; font-size: 3rem; font-weight: bold; margin-bottom: -6px; } .mp-header-title__desc { text-align: left; font-weight: bold; font-size: 18px; letter-spacing: 1px; color: var(--color-base--emphasized); } .mp-header-editcounts { margin-top: 15px; display: flex; width: 140px; } .mp-header-editcounts-div { text-align: left; display: flex; flex-direction: column; justify-content: space-between; padding: 0 16px; } .mp-header-editcounts-div + .mp-header-editcounts-div { border-left: 1px solid var(--border-color-base); } .mp-header-editcounts-div__desc { color: var(--color-base--subtle); letter-spacing: 0.05em; white-space: nowrap; font-size: 12px; } .mp-header-editcounts__counts { color: var(--color-base--emphasized); font-weight: 500; font-size: 28px; white-space: nowrap; }