/* Keep the original instrument and background. Only reserve footer space when
   its existing bottom padding is too small for a separate 44px help target.
   No fixed height or scroll lock: intrinsic grid sizing can grow for access. */
.home-page .metronome { padding-bottom:max(clamp(12px,calc(9dvh - 20px),66px),calc(52px + env(safe-area-inset-bottom))); }
.home-page .brand-copy p { white-space:normal; }
.home-page button.support { padding:0; border:0; background:transparent; appearance:none; }
.home-page .support[aria-pressed="true"] svg { fill:#ff963c; }
.home-help { position:absolute; left:50%; bottom:calc(4px + env(safe-area-inset-bottom)); transform:translateX(-50%); min-width:112px; min-height:44px; display:grid; place-items:center; padding:8px 12px; color:#e1b99c; font-size:12px; line-height:1.4; text-align:center; text-decoration:none; border-radius:8px; }
.home-help:hover,.home-help:active { color:#fff7ee; }
.site-content { position:relative; max-width:680px; margin:0 auto; padding:32px 26px; color:#fff0df; font-size:16px; line-height:1.7; overflow-wrap:anywhere; }
.site-content h1,.site-content h2,.site-content h3 { line-height:1.3; color:#fff7ee; letter-spacing:-.02em; }
.site-content h1 { font-size:30px; }.site-content h2 { font-size:23px; margin-top:1.7em; }.site-content h3 { font-size:18px; margin-top:1.5em; }
.site-content p { margin:1em 0; }.site-content a,.guide-page>header a { color:#ffcf9f; text-underline-offset:4px; }
.site-content li { margin:.8em 0; }.site-content ol { padding-left:1.4em; }
.site-footer { padding-top:8px; padding-bottom:max(32px,env(safe-area-inset-bottom)); font-size:14px; }
.guide-page>.site-footer { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 24px; }
.privacy-page>.site-footer { flex-direction:column; align-items:flex-start; gap:0; }
.guide-page>header { max-width:680px; margin:auto; padding:28px 26px 0; }
.guide-content { padding-top:16px; }
.guide-page>header a,.guide-page>.site-footer a { display:inline-flex; align-items:center; min-width:44px; min-height:44px; text-decoration:none; }
/* Guide-only Android refinement. The guide's small platform hook leaves this
   marker absent on iOS, desktop and the metronome. Keep text autosizing/zoom
   preferences intact; this is an explicit type hierarchy, not font boosting. */
html[data-guide-platform="android"] .guide-page { min-width:0; }
html[data-guide-platform="android"] .guide-content h1,
html[data-guide-platform="android"] .guide-content h2,
html[data-guide-platform="android"] .guide-content h3 { font-weight:400; }
html[data-guide-platform="android"] .guide-content strong { font-weight:500; }