#guide-root { margin-bottom: 12px; }
.guide-toolbar { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
#guide-prompt { padding:0; font-size:.85rem; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#guide-prompt[hidden] { display:none; }
#guide-panel { margin-top:16px; border:2px solid #466124; scroll-margin-top:16px; }
#guide-panel .actions { flex-wrap:wrap; }
#guide-panel button, #guide-toggle { min-height:48px; }
#guide-preview { margin-top:12px; }
#guide-preview > summary { cursor:pointer; min-height:44px; padding-block:10px; }
.guide-highlight { outline:3px solid #466124 !important; outline-offset:5px; scroll-margin-block:24px; }
.guide-pictures { margin-block:24px; }
.guide-pictures article { margin-block:28px; }
.guide-pictures img { display:block; width:auto; max-width:100%; height:auto; border:1px solid #d6d6cb; border-radius:12px; }
.guide-pictures figure { margin:16px 0; max-width:620px; }
.guide-pictures figcaption { margin-top:8px; line-height:1.6; }
.guide-flow { display:flex; flex-wrap:wrap; gap:8px; padding:16px; background:#f0f1e8; border-radius:12px; align-items:center; }
.guide-flow span { padding:6px 8px; }
textarea { resize:vertical; }
@media (max-width:480px) { #guide-panel { padding:18px; } #guide-panel .section-heading { align-items:flex-start; flex-wrap:wrap; } .guide-toolbar { gap:8px; } }
@media (prefers-reduced-motion:reduce) { #guide-root *, .guide-highlight { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }