/* Home tab (HomeView.swift) */
.home-view { display: flex; flex-direction: column; gap: 22px; }
.home-hero { min-height: 220px; flex-direction: column; align-items: stretch; justify-content: space-between; }
.home-hero .hero-top { position: relative; padding: 16px 16px 0; }
.home-hero .banner-text { max-width: none; }
.home-hero .banner-text h1 { font-size: 1.45rem; }
.card.add-prompt { display: flex; align-items: center; gap: 14px; }
.add-plus { flex: none; width: 52px; height: 52px; border-radius: 50%; background: var(--lawn); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 700; line-height: 1; }
.card-title.small { font-size: .92rem; }
.home-view .link-btn { align-self: flex-start; }
.month-card { border: 2px solid color-mix(in srgb, var(--tint) 55%, transparent); }
.month-card .eyebrow { color: var(--tint); opacity: 1; }
.month-card h2 { margin: 0; }
.month-card p { margin: 0; }
.month-card .strong { font-weight: 600; }
.home-view .month-card-btn { align-self: stretch; }
.clamp3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.beta-banner { margin-top: 4px; padding: 14px 16px; border-radius: 14px; background: #7E5E17; color: #fff; border: 2px solid var(--gold); box-shadow: 0 4px 14px rgb(0 0 0 / .18); }
.beta-head { display: flex; align-items: center; gap: 10px; font-size: 1.08rem; }
.beta-pill { flex: none; padding: 3px 10px; border-radius: 999px; background: #fff; color: #7E5E17; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.beta-banner p { margin: 6px 0 0; font-size: .94rem; opacity: .95; }
.beta-banner a { color: #fff; font-weight: 700; text-decoration: underline; word-break: break-word; }