/* My Thank You Song guide pages (/my-thank-you-song/<slug>/, 2026-10-27): long-form, scrolling; type, colors, button and
   sheets come from song-v2.css. Also loaded on the hub for the sheet's song links. Bump the name (song-guides-vN) on change. */
.guide main.g { display: flex; flex-direction: column; gap: 14px; padding-bottom: 28px; }
.guide .wordmark { text-decoration: none; }
.guide .crumb { margin-top: 12px; font-size: 12px; letter-spacing: .6px; color: var(--muted); }
.guide .crumb a, .guide .more a, .guide .legal-line a, .sheet-links a { color: var(--berry); }
.guide h1 { align-self: auto; text-align: left; }
.guide 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: 12px; }
.guide h3 { font-size: 14px; font-weight: 500; color: var(--ink); }
.guide .intro { font-size: 15px; }
.guide .cta-box { display: flex; flex-direction: column; gap: 8px; background: var(--paper); border: 1.5px solid var(--berry); border-radius: 14px; padding: 14px; text-align: center; }
.guide .cta-lead { font-weight: 500; color: var(--pine); }
.guide .mini { align-self: center; }
.g-list, .g-steps { padding-left: 20px; display: flex; flex-direction: column; gap: 10px; }
.g-list p { color: var(--muted); }
.lyric-lines { list-style: none; padding: 16px 18px; background: var(--paper); border-radius: 4px; box-shadow: 0 8px 18px rgba(43,33,26,.12);
  transform: rotate(-.6deg); font-family: "Homemade Apple", cursive; font-size: 14px; line-height: 2; color: var(--pine); }
.g-faq { display: flex; flex-direction: column; gap: 6px; }
.g-faq h3 { margin-top: 8px; }
.guide .more { font-size: 13px; }
.linkish { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; }
.sheet-links { line-height: 1.9; }
@media (min-width: 900px) {
  .frame.guide { max-width: 760px; padding: 30px 40px 26px; }
  .guide h1 { font-size: 56px; margin-top: 10px; }
  .guide .btn { margin-top: 6px; }
  .guide .mini { max-width: 420px; }
}
