/* Fish guides: readable, lightweight editorial pages. */
.fish-guide,.guide-hub{--guide-ink:#17364d;--guide-muted:#496575;--guide-line:#cbdde6;--guide-blue:#086b9c;overflow-wrap:anywhere}
.fish-guide [hidden],.guide-hub [hidden]{display:none!important}
.fish-guide a:focus-visible,.guide-hub a:focus-visible,.guide-hub input:focus-visible,.guide-hub select:focus-visible,.fish-guide summary:focus-visible{outline:3px solid #086b9c;outline-offset:4px}
.fish-guide>section{margin:56px 0;scroll-margin-top:24px}
.fish-guide h2,.guide-hub h2{line-height:1.6;letter-spacing:.01em}
.fish-guide h3{font-size:19px;line-height:1.65}
.fish-guide p{margin:14px 0;line-height:1.95}
.guide-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0;color:var(--guide-muted);font-size:13px}
.guide-meta>span:first-child{color:var(--guide-blue);font-weight:700}
.fish-guide .guide-start,.guide-hub-intro{padding:32px;border:1px solid var(--guide-line);border-top:4px solid var(--guide-blue);border-radius:8px;background:#edf5f9}
.fish-guide .guide-start{margin-top:24px}
.guide-start h2,.guide-hub-intro h2{margin:4px 0 16px;font-size:clamp(22px,3vw,29px)}
.guide-start>p:not(.guide-eyebrow):not(.guide-small){font-size:18px;max-width:44em}
.fish-guide .guide-eyebrow,.guide-hub .guide-eyebrow{margin:0 0 8px;color:var(--guide-blue);font-size:12px;font-weight:700;letter-spacing:.12em}
.guide-actions,.guide-category-links{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.guide-button{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:11px 18px;border:1px solid var(--guide-blue);border-radius:6px;background:var(--guide-blue);color:#fff;font-weight:700;font-size:15px;text-decoration:none;line-height:1.6}
.guide-button>span{flex-shrink:0}
.guide-button:hover{background:#07557c;color:#fff}
.guide-button-secondary{color:var(--guide-blue);background:#fff;border-color:#afcbdc}
.guide-button-secondary:hover{color:#07557c;background:#e6f0f6}
.fish-guide .guide-small{color:var(--guide-muted);font-size:13px;line-height:1.8}
.guide-toc{display:flex;flex-wrap:wrap;gap:4px 22px;padding:14px 0;border-top:1px solid var(--guide-line);border-bottom:1px solid var(--guide-line)}
.guide-toc a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-decoration:none}
.guide-toc a:hover{text-decoration:underline}
.guide-fields{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.guide-fields span{padding:4px 12px;border:1px solid var(--guide-line);border-radius:4px;background:#fff;font-size:14px}
.guide-refs{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--guide-muted);font-size:12px;white-space:normal}
.guide-refs a{padding:4px;min-width:24px;text-align:center}
.guide-methods{display:grid;gap:24px;margin-top:24px}
.guide-method{margin:0;padding:26px;border:1px solid var(--guide-line);border-radius:8px;background:#fff;min-width:0}
.guide-method-title{display:flex;gap:14px;align-items:baseline}
.guide-method-title>span{font-size:14px;font-weight:700;color:var(--guide-blue)}
.guide-method-title h3{margin:0;font-size:22px}
.fish-guide .guide-method-when{font-weight:700;color:var(--guide-blue)}
.guide-tackle{margin:22px 0 0}
.guide-tackle>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;padding:18px 0;border-top:1px solid #dce7ee}
.guide-tackle dt{font-size:14px;font-weight:700;color:var(--guide-muted)}
.guide-tackle dd{margin:0;min-width:0}
.guide-tackle dd strong{font-size:16px;font-weight:700}
.guide-tackle dd p{margin:7px 0 0;font-size:14px;color:var(--guide-muted);line-height:1.85}
.guide-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.guide-choice{margin:0;padding:24px;border-left:3px solid #3094aa;background:#edf5f7;border-radius:0 6px 6px 0}
.guide-choice h3{margin:0;font-size:17px}
.fish-guide .guide-choice-answer{font-size:18px;font-weight:700;color:#08647c;line-height:1.75}
.guide-choice>p:not(.guide-choice-answer){font-size:14px}
.guide-mistakes>div{padding:22px 0;border-top:1px solid var(--guide-line)}
.guide-mistakes dt{font-size:17px;font-weight:700}
.guide-mistakes dd{margin:8px 0 0;color:var(--guide-muted);font-size:15px}
.guide-checklist{list-style:none;padding:0;display:grid;gap:14px;margin:24px 0}
.guide-checklist li{position:relative;padding:0 0 0 30px}
.guide-checklist li:before{content:'✓';position:absolute;left:0;top:1px;color:var(--guide-blue);font-weight:700}
.guide-unit-note{margin-top:28px;padding:22px;background:#f0f3f5;border-left:3px solid #6e8a9c;border-radius:0 6px 6px 0;font-size:14px}
.guide-unit-note p{font-size:13px;color:var(--guide-muted);margin-bottom:0}
.guide-method-search{border-top:1px solid var(--guide-line);border-bottom:1px solid var(--guide-line);margin:24px 0}
.guide-method-search>summary{padding:14px 0;min-height:48px;font-weight:700;cursor:pointer}
.guide-product-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-product-list li{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid var(--guide-line);background:#fff;border-radius:6px;min-width:0}
.guide-product-list li>span{font-size:12px;color:var(--guide-muted)}
.guide-product-list li>a:not(.guide-product-more){font-size:16px;font-weight:700;line-height:1.8;margin:8px 0;text-decoration:none}
.guide-product-list li>a:hover{text-decoration:underline}
.guide-product-list li>p{font-size:13px;color:var(--guide-muted);margin:0 0 16px}
.guide-product-more{margin-top:auto;padding:8px 0;min-height:44px;font-size:14px}
.guide-faq{margin:24px 0;border-top:1px solid var(--guide-line)}
.guide-faq details{padding:0 4px;border-bottom:1px solid var(--guide-line)}
.guide-faq summary{padding:20px 0;font-weight:700;cursor:pointer;line-height:1.7}
.guide-faq details>p{margin:0 0 22px;font-size:15px;color:var(--guide-muted)}
.fish-guide .guide-sources{padding:26px;border:1px solid var(--guide-line);border-radius:8px;background:#fff;color:var(--guide-muted);font-size:13px}
.guide-sources h2{font-size:19px;color:var(--guide-ink);margin-top:0}
.guide-sources ol{padding-left:24px;margin-bottom:20px}
.guide-sources li{padding:8px 0;scroll-margin-top:24px}
.guide-sources small{display:block;font-size:12px;margin-top:4px}
.guide-sources li:target{background:#edf5f9;outline:4px solid #edf5f9;border-radius:4px}
.guide-end{margin:40px 0}
.guide-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none;margin:26px 0 0}
.guide-flow li{padding-top:12px;border-top:1px solid #b4cddb;font-size:14px;font-weight:700}
.guide-flow span{display:block;color:var(--guide-blue);font-size:13px;font-weight:600}
.guide-hub-filter{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px 24px;padding:24px;border:1px solid var(--guide-line);border-radius:8px;background:#fff;margin:32px 0}
.guide-hub-filter label{font-size:14px;font-weight:700;display:grid;gap:8px}
.guide-hub-filter input,.guide-hub-filter select{min-width:0;max-width:100%;width:100%;min-height:48px;padding:10px 12px;border:1px solid #8caab9;border-radius:5px;background:#fff;color:var(--guide-ink);font:inherit;font-size:16px}
.guide-hub-filter p{grid-column:1/-1;font-size:13px;color:var(--guide-muted);margin:0}
#guide-no-results{padding:24px;background:#edf5f9;border-radius:6px}
.guide-hub-group{margin:44px 0}
.guide-hub-group>h2{padding-bottom:14px;border-bottom:2px solid var(--guide-line);font-size:22px}
.guide-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-hub-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:22px;border:1px solid var(--guide-line);border-radius:8px;background:#fff}
.guide-hub-card>span{font-size:12px;color:var(--guide-muted)}
.guide-hub-card h3{font-size:21px;line-height:1.5;margin:12px 0}
.guide-hub-card h3 a{text-decoration:none;color:var(--guide-ink)}
.guide-hub-card h3 a:hover{color:var(--guide-blue);text-decoration:underline}
.guide-hub-card>p{font-size:14px;line-height:1.85;margin:0 0 16px}
.guide-hub-card .guide-card-methods{font-size:12px;color:var(--guide-muted)}
.guide-card-more{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:44px;padding:10px 0 0;margin-top:auto;border-top:1px solid #dce7ee;font-size:14px;font-weight:700;text-decoration:none}
@media(max-width:850px){.guide-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .fish-guide>section{margin:40px 0}
  .fish-guide .guide-start,.guide-hub-intro{padding:22px 18px}
  .guide-start>p:not(.guide-eyebrow):not(.guide-small){font-size:16px}
  .guide-actions{gap:10px}.guide-actions .guide-button{width:100%}
  .guide-toc{gap:2px 18px}.guide-toc a{font-size:13px}
  .guide-method{padding:20px 16px}.guide-method-title h3{font-size:20px}
  .guide-tackle>div{grid-template-columns:1fr;gap:6px;padding:16px 0}
  .guide-choice-grid,.guide-product-list,.guide-hub-grid{grid-template-columns:1fr}
  .guide-choice{padding:20px}.guide-product-list li{padding:18px}
  .fish-guide .guide-sources{padding:20px 16px}
  .guide-hub-filter{grid-template-columns:1fr;padding:20px 16px}
  .guide-flow{grid-template-columns:1fr;gap:10px}.guide-flow li{display:flex;gap:16px}
  .guide-category-links .guide-button{max-width:100%;font-size:14px}
}