/* Moving Music inner pages, Nov 9, 2026: song pages, tag and songbook pages, the Index, and the pages
   (Songbooks, About, Chorus). Built from the inner-page prototype (v3, Nov 9; its shared site.css plus each
   page's own rules) and loaded only by mm-inner.hbs.
   Edition's screen.css still loads under these pages for Ghost's content cards and the gallery viewer, and it
   sets the root font size to 62.5%, so every size here is in px (a prototype rem is 16px).
   Every rule is scoped to body.mm-inner and written to outrank Edition's own rules; the player, the picker,
   and the code injection keep the Edition hooks they read (.post-feed, article.feed, .feed-title,
   a.u-permalink, .gh-content), and this file only restyles them. */

body.mm-inner{
  --mm-paper:#f3ede1;
  --mm-paper-2:#e8dec9;
  --mm-card:#fbf8f2;
  --mm-white:#ffffff;
  --mm-rule:#cbbfa6;
  --mm-rule-dark:#8d8068;
  --mm-ink:#231f1b;
  --mm-ink-2:#5a5248;
  --mm-red:#8a2f22;
  --mm-red-dark:#6f2419;
  --mm-tape:rgba(249,206,197,.94);
  --mm-shadow:0 1px 2px rgba(35,31,27,.08),0 2px 8px rgba(35,31,27,.06);
  --mm-tape-edge:polygon(0 12%,3% 0,6% 10%,9% 2%,91% 4%,94% 0,97% 10%,100% 2%,99% 52%,100% 98%,96% 90%,93% 100%,7% 96%,4% 100%,1% 90%,1% 50%);
  --mm-serif:"EB Garamond",Georgia,"Times New Roman",serif;
  --mm-sans:"Work Sans","Helvetica Neue",Arial,sans-serif;
  --mm-hw:500;
  background:var(--mm-paper);
  color:var(--mm-ink);
  font-family:var(--mm-sans);
  font-size:16.32px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body.mm-inner .site{min-height:100vh}
body.mm-inner .site-content{padding:0;flex-grow:0}
body.mm-inner [hidden]{display:none!important}
body.mm-inner a:focus-visible,body.mm-inner button:focus-visible{outline:2px solid var(--mm-red);outline-offset:2px}

/* Page heads: a small italic label, the title, and an italic line under it */
body.mm-inner .mm-pagehead{padding:28px 0 0}
body.mm-inner .mm-label{margin:0 0 10px;font-family:var(--mm-serif);font-style:italic;font-weight:400;font-size:17.6px;line-height:1.3;color:var(--mm-ink-2)}
body.mm-inner .mm-title{margin:0;font-family:var(--mm-serif);font-weight:var(--mm-hw);font-size:clamp(33.6px,3.3vw,46.4px);line-height:1.15;letter-spacing:-.005em;color:var(--mm-ink);text-wrap:balance}
body.mm-inner .mm-from{margin:8.8px 0 0;max-width:62ch;font-family:var(--mm-serif);font-style:italic;font-size:17.92px;line-height:1.4;color:var(--mm-ink-2);text-wrap:pretty}
body.mm-inner .mm-from a{color:var(--mm-red)}
body.mm-inner .mm-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:9.6px;margin:0 0 14px}
body.mm-inner .mm-meta{font-family:var(--mm-sans);font-size:14.08px;color:var(--mm-ink-2)}

/* Songbook chip: the songbook's paint, linking to it */
body.mm-inner .mm-kicker{display:inline-block;background:var(--paint,var(--mm-paper-2));color:var(--mm-card);text-decoration:none;font-family:var(--mm-serif);font-style:italic;font-size:15.68px;line-height:1.1;padding:.3em .75em .36em;border-radius:2px}
body.mm-inner .mm-kicker--light{color:var(--mm-ink)}
body.mm-inner .mm-kicker:hover,body.mm-inner .mm-kicker:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;opacity:1}

/* Cards on the paper */
body.mm-inner .mm-island{background:var(--mm-card);box-shadow:var(--mm-shadow);padding:clamp(20px,2.6vw,34px)}
body.mm-inner .mm-panel{background:var(--mm-card);box-shadow:var(--mm-shadow);padding:22px 24px 24px}
body.mm-inner .mm-panel .mm-label{margin-bottom:8px}

/* Buttons: square, two colors */
body.mm-inner .mm-btn{display:inline-block;padding:11.2px 20px;border:1px solid var(--mm-ink);border-radius:2px;background:var(--mm-ink);color:var(--mm-paper);text-decoration:none;font-family:var(--mm-sans);font-weight:700;font-size:16px;line-height:1.1;cursor:pointer;opacity:1}
body.mm-inner .mm-btn:hover{background:var(--mm-red);border-color:var(--mm-red);color:var(--mm-white)}
body.mm-inner .mm-btn--ghost{background:transparent;color:var(--mm-ink)}
body.mm-inner .mm-btn--ghost:hover{background:var(--mm-ink);border-color:var(--mm-ink);color:var(--mm-paper)}
body.mm-inner .mm-btn--red{background:var(--mm-red);border-color:var(--mm-red);color:var(--mm-white)}
body.mm-inner .mm-btn--red:hover{background:var(--mm-red-dark);border-color:var(--mm-red-dark)}

/* Join band at the foot of the page, for visitors */
body.mm-inner .mm-band{background:var(--mm-paper-2);padding:26px 0 30px}
body.mm-inner .mm-band-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
body.mm-inner .mm-band p{margin:0;font-family:var(--mm-serif);font-size:20px;line-height:1.4;color:var(--mm-ink);text-wrap:pretty}
body.mm-inner .mm-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12.8px}

