/* Idea pages under /merry-home/<space>/ (2026-10-17; v2 2026-10-27 adds mistakes, FAQ, desktop width): long-form,
   scrolling; reuses decor-v4.css for type and sheets. Bump the name (ideas-vN) on any change. */
.ideas main { display: flex; flex-direction: column; gap: 14px; padding-bottom: 28px; }
.ideas .wordmark { text-decoration: none; }
.crumb { margin-top: 12px; font-size: 12px; letter-spacing: .6px; color: var(--muted); }
.crumb a, .more a, .legal-line a { color: var(--pine); }
.ideas h1 { align-self: auto; }
.ideas h2 { font-family: "DM Serif Display", Georgia, serif; font-style: italic; font-weight: 400; color: var(--pine); font-size: 28px; line-height: 1.1; margin-top: 10px; }
.ideas h3 { font-size: 14px; font-weight: 500; color: var(--ink); }
.intro { font-size: 15px; }
.ideas .collage { min-height: 260px; }
.cta-box { display: flex; flex-direction: column; gap: 8px; background: var(--paper); border: 1.5px solid var(--pine); border-radius: 14px; padding: 14px; text-align: center; }
.cta-lead { font-weight: 500; }
.idea-list { padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
.idea-list p, .budgets span { color: var(--muted); }
.budgets { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.budgets li { background: var(--paper); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; }
.mistakes { padding-left: 20px; display: flex; flex-direction: column; gap: 6px; }
.mistakes b { font-weight: 500; color: var(--berry); }
.g-faq { display: flex; flex-direction: column; gap: 6px; }
.g-faq h3 { margin-top: 8px; }
.more { font-size: 13px; }
@media (min-width: 900px) {
  .frame.ideas { max-width: 760px; padding: 30px 40px 26px; }
  .ideas h1 { font-size: 52px; margin-top: 10px; }
}