/* Shop additions to Freya's walkthrough (Shu 04/11/2026). Kept outside her build and added by
   scripts/sync-business-guide.py on every sync, so a new build from Freya never drops them.
   1. Read aloud is a visible button: pale orange, speaker icon in an orange circle (Shu picked "B").
      The icon is CSS because read-aloud.js rewrites the button text (Read aloud / Voice on / Stop reading).
   2. "Back to the walkthrough" at the top right of the topics view (Shu: "need a back to the top button
      if the user clicks the topics button"). Each button matches the height of the ones beside it. */
[data-read-aloud]{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 8px;border:1px solid #edd5b8;border-radius:5px;background:#fff3e4;color:#3f2e1c;font-size:13px;font-weight:700;text-decoration:none}
[data-read-aloud]::before{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:#f58a16 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202221' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E") center/16px no-repeat}
[data-read-aloud][aria-pressed=true]{outline:2px solid #f58a16;outline-offset:2px}
.intro-actions,.screen-actions{align-items:center}
#read-intro{height:52px;min-height:52px;padding:0 18px 0 10px;font-size:14px}
#read-intro::before{width:32px;height:32px;background-size:18px}
#read-aloud{height:38px;min-height:38px;padding:0 12px 0 5px;font-size:12px;gap:8px}
#read-aloud::before{width:26px;height:26px;background-size:14px}
#read-summary{height:46px;min-height:46px}
.guide-back{display:none;align-items:center;gap:8px;height:46px;padding:0 16px 0 8px;border:1px solid #edd5b8;border-radius:5px;background:#fff3e4;color:#3f2e1c;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer;margin-bottom:4px}
.guide-back i{width:30px;height:30px;border-radius:50%;background:#f58a16;display:grid;place-items:center;font-style:normal;color:#20201c;font-size:16px;line-height:1}
body.reference-mode .guide-back{display:inline-flex}
body.reference-mode .reference .section-heading>p{display:none}