/* Independent interpretive field guide — concise, keyboard-accessible, data-aware. */
.fg-tour{margin:22px 0 45px;border:1px solid #cbdedb;border-radius:17px;background:#fff;box-shadow:0 12px 28px #154b5510;overflow:hidden;scroll-margin-top:25px}
.fg-intro{padding:26px 28px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(100deg,#e8f2ee,#f5f8f6)}
.fg-intro h2{font-size:clamp(26px,3vw,35px);margin:7px 0 9px;color:#244952}
.fg-intro p{max-width:720px;font-size:13px;line-height:1.65;color:#536c72;margin:0}
.fg-counter{max-width:175px;text-align:right;flex-shrink:0;font-size:11px;letter-spacing:.04em;color:#52746f;font-weight:700}
.fg-stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #d7e6e1;border-bottom:1px solid #d7e6e1}
.fg-stops button{border:0;border-right:1px solid #dce7e3;background:#f9fbfa;text-align:left;padding:14px 15px;display:flex;align-items:center;gap:10px;color:#526c71;min-width:0}
.fg-stops button:last-child{border-right:0}
.fg-stops button b{font:700 17px Georgia,serif;color:#6f9a94}
.fg-stops button span{font-size:11px;line-height:1.35;font-weight:700}
.fg-stops button[aria-pressed=true]{background:#dcece6;color:#184e4b;box-shadow:inset 0 -3px #38877a}
.fg-stops button:hover,.fg-stops button:focus-visible{background:#e6f1ec}
.fg-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:23px;padding:25px 28px;align-items:start;min-height:300px}
.fg-scene-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#648c88;font-weight:800}
.fg-scene h3{font-size:clamp(22px,2.5vw,29px);margin:11px 0 15px}
.fg-scene p{font-size:13px;line-height:1.74;color:#4d6972;margin:0 0 12px}
.fg-scene p strong{color:#1e4c4d}
.fg-discover{padding:21px;background:#f1f7f5;border:1px solid #dfebe7;border-radius:12px;min-height:230px;min-width:0}
.fg-discover h4{font:700 21px Georgia,serif;margin:7px 0 15px;color:#234e50}
.fg-cues{display:grid;gap:9px}
.fg-cues div{background:#fff;padding:12px 14px;border:1px solid #deebe8;border-radius:8px}
.fg-cues strong,.fg-cues span{display:block}
.fg-cues strong{font-size:12px;color:#28584f}
.fg-cues span{font-size:11px;color:#607a80;margin-top:3px}
.fg-options{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.fg-options button{padding:9px 11px;background:#fff;border:1px solid #cfdfda;color:#3e6864;border-radius:8px;font-size:11px;font-weight:700;text-align:left}
.fg-options button:hover,.fg-options button:focus-visible{border-color:#318579}
.fg-options button[aria-pressed=true]{background:#2b6b61;color:#fff;border-color:#2b6b61}
.fg-reveal{background:#fff;border-radius:9px;border:1px solid #cee1da;padding:14px 15px}
.fg-reveal small{display:block;color:#60857b;font-size:10px;font-weight:700;letter-spacing:.04em}
.fg-reveal strong{display:block;font:700 20px Georgia,serif;color:#215b57;margin:5px 0}
.fg-reveal p{font-size:12px;line-height:1.6;color:#526f70;margin:6px 0 0}
.fg-fine{font-size:10px!important;line-height:1.55!important;color:#6d898a!important;margin:12px 0 0!important}
.fg-missing{font-size:12px;color:#637e80}
.fg-plan{display:grid;gap:8px}
.fg-plan>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;background:#fff;border:1px solid #d5e7e0;border-radius:8px}
.fg-plan small{font-size:11px;color:#557875}
.fg-plan strong{font-size:13px;color:#285e54;text-align:right}
.fg-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.fg-links a{font-size:11px;font-weight:700}
.fg-warning{border-left:3px solid #ba9156;padding:10px 12px;background:#fff5e6;font-size:11px;color:#745b38}
.fg-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e2eae7;padding:14px 28px;background:#fafcfb}
.fg-footer p{color:#778b86;font-size:10px;line-height:1.5;max-width:620px;margin:0}
.fg-actions{display:flex;justify-content:flex-end;gap:7px;flex-shrink:0}
.fg-actions button{padding:9px 13px;border:1px solid #cbded8;border-radius:8px;font-size:11px;font-weight:700}
.fg-next{background:#285f59;color:#fff}
.fg-next:hover{background:#1b5048}
.fg-back{background:#fff;color:#46675f}
@media(max-width:890px){.fg-story{grid-template-columns:1fr;gap:10px;min-height:0}.fg-intro{align-items:flex-start}.fg-stops button{padding:12px 10px}.fg-stops button span{font-size:10px}}
@media(max-width:650px){.fg-intro{display:block;padding:20px 17px 15px}.fg-intro h2{font-size:27px}.fg-counter{max-width:none;text-align:left;display:block;margin-top:10px}.fg-stops{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-stops button{min-height:55px;border-bottom:1px solid #dce7e3}.fg-story{padding:17px 15px}.fg-discover{padding:17px}.fg-footer{padding:15px;flex-direction:column;align-items:stretch}.fg-actions{justify-content:flex-end}.fg-plan>div{align-items:flex-start}.fg-plan strong{max-width:48%}}