/* The guide's control bar and field notes, laid over a story page as shipped. Warm register, to match. */
.fg-chrome { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 1000; display: flex; align-items: center; gap: 6px; padding: 6px; border: 1px solid #CFCABE; border-radius: 999px; background: rgba(251,250,246,.94); backdrop-filter: blur(10px); box-shadow: 0 14px 40px -24px rgba(21,20,18,.5); font: 600 12px/1 "Instrument Sans", ui-sans-serif, system-ui, sans-serif; color: #151412; transition: opacity .2s; }
.fg-chrome a, .fg-chrome button { color: inherit; text-decoration: none; font: inherit; border: 0; background: none; cursor: pointer; padding: 8px 12px; border-radius: 999px; }
.fg-chrome button:hover, .fg-home:hover { background: #F3F0E7; }
.fg-chrome kbd { font: 500 10px ui-monospace, Menlo, monospace; color: #6E6960; margin-left: 4px; }
.fg-home { color: #CF1F16 !important; letter-spacing: .02em; }
.fg-switch { display: inline-flex; padding: 2px; border: 1px solid #CFCABE; border-radius: 999px; }
.fg-switch a { padding: 6px 11px; color: #6E6960; }
.fg-switch a.on { background: #151412; color: #FBFAF6; }
html.fg-present .fg-chrome { opacity: 0; }
html.fg-present .fg-chrome:hover { opacity: 1; }
html.fg-present { scroll-snap-type: y proximity; }
html.fg-present .fg-section { min-height: 100vh; scroll-snap-align: start; }

.fg-note { position: relative; max-width: 760px; margin: 40px auto 0; padding: 18px 22px; border: 1px dashed #CFCABE; border-radius: 14px; background: rgba(251,250,246,.9); color: #2A2825; font: 400 15px/1.6 "Instrument Sans", ui-sans-serif, system-ui, sans-serif; text-align: left; }
.fg-note p { margin: 6px 0 0; }
.fg-note-label { font: 700 10px/1 "Instrument Sans", sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #CF1F16; }
.fg-note-sheets { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px !important; }
.fg-note-sheets a { padding: 5px 10px; border: 1px solid #CFCABE; border-radius: 999px; color: #151412; text-decoration: none; font-size: 13px; font-weight: 600; background: #FBFAF6; }
.fg-note-sheets a b { font: 500 11px ui-monospace, Menlo, monospace; color: #6E6960; margin-left: 4px; }
.fg-note-sheets a:hover { border-color: #151412; }
.fg-dark .fg-note { background: rgba(21,20,18,.6); color: #F3F0E7; border-color: rgba(243,240,231,.3); }
.fg-dark .fg-note-sheets a { background: transparent; color: #F3F0E7; border-color: rgba(243,240,231,.3); }

@media print {
  .fg-chrome { display: none !important; }
  html, body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .fg-section { break-before: page; }
  .fg-section:first-of-type { break-before: auto; }
  header { position: static !important; }
}

.fg-guide { display: inline-flex; align-items: center; gap: 0; padding-right: 4px; border-right: 1px solid #CFCABE; margin-right: 2px; }
.fg-guide a { color: #6E6960 !important; padding: 8px 9px !important; }
.fg-guide a:hover { color: #151412 !important; background: #F3F0E7; }
.fg-guide a.fg-home { color: #CF1F16 !important; }
.fg-step { font-size: 14px !important; padding: 7px 11px !important; border: 1px solid #CFCABE !important; }
.fg-step:hover { border-color: #151412 !important; }
@media (max-width: 760px) { .fg-guide a:not(.fg-home) { display: none; } }