/* Visual-first layer: text labels remain alongside decorative icons. */
:where(.gha-adventure,.ghlb-panel,.ghgr-card,.ghrr-card,.gh-learn){--gh-ink:#17314b;--gh-blue:#1486c8;--gh-navy:#273772;--gh-paper:#f7f4ec;font-family:'DM Sans',system-ui,sans-serif;line-height:1.55;color:var(--gh-ink)}
:where(.gha-adventure,.ghlb-panel,.ghgr-card,.ghrr-card,.gh-learn) :is(h2,h3,h4){font-family:'Caveat Brush','Arial Rounded MT Bold','Trebuchet MS',sans-serif;color:#273772;line-height:1.2;letter-spacing:0}
.ghv-icon{display:inline-block;width:1.55em;height:1.55em;flex-shrink:0;vertical-align:middle;color:#1486c8;margin-right:.45em}
.gha-step-intro h3{display:flex;align-items:center;gap:.3rem}.gha-step-intro h3 .ghv-icon{padding:10px;box-sizing:content-box;background:#bcdbe6;border-radius:50%;width:30px;height:30px}
.ghv-more{margin:12px 0;border:1px solid #bcdbe6;border-radius:12px;background:white;padding:0 14px;overflow:hidden}.ghv-more>summary{padding:13px 4px;cursor:pointer;font-weight:700;min-height:44px;box-sizing:border-box;color:#273772}.ghv-more[open]>summary{border-bottom:1px solid #bcdbe6;margin-bottom:12px}.ghv-more :is(p,li){max-width:68ch}.ghv-more li+li{margin-top:10px}.ghv-more summary:focus-visible{outline:3px solid #1486c8;outline-offset:-3px}
.ghv-safety{display:flex;align-items:flex-start;gap:8px;background:#e7f3f8;padding:14px 16px;border-radius:12px;font-size:15px;max-width:75ch}.ghv-safety .ghv-icon{width:24px;height:24px;margin:0}
.ghv-guided{background:transparent!important;padding:0!important;margin-top:16px!important}.ghv-guided .ghlb-sheet{max-width:760px;margin:16px auto}.ghv-guided .ghlb-how{padding:0;background:transparent}.ghv-guided .ghlb-step-grid{margin-top:12px}.ghv-guided .ghlb-selected-image{display:block;margin:16px auto}.ghv-knot{margin:20px 0}.ghv-knot h3{display:flex;align-items:center}.ghv-sequence{display:flex;flex-wrap:wrap;gap:10px;counter-reset:action}.ghv-sequence span{background:#bcdbe6;border-radius:12px;padding:10px 16px;font-weight:700}.ghv-sequence span+span:before{content:'→';margin-right:10px;color:#273772}
.ghv-gear-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ghv-gear-cards article{border:1px solid #bcdbe6;background:white;border-radius:18px;padding:20px}.ghv-gear-cards .ghv-icon{width:44px;height:44px;margin:0}.ghv-gear-cards h3{margin:10px 0}.ghv-gear-cards p{margin-bottom:0}
.ghv-guided .ghgr-item-photo>.ghv-icon{width:64px;height:64px;margin:20px}.ghv-guided .ghgr-check-image>.ghv-icon{width:30px;height:30px;margin:0}.ghv-guided .ghgr-item{padding:16px}.ghv-guided .ghgr-item h4{margin:12px 0 6px}.ghv-guided .ghgr-check-item{min-height:70px}.ghv-guided .ghgr-check-image{min-width:48px}.ghv-guided .ghgr-checklist{gap:10px}
.gh-learn-topics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}.gh-learn-topics a{display:flex!important;align-items:center;min-height:64px;padding:14px!important;border:1px solid #bcdbe6;border-radius:14px;background:#f7f4ec;color:#273772!important;font-weight:700;text-decoration:none}.gh-learn-topics a:hover{background:#bcdbe6}.gh-learn .ghv-more summary{display:list-item}.gh-learn .ghv-more .ghv-icon{width:23px;height:23px}.gh-learn-lesson{scroll-margin-top:90px}
@media(max-width:650px){.ghv-gear-cards,.gh-learn-topics{grid-template-columns:1fr!important}.gha-step-intro h3{font-size:1.65rem}.ghv-guided .ghgr-adjust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ghv-guided .ghgr-item{padding:10px}.ghv-guided .ghgr-item h4{font-size:1.15rem}.ghv-more{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.gha-adventure *{scroll-behavior:auto;transition:none!important}}

.gha-adventure .gha-restart-controls button{font-size:13px;padding:8px 12px;box-shadow:none;min-height:44px}.gha-adventure .gha-feedback:not(:empty){padding:14px;border:2px solid #1486c8;border-radius:12px;background:#e7f3f8}.gha-adventure .gha-nav .gha-next{min-height:52px;font-weight:800}.ghv-guided button:focus-visible,.ghv-guided input:focus-visible,.gh-learn-topics a:focus-visible{outline:3px solid #1486c8;outline-offset:4px}
/* Planner 4.16: the guided task is primary; Explore is a quiet escape route. */
.gha-adventure .gha-top a.gha-explore-button{display:inline-flex!important;min-height:44px!important;padding:8px 12px!important;border:1px solid #bcdbe6!important;border-radius:10px!important;background:white!important;color:#273772!important;font-size:14px!important;font-weight:600!important;box-shadow:none!important;text-decoration:underline!important}.gha-adventure .gha-top a.gha-explore-button:hover{background:#e7f3f8!important}.gha-introduction{max-width:70ch}.gha-adventure .gh-flow-switch{display:flex;flex-wrap:wrap;gap:12px;padding:18px;background:#e7f3f8;border-radius:16px}.gha-adventure .gh-flow-switch h3{width:100%;margin:0 0 8px}.gha-adventure .gh-flow-switch button{flex:1;min-width:150px;min-height:58px;border:2px solid #1486c8;border-radius:12px;background:white;color:#273772;font-weight:800}.gha-adventure .gh-flow-switch button[aria-pressed=true]{background:#1486c8;color:white}.gha-adventure .gh-plan-intro{display:none}.gha-plan-pictures:empty{display:none}.gha-plan-pictures h3{font-size:1.15rem!important;margin:12px 0}.gha-choice-pictures{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.gha-choice-pictures figure{margin:0;border:1px solid #bcdbe6;border-radius:12px;padding:8px;background:white}.gha-choice-pictures img{width:100%;height:75px;object-fit:contain}.gha-choice-pictures figcaption{line-height:1.25;font-size:12px}.gha-choice-pictures small,.gha-choice-pictures strong{display:block}.gha-choice-pictures small{color:#1486c8;margin:5px 0}.gha-choice-pictures strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gha-equipment-image{display:block;width:100%;height:190px;object-fit:contain}.gha-adventure .ghgr-item-photo{height:auto!important;min-height:220px!important}.gha-adventure .ghgr-item-photo img{width:100%!important;height:240px!important;max-height:none!important;object-fit:contain!important}.gha-adventure .ghgr-adjust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gha-rule-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gha-rule-pictures figure{margin:0;padding:12px;border:1px solid #bcdbe6;border-radius:14px;background:white}.gha-rule-pictures img{width:100%;height:150px;object-fit:contain}.gha-rule-pictures figcaption p{font-size:14px;line-height:1.4}.gha-bag-picture{position:relative}.gha-bag-picture>span{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:800;color:#273772;white-space:nowrap}.gha-read-status{font-size:13px}@media(max-width:650px){.gha-rule-pictures{grid-template-columns:1fr}.gha-rule-pictures figure{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:10px}.gha-rule-pictures img{height:120px}.gha-choice-pictures{grid-template-columns:repeat(3,minmax(0,1fr))}.gha-equipment-image{height:150px}.gha-adventure .ghgr-item-photo img{height:190px!important}}@media print{}
.gh-explore-reset{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.gh-explore-reset button{min-height:46px;padding:10px 16px;border:1px solid #273772;border-radius:12px;background:white;color:#273772;font:inherit;font-weight:700}.gh-explore-reset .gh-reset-message{width:100%;margin:0}.gh-explore-reset button:focus-visible{outline:3px solid #1486c8;outline-offset:3px}
.gha-adventure .gh-explore-reset{display:none}.gh-badge-group h3{text-transform:uppercase;letter-spacing:.02em}
.gha-when{margin:20px 0;padding:18px;border:1px solid #bcdbe6;border-radius:18px;background:white}.gha-when-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gha-when-cards figure{margin:0;border-radius:12px;background:#f7f4ec;padding:12px}.gha-when-cards img{width:100%;height:140px;object-fit:contain}.gha-when-cards small,.gha-when-cards strong{display:block;line-height:1.4}.gha-when-cards small{color:#1486c8;margin:8px 0}.gha-when details{margin-top:14px}.gha-when summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.gha-adventure .gha-badges-link{display:inline-flex;align-items:center;min-height:44px;margin-left:10px;padding:8px 12px;border:1px solid #bcdbe6;border-radius:10px;color:#273772;background:white;font-size:14px}.gh-badge-empty{padding:22px;border:2px solid #1486c8;border-radius:18px;background:white}.gh-badge-get-started{display:inline-flex;align-items:center;min-height:48px;padding:12px 18px;border-radius:12px;background:#1486c8;color:white!important;font-weight:800;text-decoration:none}.gh-badge-get-started:focus-visible{outline:3px solid #273772;outline-offset:4px}@media(max-width:650px){.gha-when-cards{grid-template-columns:1fr}.gha-when-cards figure{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px}.gha-when-cards img{height:100px}.gha-adventure .gha-badges-link{margin-left:0}}
.gh-adventure-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:left;margin:22px 0}.gh-adventure-picture{padding:16px;border:1px solid #bcdbe6;border-radius:16px;background:white;display:flex;flex-direction:column;gap:8px}.gh-adventure-picture img{width:100%;height:170px;object-fit:contain}.gh-adventure-picture small{color:#1486c8;font-weight:700}.gh-adventure-picture strong{font-size:1rem;line-height:1.4}.gh-adventure-placeholder{display:grid;place-items:center;height:170px;background:#e7f3f8;border-radius:12px;color:#1486c8;font-size:3rem}.gh-adventure-details{text-align:left;background:white;border:1px solid #bcdbe6;border-radius:12px;padding:0 16px}.gh-adventure-details summary{padding:14px 0;min-height:44px;cursor:pointer;font-weight:700;color:#273772}.gh-adventure-details p{font-size:15px;line-height:1.5}@media(max-width:650px){.gh-adventure-pictures{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gh-adventure-picture{padding:10px}.gh-adventure-picture img,.gh-adventure-placeholder{height:130px}}
/* Full-width equipment media; preserve portrait fact sheets without cropping. */
.ghgr-card .ghgr-adjust-grid .ghgr-item-photo{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;box-sizing:border-box;overflow:hidden;margin:0 0 14px}
.ghgr-card .ghgr-adjust-grid .ghgr-item-photo .ghgr-illustration{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:12px;margin:0}
.ghgr-card .ghgr-adjust-grid .ghgr-item-photo>.ghv-icon{display:block;width:100%!important;height:170px!important;padding:32px;box-sizing:border-box;margin:0!important}
/* Keep disclosure headings clean even when a theme adds square borders. */
:is(.gha-adventure,.ghrr-card,.ghgr-card,.ghlb-panel) details>summary{border:0!important;box-shadow:none!important;outline:none!important}
:is(.gha-adventure,.ghrr-card,.ghgr-card,.ghlb-panel) details>summary:focus-visible{outline:3px solid #1486c8!important;outline-offset:3px}
/* Consistent image corners, scoped to Get Hooked content. */
:is(.gha-adventure,.gh-finder-root,.gh-my-plan,.ghrr-card,.ghrr-recommendation,.ghrr-practice,.ghgr-card,.ghgr-ready,.ghlb-panel,.gh-learn,.gh-badge-collection,.gh-advanced-experience) img{border-radius:16px!important}
/* Keep the selected fish's image box at its natural ratio, so its corners show. */
.gha-adventure .gha-rules-fish img{display:block;width:auto;max-width:100%;height:auto;max-height:240px;margin-inline:auto;object-fit:contain}
/* Let planner prose use its container width; keep consistent internal spacing. */
.gha-adventure :is(p,li){max-width:none!important;overflow-wrap:break-word;text-align:left}
.gha-adventure :is(.gh-step,.gh-result,.gh-insight,.gh-advanced-invite){padding:clamp(16px,2vw,24px)!important}
.gha-adventure :is(.ghrr-card.ghv-guided,.ghgr-card.ghv-guided,.ghlb-panel.ghv-guided){padding:clamp(16px,2vw,24px)!important}
.gha-adventure .ghv-more{padding:0 clamp(16px,2vw,24px)!important}
.gha-adventure .ghv-more>summary{padding:14px 0!important}
.gha-adventure .ghv-more>:not(summary){margin-top:12px;margin-bottom:16px}
.gha-adventure .ghv-safety{max-width:none!important;width:100%;padding:16px!important;margin:16px 0!important}
.gha-adventure :is(.gh-step,.gh-result,.gh-insight,.gh-advanced-invite,.ghrr-card,.ghgr-card,.ghlb-panel)>p{width:auto;margin-left:0;margin-right:0}
.gha-adventure .ghlb-sheet{padding:12px;box-sizing:border-box}