/* ---------- Song pages ---------- */
body.mm-inner .mm-song-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;padding-top:22px;padding-bottom:44px}
body.mm-inner .mm-song-grid > *{min-width:0}
body.mm-inner .mm-side{display:flex;flex-direction:column;gap:16px}
body.mm-inner .mm-side-sources p{margin:0;font-family:var(--mm-serif);font-size:16.8px;line-height:1.45;color:var(--mm-ink);text-wrap:pretty}
body.mm-inner .mm-side-sources p + p{margin-top:9.6px}
body.mm-inner .mm-side-sources a{color:var(--mm-red);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
body.mm-inner .mm-side-sources > :not(p):not(.mm-label){margin-top:9.6px;max-width:100%}
body.mm-inner .mm-plain{list-style:none;margin:0;padding:0}
body.mm-inner .mm-plain li{margin:0;padding:5.12px 0;border-bottom:1px solid var(--mm-rule)}
body.mm-inner .mm-plain li:last-child{border-bottom:none;padding-bottom:0}
body.mm-inner .mm-plain a{font-family:var(--mm-serif);font-size:17.6px;line-height:1.3;color:var(--mm-red);text-decoration:none}
body.mm-inner .mm-plain a:hover,body.mm-inner .mm-plain a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* The post itself, on its card: words read as words */
body.mm-inner .mm-island .gh-content.mm-prose{margin:0;font-family:var(--mm-serif);font-size:19.2px;line-height:1.5;letter-spacing:0;color:var(--mm-ink)}
body.mm-inner .mm-island .gh-content.mm-prose > *{margin-top:0;margin-bottom:0}
body.mm-inner .mm-island .gh-content.mm-prose > * + *{margin-top:14.4px}
body.mm-inner .mm-island .gh-content.mm-prose > :first-child{margin-top:0}
body.mm-inner .mm-island .gh-content.mm-prose > :last-child{margin-bottom:0}
body.mm-inner .mm-island .gh-content.mm-prose > p,
body.mm-inner .mm-island .gh-content.mm-prose > ul,
body.mm-inner .mm-island .gh-content.mm-prose > ol,
body.mm-inner .mm-island .gh-content.mm-prose > blockquote{max-width:680px;font-family:var(--mm-serif);text-wrap:pretty}
body.mm-inner .mm-island .gh-content.mm-prose a{color:var(--mm-red);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
body.mm-inner .mm-island .gh-content.mm-prose strong,body.mm-inner .mm-island .gh-content.mm-prose b{font-weight:600}
body.mm-inner .mm-island .gh-content.mm-prose > blockquote{border-left:2px solid var(--mm-rule);padding-left:16px;font-style:italic;color:var(--mm-ink-2)}
body.mm-inner .mm-island .gh-content.mm-prose > hr{border:0;border-top:1px solid var(--mm-rule);margin:24px 0}
body.mm-inner .mm-island .gh-content.mm-prose > .kg-card{margin-top:18px}
body.mm-inner .mm-island .gh-content.mm-prose > .kg-card + *{margin-top:18px}
body.mm-inner .mm-island .gh-content.mm-prose .kg-width-wide,
body.mm-inner .mm-island .gh-content.mm-prose .kg-width-full{width:100%;max-width:100%;margin-left:0;margin-right:0}
body.mm-inner .mm-island .gh-content.mm-prose iframe{max-width:100%}
body.mm-inner .mm-island .gh-content.mm-prose figcaption{font-family:var(--mm-sans);font-size:14px;color:var(--mm-ink-2)}
body.mm-inner .mm-island .gh-content.mm-prose h3{font-family:var(--mm-serif);font-weight:var(--mm-hw);font-size:22.4px;line-height:1.2;letter-spacing:0;color:var(--mm-ink)}

/* Song sections (Lyrics, The Story, Notes): small italic labels, as in the prototype */
body.mm-inner.mm-song .mm-island .gh-content.mm-prose > h2{margin-top:30px;margin-bottom:0;font-family:var(--mm-serif);font-style:italic;font-weight:400;font-size:17.6px;line-height:1.3;letter-spacing:0;color:var(--mm-ink-2)}
body.mm-inner.mm-song .mm-island .gh-content.mm-prose > h2:first-child{margin-top:0}
body.mm-inner.mm-song .mm-island .gh-content.mm-prose > h2 + *{margin-top:4px}

/* Lyrics: the response lines (bold in the editor) in red */
body.mm-inner .mm-island .gh-content.mm-prose > p.mm-lyr{font-size:20.8px;line-height:1.5}
body.mm-inner .mm-island .gh-content.mm-prose > p.mm-lyr + p.mm-lyr{margin-top:16px}
body.mm-inner .mm-island .gh-content.mm-prose > p.mm-lyr strong,
body.mm-inner .mm-island .gh-content.mm-prose > p.mm-lyr b{color:var(--mm-red);font-weight:var(--mm-hw)}

/* Ghost's sign-up box on members-only songs, for visitors */
body.mm-inner .gh-content .single-cta{margin-top:24px!important;padding:22px 24px 24px;border:1px solid var(--mm-rule);background:var(--mm-paper);text-align:left}
body.mm-inner .gh-content .single-cta-title{margin:0 0 14px!important;font-family:var(--mm-serif);font-style:normal;font-weight:var(--mm-hw);font-size:24px;line-height:1.2;letter-spacing:0;color:var(--mm-ink)}
body.mm-inner .gh-content .single-cta .button.single-cta-button{display:inline-block;height:auto;margin:0 0 10px;padding:11.2px 20px;border:1px solid var(--mm-red);border-radius:2px;background:var(--mm-red);color:var(--mm-white);font-family:var(--mm-sans);font-size:16px;font-weight:700!important;letter-spacing:0;line-height:1.1;text-transform:none}
body.mm-inner .gh-content .single-cta .button.single-cta-button:hover{background:var(--mm-red-dark);border-color:var(--mm-red-dark)}
body.mm-inner .gh-content .single-cta .button-text.single-cta-footer{padding:0;border:0;background:none;cursor:pointer;font-family:var(--mm-sans);font-size:15px;font-weight:400!important;letter-spacing:0;color:var(--mm-ink-2);text-decoration:underline;text-underline-offset:2px}
body.mm-inner .gh-content .single-cta .button-text.single-cta-footer:hover{color:var(--mm-red)}
body.mm-inner .gh-content .single-cta br{display:none}
body.mm-inner .gh-content > .single-cta:first-child{margin-top:0!important}
body.mm-inner .gh-content .single-cta .single-cta-footer{display:block}

/* The picker's line for free members, on a song outside their songbook */
body.mm-inner .gh-content .mm-picker-cta{margin:24px 0 0;max-width:680px}

/* A locked song keeps no way to play it: the picker takes out Ghost's audio card, so the player's row for it goes too */
body.mm-inner .gh-content:has(.mm-picker-cta) .mmp-simple-audio-wrapper{display:none!important}

/* The picker (picker.js) sizes itself in rem for a 16px root. Edition's root here is 10px, so its sizes are set again in px,
   matching the homepage. Its own colors and layout stay. */
body.mm-inner #mm-picker-modal{padding:32px;font-size:16.32px}
body.mm-inner #mm-picker-modal .mm-picker-card{padding:35.2px 32px 28.8px}
body.mm-inner #mm-picker-modal .mm-picker-eyebrow{margin:0 0 5.6px;font-size:16px}
body.mm-inner #mm-picker-modal h2{margin:0 0 19.2px;font-size:30.4px;letter-spacing:0}
body.mm-inner #mm-picker-modal .mm-picker-grid{gap:9.6px;margin:0 0 16px}
body.mm-inner #mm-picker-modal .mm-picker-opt{padding:15.2px 16px;gap:9.6px;font-size:16.32px}
body.mm-inner #mm-picker-modal .mm-picker-opt-name{font-size:16px}
body.mm-inner #mm-picker-modal .mm-picker-opt-count{font-size:14.4px}
body.mm-inner #mm-picker-modal .mm-picker-one{margin:3.2px 0 19.2px;font-size:14.4px}
body.mm-inner #mm-picker-modal .mm-picker-actions{gap:16px}
body.mm-inner #mm-picker-modal .mm-picker-confirm{padding:13.6px 28.8px;font-size:15.2px}
body.mm-inner #mm-picker-modal .mm-picker-err{margin:14.4px 0 0;font-size:14.4px;min-height:17.6px}
body.mm-inner #mm-picker-modal .mm-picker-done{margin:22.4px 0 6.4px;font-size:17.6px}
body.mm-inner .mm-picker-cta{padding:19.2px 22.4px}
body.mm-inner .mm-picker-cta .mm-picker-cta-line{margin:0 0 12.8px;font-size:19.2px;line-height:1.45}
body.mm-inner .mm-picker-cta a.mm-picker-cta-btn,
body.mm-inner .mm-island .gh-content.mm-prose .mm-picker-cta a.mm-picker-cta-btn{display:inline-block;padding:11.2px 20px;border-radius:2px;background:var(--mm-red);color:var(--mm-white);font-family:var(--mm-sans);font-size:16px;font-weight:700;line-height:1.1;text-decoration:none}
body.mm-inner .mm-picker-cta a.mm-picker-cta-btn:hover,
body.mm-inner .mm-island .gh-content.mm-prose .mm-picker-cta a.mm-picker-cta-btn:hover{background:var(--mm-red-dark);color:var(--mm-white)}

/* ---------- Tag pages and songbooks ---------- */
body.mm-inner .mm-cover{padding:34px 0 38px}
body.mm-inner .mm-cover--book{background:var(--paint)}
body.mm-inner .mm-cover-in{display:flex;align-items:center;gap:clamp(22px,4vw,48px)}
body.mm-inner .mm-plate{flex:none;width:clamp(150px,21vw,230px);transform:rotate(-1.5deg);background:var(--mm-white);border:1px solid var(--mm-rule);padding:8px;box-shadow:0 2px 6px rgba(35,31,27,.25),0 8px 22px rgba(35,31,27,.18)}
body.mm-inner .mm-plate img{display:block;width:100%;height:auto}
body.mm-inner .mm-cover-text{min-width:0}
body.mm-inner .mm-cover .mm-label{margin-bottom:10px}
body.mm-inner .mm-desc{margin:8px 0 0;max-width:62ch;font-family:var(--mm-serif);font-style:italic;font-size:19.2px;line-height:1.4;text-wrap:pretty}
body.mm-inner .mm-count{margin:8px 0 0;font-family:var(--mm-serif);font-style:italic;font-size:16.8px;line-height:1.4}
body.mm-inner .mm-count:empty{display:none}
body.mm-inner .mm-cover--book .mm-label,
body.mm-inner .mm-cover--book .mm-title,
body.mm-inner .mm-cover--book .mm-desc,
body.mm-inner .mm-cover--book .mm-count{color:var(--mm-card)}
body.mm-inner .mm-cover--book .mm-count{opacity:.85}
body.mm-inner .mm-cover--light .mm-label,
body.mm-inner .mm-cover--light .mm-title,
body.mm-inner .mm-cover--light .mm-desc,
body.mm-inner .mm-cover--light .mm-count{color:var(--mm-ink)}
/* Other tags: the paper, with the tag's own image if it has one */
body.mm-inner .mm-cover--plain{padding:28px 0 0}
body.mm-inner .mm-cover--plain .mm-plate{width:clamp(120px,16vw,180px)}
body.mm-inner .mm-cover--plain .mm-desc,
body.mm-inner .mm-cover--plain .mm-count{color:var(--mm-ink-2)}

/* The list: titles in two columns on a card, a rule under each */
body.mm-inner .mm-toc{padding:24px 0 44px}
body.mm-inner .mm-listwrap{padding:clamp(18px,2.4vw,30px)}
body.mm-inner .mm-toc .mm-count--index{margin:0 2px 12px;color:var(--mm-ink-2)}
body.mm-inner .post-feed.mm-rows{display:block;margin:0;padding:0;columns:2;column-gap:clamp(28px,4.5vw,60px)}
body.mm-inner .post-feed.mm-rows > *{break-inside:avoid}
body.mm-inner .post-feed.mm-rows > .mmp-add-all-wrap,
body.mm-inner .post-feed.mm-rows > .mm-picker-cta{column-span:all;-webkit-column-span:all}
body.mm-inner .post-feed.mm-rows > .mmp-add-all-wrap{margin:0 0 14px}
body.mm-inner .post-feed.mm-rows > .mm-picker-cta{margin:0 0 18px}
body.mm-inner .post-feed.mm-rows > article.feed{display:block;position:relative;overflow:visible;margin:0;padding:6.72px 2px;border-top:0;border-bottom:1px solid var(--mm-rule);line-height:1.3;break-inside:avoid;page-break-inside:avoid}
body.mm-inner .post-feed.mm-rows > article.feed .feed-wrapper{display:block;overflow:visible;margin:0;padding:0}
body.mm-inner .post-feed.mm-rows > article.feed .feed-right{display:none}
body.mm-inner .post-feed.mm-rows > article.feed .feed-title{position:relative;display:block;flex:0 1 auto;min-width:0;margin:0;padding:0;overflow:visible;white-space:normal;text-overflow:clip;font-family:var(--mm-serif);font-weight:400;font-size:18.4px;line-height:1.3;letter-spacing:0;color:var(--mm-red);opacity:1}
/* With the player on, a long title wraps under itself, not under its + button */
body.mm-inner.mmp-active .post-feed.mm-rows > article.feed .feed-title{padding-left:32px;text-indent:-32px}
body.mm-inner .post-feed.mm-rows > article.feed:hover .feed-title,
body.mm-inner .post-feed.mm-rows > article.feed:focus-within .feed-title{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.mm-inner .post-feed.mm-rows > article.feed .u-permalink:focus-visible{outline:2px solid var(--mm-red);outline-offset:2px}

/* Tags beside each title, when the player's Show tags is on */
body.mm-inner .post-feed.mm-rows .feed-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;padding:0}
body.mm-inner .post-feed.mm-rows .feed-tags{position:relative;z-index:60;display:inline-flex;flex-wrap:wrap;gap:4px;margin:0}
body.mm-inner .post-feed.mm-rows .feed-tags a.mm-tag{display:inline-block;margin:0;padding:2px 7px 3px;border-radius:2px;background:var(--mm-paper-2);color:var(--mm-ink-2)!important;font-family:var(--mm-sans);font-size:12px;font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none;text-decoration:none}
body.mm-inner .post-feed.mm-rows .feed-tags a.mm-tag:hover{color:var(--mm-red)!important;opacity:1}
body.mm-inner.mm-tags-hidden .post-feed .feed-tags{display:none!important}

/* Album pages: the code injection's access labels, as tape on hover */
body.mm-inner .post-feed.mm-rows .album-tier-badge{position:absolute;right:2px;top:0;z-index:2;margin:0;transform:translateY(-58%) rotate(1.5deg);opacity:0;pointer-events:none;transition:opacity .15s;line-height:1;white-space:nowrap;background:var(--mm-tape);padding:4px 8px 5px;font-family:var(--mm-serif);font-style:italic;font-weight:400;font-size:13.44px;letter-spacing:0;color:var(--mm-ink);clip-path:var(--mm-tape-edge);text-decoration:none}
body.mm-inner .post-feed.mm-rows > article.feed:hover .album-tier-badge,
body.mm-inner .post-feed.mm-rows > article.feed:focus-within .album-tier-badge{opacity:1}
body.mm-inner.mm-signed-in .album-tier-badge{display:none!important}

/* ---------- The Index ---------- */
body.mm-inner .post-feed.mm-rows.mm-idx{columns:3}
body.mm-inner .post-feed.mm-idx > article.feed{padding:2.24px 2px;border-bottom:0}
body.mm-inner .post-feed.mm-idx > article.feed .feed-title{font-size:17.92px;line-height:1.35;color:var(--mm-ink)}
body.mm-inner .post-feed.mm-idx > article.feed:hover .feed-title,
body.mm-inner .post-feed.mm-idx > article.feed:focus-within .feed-title{color:var(--mm-red)}
body.mm-inner .post-feed.mm-idx > article.feed::before{display:block;margin:18px 0 5.6px;padding:0 2px 3.2px;border-bottom:1px solid var(--mm-rule);font-family:var(--mm-serif);font-style:italic;font-size:17.6px;line-height:1.3;color:var(--mm-ink-2)}
body.mm-inner .post-feed.mm-idx > article.feed:first-of-type::before{margin-top:0}
/* Letter heads: on the first title of each letter, wherever the sort leaves it */
.mm-idx>article[data-t^="A" i]:first-of-type::before,.mm-idx>:not([data-t^="A" i])+article[data-t^="A" i]::before{content:"A"}
.mm-idx>article[data-t^="B" i]:first-of-type::before,.mm-idx>:not([data-t^="B" i])+article[data-t^="B" i]::before{content:"B"}
.mm-idx>article[data-t^="C" i]:first-of-type::before,.mm-idx>:not([data-t^="C" i])+article[data-t^="C" i]::before{content:"C"}
.mm-idx>article[data-t^="D" i]:first-of-type::before,.mm-idx>:not([data-t^="D" i])+article[data-t^="D" i]::before{content:"D"}
.mm-idx>article[data-t^="E" i]:first-of-type::before,.mm-idx>:not([data-t^="E" i])+article[data-t^="E" i]::before{content:"E"}
.mm-idx>article[data-t^="F" i]:first-of-type::before,.mm-idx>:not([data-t^="F" i])+article[data-t^="F" i]::before{content:"F"}
.mm-idx>article[data-t^="G" i]:first-of-type::before,.mm-idx>:not([data-t^="G" i])+article[data-t^="G" i]::before{content:"G"}
.mm-idx>article[data-t^="H" i]:first-of-type::before,.mm-idx>:not([data-t^="H" i])+article[data-t^="H" i]::before{content:"H"}
.mm-idx>article[data-t^="I" i]:first-of-type::before,.mm-idx>:not([data-t^="I" i])+article[data-t^="I" i]::before{content:"I"}
.mm-idx>article[data-t^="J" i]:first-of-type::before,.mm-idx>:not([data-t^="J" i])+article[data-t^="J" i]::before{content:"J"}
.mm-idx>article[data-t^="K" i]:first-of-type::before,.mm-idx>:not([data-t^="K" i])+article[data-t^="K" i]::before{content:"K"}
.mm-idx>article[data-t^="L" i]:first-of-type::before,.mm-idx>:not([data-t^="L" i])+article[data-t^="L" i]::before{content:"L"}
.mm-idx>article[data-t^="M" i]:first-of-type::before,.mm-idx>:not([data-t^="M" i])+article[data-t^="M" i]::before{content:"M"}
.mm-idx>article[data-t^="N" i]:first-of-type::before,.mm-idx>:not([data-t^="N" i])+article[data-t^="N" i]::before{content:"N"}
.mm-idx>article[data-t^="O" i]:first-of-type::before,.mm-idx>:not([data-t^="O" i])+article[data-t^="O" i]::before{content:"O"}
.mm-idx>article[data-t^="P" i]:first-of-type::before,.mm-idx>:not([data-t^="P" i])+article[data-t^="P" i]::before{content:"P"}
.mm-idx>article[data-t^="Q" i]:first-of-type::before,.mm-idx>:not([data-t^="Q" i])+article[data-t^="Q" i]::before{content:"Q"}
.mm-idx>article[data-t^="R" i]:first-of-type::before,.mm-idx>:not([data-t^="R" i])+article[data-t^="R" i]::before{content:"R"}
.mm-idx>article[data-t^="S" i]:first-of-type::before,.mm-idx>:not([data-t^="S" i])+article[data-t^="S" i]::before{content:"S"}
.mm-idx>article[data-t^="T" i]:first-of-type::before,.mm-idx>:not([data-t^="T" i])+article[data-t^="T" i]::before{content:"T"}
.mm-idx>article[data-t^="U" i]:first-of-type::before,.mm-idx>:not([data-t^="U" i])+article[data-t^="U" i]::before{content:"U"}
.mm-idx>article[data-t^="V" i]:first-of-type::before,.mm-idx>:not([data-t^="V" i])+article[data-t^="V" i]::before{content:"V"}
.mm-idx>article[data-t^="W" i]:first-of-type::before,.mm-idx>:not([data-t^="W" i])+article[data-t^="W" i]::before{content:"W"}
.mm-idx>article[data-t^="X" i]:first-of-type::before,.mm-idx>:not([data-t^="X" i])+article[data-t^="X" i]::before{content:"X"}
.mm-idx>article[data-t^="Y" i]:first-of-type::before,.mm-idx>:not([data-t^="Y" i])+article[data-t^="Y" i]::before{content:"Y"}
.mm-idx>article[data-t^="Z" i]:first-of-type::before,.mm-idx>:not([data-t^="Z" i])+article[data-t^="Z" i]::before{content:"Z"}
/* A row with no letter head draws no empty one */
body.mm-inner .post-feed.mm-idx > article.feed:not([data-t])::before{content:none}

/* ---------- Pages: Songbooks, About, Chorus, and any other page ---------- */
body.mm-inner .mm-pagewrap{padding:22px 0 44px}
body.mm-inner .mm-page-island{max-width:820px}

/* The page's own words */
body.mm-inner .mm-pagewrap .gh-content.mm-prose{margin:0;font-family:var(--mm-serif);font-size:19.2px;line-height:1.5;letter-spacing:0;color:var(--mm-ink)}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > *{margin-top:0;margin-bottom:0}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > * + *{margin-top:14.4px}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > :first-child{margin-top:0}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > p,body.mm-inner .mm-pagewrap .gh-content.mm-prose > ul,body.mm-inner .mm-pagewrap .gh-content.mm-prose > ol,body.mm-inner .mm-pagewrap .gh-content.mm-prose > blockquote{max-width:680px;font-family:var(--mm-serif);text-wrap:pretty}
body.mm-inner .mm-pagewrap .gh-content.mm-prose a{color:var(--mm-red);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
body.mm-inner .mm-pagewrap .gh-content.mm-prose strong,body.mm-inner .mm-pagewrap .gh-content.mm-prose b{font-weight:600}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > h2{margin-top:33.6px;font-family:var(--mm-serif);font-style:normal;font-weight:var(--mm-hw);font-size:clamp(25.6px,2.4vw,33.6px);line-height:1.15;letter-spacing:0;color:var(--mm-ink)}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > h3{margin-top:28px;font-family:var(--mm-serif);font-weight:var(--mm-hw);font-size:22.4px;line-height:1.2;letter-spacing:0;color:var(--mm-ink)}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > h2 + *,body.mm-inner .mm-pagewrap .gh-content.mm-prose > h3 + *{margin-top:8px}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > ul,body.mm-inner .mm-pagewrap .gh-content.mm-prose > ol{padding-left:22px}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > ul li + li,body.mm-inner .mm-pagewrap .gh-content.mm-prose > ol li + li{margin-top:4px}
/* Photos framed, as on the garlic page */
body.mm-inner .mm-pagewrap .gh-content.mm-prose > figure.kg-image-card{margin-top:22px;max-width:680px;background:var(--mm-white);border:1px solid var(--mm-rule);padding:10px;box-shadow:var(--mm-shadow)}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > figure.kg-image-card img{display:block;width:100%;height:auto;margin:0}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > figure.kg-image-card + *{margin-top:22px}
body.mm-inner .mm-pagewrap .gh-content.mm-prose > figure figcaption{margin-top:8px;font-family:var(--mm-sans);font-size:14px;color:var(--mm-ink-2);text-align:left}

/* About: Support the work beside the story */
body.mm-inner .mm-about-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
body.mm-inner .mm-about-grid > *{min-width:0}
body.mm-inner .mm-about-grid .mm-page-island{max-width:none}
body.mm-inner .mm-about-side{position:sticky;top:18px}
body.mm-inner .mm-about-support p:not(.mm-label),
body.mm-inner .mm-chorus-panel p:not(.mm-label){margin:0 0 12.8px;font-family:var(--mm-serif);font-size:17.6px;line-height:1.45;color:var(--mm-ink-2);text-wrap:pretty}
body.mm-inner .mm-about-support p:last-child,
body.mm-inner .mm-chorus-panel p:last-child{margin-bottom:0}
body.mm-inner .mm-about-support a,
body.mm-inner .mm-chorus-panel a{color:var(--mm-red);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
body.mm-inner .mm-chorus-panel .mm-label + p{margin-top:0}
body.mm-inner .mm-chorus-panel p + .mm-label{margin-top:18px}
/* About's section heading ("GET IN TOUCH" in the editor) as the prototype's italic label, "Get in touch": no uppercase kickers below the header */
body.mm-inner.mm-about .mm-pagewrap .gh-content.mm-prose > h2{margin-top:36px;font-family:var(--mm-serif);font-style:italic;font-weight:400;font-size:17.6px;line-height:1.3;letter-spacing:0;text-transform:lowercase;color:var(--mm-ink-2)}
body.mm-inner.mm-about .mm-pagewrap .gh-content.mm-prose > h2::first-letter{text-transform:uppercase}

/* Chorus: the intro, then each season on a card, one row per event */
body.mm-inner .mm-chorus-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
body.mm-inner .mm-chorus-grid > *{min-width:0}
body.mm-inner .mm-chorus-main .gh-content.mm-prose > p:first-child{font-size:20px;line-height:1.5;max-width:60ch}
body.mm-inner .mm-chorus-main .gh-content.mm-prose > .mm-season{margin-top:24px}
body.mm-inner .mm-season > h2{margin:0 0 14px;font-family:var(--mm-serif);font-weight:var(--mm-hw);font-size:clamp(25.6px,2.4vw,33.6px);line-height:1.15;letter-spacing:0;color:var(--mm-ink)}
body.mm-inner .mm-season > p{margin:0 0 12px;max-width:680px}
body.mm-inner .mm-season > ul.mm-ev{list-style:none;margin:0;padding:0;max-width:none}
body.mm-inner .mm-season > ul.mm-ev > li{margin:0;padding:8px 2px;border-bottom:1px solid var(--mm-rule);font-family:var(--mm-serif);font-size:18.4px;line-height:1.35}
body.mm-inner .mm-season > ul.mm-ev > li.mm-ev-row{display:grid;grid-template-columns:137.6px minmax(0,1fr);gap:1.6px 16px;align-items:baseline}
body.mm-inner .mm-season > ul.mm-ev > li.mm-ev-month{padding:22px 2px 2px;border-bottom:0;font-style:italic;font-size:17.6px;color:var(--mm-ink-2)}
body.mm-inner .mm-season > ul.mm-ev > li.mm-ev-month:first-child{padding-top:0}
body.mm-inner .mm-season > ul.mm-ev > li:last-child,
body.mm-inner .mm-season > ul.mm-ev > li:has(+ li.mm-ev-month){border-bottom:0}
body.mm-inner .mm-ev-when{font-family:var(--mm-sans);font-size:14.4px;color:var(--mm-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
body.mm-inner .mm-ev-when b{font-weight:600;color:var(--mm-ink)}
body.mm-inner .mm-ev-what a{color:var(--mm-red);text-decoration:none}
body.mm-inner .mm-ev-what a:hover,body.mm-inner .mm-ev-what a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.mm-inner .mm-season li.mm-past{opacity:.5}

/* Chorus: Next up, the next event from today on, under pink tape (Bennett, Nov 9) */
body.mm-inner .mm-chorus-main .gh-content.mm-prose > .mm-nextup{position:relative;margin-top:30px;padding:26px 26px 22px}
body.mm-inner .mm-nextup .mm-tape{position:absolute;left:-10px;top:-12px;transform:rotate(-3deg);line-height:1;white-space:nowrap;background:var(--mm-tape);padding:5px 9px 6px;font-family:var(--mm-serif);font-style:italic;font-size:16px;color:var(--mm-ink);clip-path:var(--mm-tape-edge)}
body.mm-inner .mm-nextup-slot{display:flex;flex-direction:column;gap:4.8px}
body.mm-inner .mm-nextup .mm-ev-when{font-size:15.2px}
body.mm-inner .mm-nextup-ttl{display:block;font-family:var(--mm-serif);font-size:clamp(25.6px,2.6vw,33.6px);line-height:1.15;color:var(--mm-ink)}
body.mm-inner .mm-pagewrap .gh-content.mm-prose .mm-nextup-ttl a{color:var(--mm-red);text-decoration:none}
body.mm-inner .mm-pagewrap .gh-content.mm-prose .mm-nextup-ttl a:hover,
body.mm-inner .mm-pagewrap .gh-content.mm-prose .mm-nextup-ttl a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.mm-inner .mm-nextup-where{display:block;margin-top:2.4px;font-family:var(--mm-serif);font-size:18.4px;line-height:1.35;color:var(--mm-ink-2)}
body.mm-inner .mm-pagewrap .gh-content.mm-prose .mm-nextup-where a{color:var(--mm-red)}

/* Chorus: the page's sign-up card, which Portal shows to visitors, set as a form in the side panel.
   Its inline colors (white text, white button) come from the editor, so these rules use !important. */
body.mm-inner .mm-chorus-panel .kg-signup-card{margin:18px 0 0;padding:0;width:auto;max-width:none;background:transparent!important;border:0}
body.mm-inner .mm-chorus-panel .kg-signup-card-content{display:block;padding:0!important;min-height:0}
body.mm-inner .mm-chorus-panel .kg-signup-card-text{display:block;height:auto;padding:0!important;text-align:left!important;max-width:none}
body.mm-inner .mm-chorus-panel .kg-signup-card h2.kg-signup-card-heading{margin:0 0 6px!important;font-family:var(--mm-serif)!important;font-style:normal;font-weight:var(--mm-hw)!important;font-size:23.2px!important;line-height:1.2!important;letter-spacing:0!important;color:var(--mm-ink)!important;text-align:left}
body.mm-inner .mm-chorus-panel .kg-signup-card .kg-signup-card-subheading{margin:0!important;max-width:none;font-family:var(--mm-serif)!important;font-weight:400!important;font-size:17.6px!important;line-height:1.45!important;color:var(--mm-ink-2)!important;text-align:left}
body.mm-inner .mm-chorus-panel .kg-signup-card-form{display:block;margin:14px 0 0!important;width:100%}
body.mm-inner .mm-chorus-panel .kg-signup-card-fields{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:none;padding:0!important;border:0!important;border-radius:0!important;background:none!important}
body.mm-inner .mm-chorus-panel .kg-signup-card-input{width:100%;height:auto;min-height:0;margin:0!important;padding:11.2px 14.4px!important;border:1px solid var(--mm-ink)!important;border-radius:2px!important;background:var(--mm-white)!important;font-family:var(--mm-sans)!important;font-size:16px!important;line-height:1.3;color:var(--mm-ink)!important}
body.mm-inner .mm-chorus-panel .kg-signup-card-button{height:auto!important;min-height:0;margin:0!important;padding:11.2px 20px!important;border:1px solid var(--mm-ink)!important;border-radius:2px!important;background:var(--mm-ink)!important;color:var(--mm-paper)!important;font-family:var(--mm-sans)!important;font-size:16px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:0!important}
body.mm-inner .mm-chorus-panel .kg-signup-card-button:hover{background:var(--mm-red)!important;border-color:var(--mm-red)!important;color:var(--mm-white)!important;opacity:1}
body.mm-inner .mm-chorus-panel .kg-signup-card-disclaimer,
body.mm-inner .mm-chorus-panel .kg-signup-card-success,
body.mm-inner .mm-chorus-panel .kg-signup-card-error{margin:10px 0 0!important;font-family:var(--mm-sans)!important;font-size:13.6px!important;line-height:1.4!important;color:var(--mm-ink-2)!important;text-align:left!important}
body.mm-inner .mm-pagewrap .gh-content.mm-prose .mm-ev-what a{color:var(--mm-red);text-decoration:none}
body.mm-inner .mm-pagewrap .gh-content.mm-prose .mm-ev-what a:hover,
body.mm-inner .mm-pagewrap .gh-content.mm-prose .mm-ev-what a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* Songbooks: the six cards, as on the homepage */
body.mm-inner .mm-books{padding:22px 0 0}
body.mm-inner .mm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1vw,12px)}
body.mm-inner .mm-card{display:block;padding:clamp(8px,1.7vw,22px);background:var(--paint);box-shadow:var(--mm-shadow);text-decoration:none;transition:box-shadow .15s,transform .15s;opacity:1}
body.mm-inner .mm-card:hover{box-shadow:0 8px 22px rgba(35,31,27,.16),0 2px 4px rgba(35,31,27,.10);transform:translateY(-2px);opacity:1}
body.mm-inner .mm-card--walking{--paint:#54748D}
body.mm-inner .mm-card--rowing{--paint:#4F796F}
body.mm-inner .mm-card--gathering{--paint:#DCB970;--on:#231f1b}
body.mm-inner .mm-card--field-forest{--paint:#6A744C}
body.mm-inner .mm-card--originals{--paint:#8E3F33}
body.mm-inner .mm-card--dance-instrumentals{--paint:#735C7E}
body.mm-inner .mm-card .mm-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;margin-bottom:clamp(6px,1.2vw,16px)}
body.mm-inner .mm-card .mm-art img{display:block;width:100%;height:100%;object-fit:contain}
body.mm-inner .mm-card h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-family:var(--mm-serif);font-weight:var(--mm-hw);font-size:clamp(12.8px,1.65vw,22.4px);line-height:1.2;letter-spacing:0;color:var(--on,var(--mm-card))}
body.mm-inner .mm-card .mm-ccount{flex:none;white-space:nowrap;font-style:italic;font-weight:400;font-size:clamp(11.2px,1.2vw,16.8px)}
body.mm-inner .mm-card:hover .mm-name,body.mm-inner .mm-card:focus-visible .mm-name{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* Songbooks: the page's groupings as paper panels. The page carries its own CSS from the old design;
   these rules outrank it, with !important where it uses !important. */
body.mm-inner .mm-pagewrap--shelves{padding-top:34px}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);align-items:start}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves > *{grid-column:1/-1;margin:0!important}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves > p{max-width:680px}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves > p .mm-count{display:none}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves > .toc-toggle-all{display:none!important}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves > details.intro-more{margin:0 0 6px!important;padding:6px 18px!important;border:1px solid var(--mm-rule)!important;border-radius:2px!important;background:var(--mm-card)!important}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves > details.intro-more > summary{padding:10px 0!important;font-family:var(--mm-serif);font-size:18.4px;line-height:1.4;color:var(--mm-ink)}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves > details.intro-more div.intro-body p{font-size:17.6px;line-height:1.5!important;color:var(--mm-ink)}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves > details.course-section{grid-column:auto;margin:0!important;padding:22px 24px 24px!important;border:0!important;background:var(--mm-card);box-shadow:var(--mm-shadow)}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves > details.course-section:has(a[href*="/tag/walking/"]):has(a[href*="/tag/dance-instrumentals/"]){display:none}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .course-section > summary{display:block;padding:0 0 6px!important;list-style:none;cursor:default;pointer-events:none}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .course-section > summary::after{display:none!important}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .course-section > summary > h2{display:block;margin:0;font-family:var(--mm-serif);font-style:italic;font-weight:400;font-size:17.6px;line-height:1.3;letter-spacing:0;color:var(--mm-ink-2)}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .course-section-body,body.mm-inner .mm-pagewrap .gh-content.mm-shelves .more-songs-body{padding:0!important}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves details.more-songs{margin:0!important;padding:0!important;border:0!important}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves details.more-songs > summary{display:none!important}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route{position:relative;margin:0!important;padding:8.8px 0!important;border:0!important;border-bottom:1px solid var(--mm-rule)!important}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .course-section-body > .route:last-child,body.mm-inner .mm-pagewrap .gh-content.mm-shelves .more-songs-body > .route:last-child{border-bottom:0!important;padding-bottom:0!important}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route h3{margin:0!important;font-family:var(--mm-serif);font-weight:400;font-size:17.92px;line-height:1.3!important;letter-spacing:0;color:var(--mm-ink)}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route h3 a{color:var(--mm-red);text-decoration:none}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route h3 a:hover,body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route h3 a:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route h3 .mm-count{margin-left:8px;font-style:italic;font-size:14.4px;color:var(--mm-ink-2)}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route p{margin:1.6px 0 0!important;max-width:none;font-family:var(--mm-sans);font-size:13.6px;line-height:1.35!important;color:var(--mm-ink-2)}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route .tier-hint{display:none!important}
/* The page's own "Full access with membership" hints: tape on hover */
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route .mm-tier-link{position:absolute;right:0;top:0;z-index:2;margin:0;padding:4px 8px 5px;border:0;transform:translateY(-58%) rotate(1.5deg);opacity:0;pointer-events:none;transition:opacity .15s;white-space:nowrap;line-height:1;background:var(--mm-tape);clip-path:var(--mm-tape-edge);font-family:var(--mm-serif);font-style:italic;font-weight:400;font-size:13.44px;letter-spacing:0;color:var(--mm-ink)!important;text-decoration:none}
body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route:hover .mm-tier-link,body.mm-inner .mm-pagewrap .gh-content.mm-shelves .route:focus-within .mm-tier-link{opacity:1}
body.mm-inner:not(.mm-paid) .mm-pagewrap .gh-content.mm-shelves .route.tier-paid h3 > a:not(.mm-tier-link),
body.mm-inner:not(.mm-paid) .mm-pagewrap .gh-content.mm-shelves .route.tier-paid > p,
body.mm-inner:not(.mm-paid) .mm-pagewrap .gh-content.mm-shelves .route.tier-free h3 > a:not(.mm-tier-link),
body.mm-inner:not(.mm-paid) .mm-pagewrap .gh-content.mm-shelves .route.tier-free > p{opacity:.55}
body.mm-inner.mm-paid .mm-pagewrap .gh-content.mm-shelves .route .mm-tier-link{display:none!important}

/* ---------- Albums (Nov 9): every album, newest first, as cards on the desk ---------- */
body.mm-inner .mm-albums-intro{margin-bottom:18px}
body.mm-inner .mm-albums{display:flex;flex-direction:column;gap:16px;max-width:880px}
body.mm-inner a.mm-album{display:flex;align-items:flex-start;gap:26px;padding:22px 24px 24px;background:var(--mm-card);box-shadow:var(--mm-shadow);color:var(--mm-ink);text-decoration:none;transition:box-shadow .15s,transform .15s;opacity:1}
body.mm-inner a.mm-album:hover,body.mm-inner a.mm-album:focus-visible{box-shadow:0 8px 22px rgba(35,31,27,.16),0 2px 4px rgba(35,31,27,.10);transform:translateY(-2px);opacity:1}
body.mm-inner .mm-album-cover{flex:none;display:block;width:170px;background:var(--mm-white);border:1px solid var(--mm-rule);padding:8px;box-shadow:0 1px 2px rgba(35,31,27,.22),0 3px 8px rgba(35,31,27,.12);transform:rotate(-1.5deg)}
body.mm-inner .mm-album-cover:empty{display:none}
body.mm-inner .mm-album-cover img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
body.mm-inner .mm-album-text{display:block;min-width:0}
body.mm-inner .mm-album-name{display:block;font-family:var(--mm-serif);font-weight:var(--mm-hw);font-size:24px;line-height:1.2;color:var(--mm-red);text-wrap:balance}
body.mm-inner a.mm-album:hover .mm-album-name,body.mm-inner a.mm-album:focus-visible .mm-album-name{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.mm-inner .mm-album-count{display:block;margin-top:4px;font-family:var(--mm-serif);font-style:italic;font-size:16.8px;color:var(--mm-ink-2)}
body.mm-inner .mm-album-count:empty{display:none}
body.mm-inner .mm-album-desc{display:block;margin-top:10px;max-width:62ch;font-family:var(--mm-serif);font-size:17.6px;line-height:1.45;color:var(--mm-ink);white-space:pre-line;text-wrap:pretty}
@media (max-width:600px){
  body.mm-inner a.mm-album{flex-direction:column;gap:16px;padding:18px 18px 20px}
  body.mm-inner .mm-album-cover{width:150px}
}

/* ---------- Narrower screens ---------- */
@media (max-width:900px){
  body.mm-inner .mm-song-grid{grid-template-columns:minmax(0,1fr) 250px;gap:28px}
  body.mm-inner .mm-about-grid{grid-template-columns:minmax(0,1fr) 270px;gap:28px}
  body.mm-inner .mm-chorus-grid{grid-template-columns:minmax(0,1fr) 260px;gap:28px}
  body.mm-inner .mm-pagewrap .gh-content.mm-shelves{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.mm-inner .post-feed.mm-rows.mm-idx{columns:2}
}
@media (max-width:700px){
  body.mm-inner .mm-song-grid{grid-template-columns:1fr}
  body.mm-inner .mm-about-grid,body.mm-inner .mm-chorus-grid{grid-template-columns:1fr}
  body.mm-inner .mm-about-side{position:static}
  body.mm-inner .post-feed.mm-rows{columns:1}
}
@media (max-width:600px){
  body.mm-inner .mm-pagewrap .gh-content.mm-shelves{grid-template-columns:1fr}
  body.mm-inner .mm-card h3{flex-wrap:wrap}
  body.mm-inner .mm-pagewrap{padding:20px 0 32px}
  body.mm-inner #mm-picker-modal{padding:16px}
  body.mm-inner #mm-picker-modal .mm-picker-card{padding:25.6px 22.4px}
  body.mm-inner #mm-picker-modal h2{font-size:26.4px}
  body.mm-inner.mmp-active .post-feed.mm-rows > article.feed .feed-title{padding-left:40px;text-indent:-40px}
  body.mm-inner .mm-pagehead{padding-top:22px}
  body.mm-inner .mm-cover{padding:28px 0 32px}
  body.mm-inner .mm-cover-in{flex-direction:column;align-items:flex-start}
  body.mm-inner .mm-cover--book .mm-plate{width:170px}
  body.mm-inner .mm-cover--plain .mm-plate{width:140px}
  body.mm-inner .mm-song-grid{padding-bottom:32px}
  body.mm-inner .mm-toc{padding:20px 0 32px}
}
@media (max-width:560px){
  body.mm-inner .post-feed.mm-rows.mm-idx{columns:1}
}
@media (max-width:480px){
  body.mm-inner .mm-season > ul.mm-ev > li.mm-ev-row{grid-template-columns:1fr}
}

/* Album pages: the Bandcamp button each album tag's code injection adds. It sets inline styles, so these need !important. */
body.mm-inner #mm-album-cta a{background:var(--mm-red)!important;color:var(--mm-card)!important;border-radius:2px!important;padding:12px 22px!important;font-family:var(--mm-sans)!important;font-size:16px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.2!important}
body.mm-inner #mm-album-cta a:hover,body.mm-inner #mm-album-cta a:focus-visible{background:var(--mm-red-dark)!important}

/* Worksong Atlas map: the page's HTML card stretches the map with a 100vw trick that assumes a centered
   column, so inside the left-aligned page card the map slid off the left edge. Let the map fill a full-width card. */
body.mm-inner.page-atlas .mm-page-island{max-width:none}
body.mm-inner.page-atlas .atlas-embed-wrap{width:auto;left:auto;right:auto;margin-left:0;margin-right:0;padding:0}