/* Layout adaptations only; typography, chapter, FAQ and lightbox reuse Generals' guide CSS. */
#fish-guide{padding-top:32px;padding-bottom:24px}
#fish-guide .step h3{font-size:25px;line-height:1.3;margin:18px 32px 16px 0}
#fish-guide .step h4{font-size:17px;line-height:1.4;margin:0 0 8px}
#fish-guide .step .number{font-size:13px;padding:0}
#fish-guide .guide-layout{gap:36px}
#fish-guide .steps{min-width:0}
#fish-guide .step-shots{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 24px;margin-top:22px}
#fish-guide .step-shots figure{width:480px;max-width:100%;margin:0 0 12px}
#fish-guide .step-shots .phone-screen{width:260px}
#fish-guide .screenshot{display:block}
#fish-guide .screenshot img{width:100%;height:auto;object-fit:contain}
#fish-guide #fish-lightbox{width:min(1500px,96vw);padding:56px 12px 12px;background:var(--bg);border-color:var(--line)}
#fish-guide #fish-lightbox img{max-height:76dvh}
#fish-guide .quick{height:auto;justify-content:flex-start}
#fish-guide .quick a{width:auto;margin:0;font-size:15px}
#fish-guide .help details>p{max-width:820px}
#fish-guide .before{scroll-margin-top:24px}
@media(max-width:950px){#fish-guide .guide-layout{gap:0}}
@media(max-width:600px){#fish-guide{padding:24px 0}#fish-guide .step h3{font-size:22px}#fish-guide .step-shots{gap:16px}#fish-guide .step-shots .phone-screen{width:min(260px,100%)}#fish-guide .quick{display:grid}#fish-guide .quick a{width:100%}#fish-guide .before{padding:20px}#fish-guide .key-note{font-size:15px}}
#fish-guide .steps{width:100%;max-width:850px}
@media(max-width:950px){#fish-guide .guide-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#fish-guide .quick{grid-template-columns:minmax(0,1fr)}}