/* A clear hierarchy: catches, boats and conditions before supporting discovery. */
.home-page .home-content { padding-top:24px; }
.home-page :is(h1,h2)[id] { scroll-margin-top:80px; }
.home-catch-header { align-items:center; margin-bottom:12px; }
.home-catch-title { flex-direction:row; align-items:baseline; flex-wrap:wrap; gap:8px 16px; }
.home-catch-filters { display:flex; align-items:flex-start; gap:10px; margin-bottom:8px; }
.home-catch-filters .home-area-picker { flex:1; min-width:0; }
.home-catch-filters .home-filter-button { min-height:44px; padding:8px 12px; border:1px solid var(--line-strong); border-radius:8px; background:var(--surface); }
.home-all-species { margin-top:14px; }
.home-next-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:12px 0 24px; padding:0; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.home-next-links > a { padding:14px 18px; font-size:14px; min-height:56px; }
.home-next-links > a + a { border-left:1px solid var(--line); }
.home-next-links > a > svg:last-child { margin-left:auto; }
.home-next-links > a:hover { background:var(--brand-tint); text-decoration:none; }
.home-next-trip { display:flex; align-items:center; gap:12px; padding:14px 18px; margin-bottom:24px; border-left:3px solid var(--brand); background:var(--brand-tint); border-radius:0 8px 8px 0; }
.home-next-trip > svg { flex-shrink:0; color:var(--brand); }
.home-next-trip > div { flex:1; min-width:0; }
.home-next-trip strong { display:block; font-size:11px; color:var(--brand-strong); }
.home-next-trip p { font-size:14px; line-height:1.7; margin:3px 0 0; overflow-wrap:anywhere; }
.home-next-trip a { display:flex; align-items:center; gap:4px; min-height:44px; font-size:12px; color:var(--brand-strong); font-weight:600; white-space:nowrap; }
.home-next-trip a:focus-visible,.home-community-links a:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
.home-page .home-boats { margin:28px 0; }
.home-page .home-boat-card { position:relative; padding:18px; }
.home-page .home-boat-identity h3 { font-size:18px; }
.home-page .home-boat-date { margin:12px 0 8px; }
.home-page .home-boat-results tbody th,.home-page .home-boat-results td { padding-block:9px; }
.home-page .home-boats-note { font-size:11px; }
.home-page .home-weather { margin:28px 0; padding:20px; background:var(--surface-2); }
.home-page .home-weather .tb-section-header { margin-bottom:12px; padding-bottom:10px; }
.home-page .home-weather .tb-section-title { font-size:19px; }
.home-page .home-weather .tb-btn-primary { color:#fff; }
.home-page .home-events { margin:32px 0; }
.home-events-intro { gap:4px 16px; margin-bottom:10px; }
.home-events-intro > p { font-size:12px; }
.home-event-card { padding-block:14px; }
/* Community entry points remain distinct and comfortably tappable on phones. */
.home-community-links { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin:28px 0; }
.home-community-card { min-width:0; padding:22px; border:1px solid transparent; border-radius:16px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; text-decoration:none; transition:box-shadow .15s ease; }
.home-community-card-plans { background:var(--navy); color:#fff; }
.home-community-card-diagnosis { background:#fff6e6; border-color:#e9d7b4; color:var(--ink); }
.home-community-eyebrow { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; }
.home-community-card-plans .home-community-eyebrow { color:#c0ddf1; }
.home-community-card-diagnosis .home-community-eyebrow { color:#79551f; }
.home-community-card h2 { margin:0; font-size:22px; line-height:1.5; letter-spacing:.01em; }
.home-community-card p { margin:0 0 4px; font-size:14px; line-height:1.8; }
.home-community-card-plans p { color:#d9e7f2; }
.home-community-card-diagnosis p { color:#675333; }
.home-community-cta { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:44px; padding:10px 16px; border-radius:8px; font-size:14px; font-weight:700; line-height:1.5; background:#fff; color:var(--navy); margin-top:auto; }
.home-community-card-diagnosis .home-community-cta { background:var(--navy); color:#fff; }
.home-community-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:auto; }
.home-community-duration { font-size:12px; color:#675333; }
.home-community-characters { display:flex; gap:8px; }
.home-community-characters img { width:64px; height:64px; object-fit:contain; }
.home-community-card:hover { box-shadow:0 5px 16px #15345118; }
.home-community-card:active { box-shadow:inset 0 0 0 2px var(--brand); }
.home-community-card svg { flex-shrink:0; }
/* A shared portrait layout aligns short, long and incomplete profiles. */
.home-people-description { font-size:13px; line-height:1.7; color:var(--ink-2); margin:-2px 0 14px; }
.home-page .home-social-people-list { gap:12px; align-items:stretch; padding:4px 4px 12px; margin-inline:-4px; }
.home-page .home-social-person-card { display:flex; flex-direction:column; align-items:center; gap:12px; flex:0 0 224px; width:224px; padding:22px 18px 0; text-align:center; background:var(--surface); border-radius:14px; }
.home-page .home-social-person-avatar { width:64px; height:64px; flex-shrink:0; box-shadow:0 0 0 5px var(--surface-2); }
.home-page .home-social-person-avatar-fallback { font-size:24px; }
.home-page .home-social-person-info { width:100%; gap:6px; }
.home-page .home-social-person-name { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px; min-height:3em; font-size:16px; line-height:1.5; }
.home-social-person-handle { color:var(--ink-2); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.home-page .home-social-person-area { display:flex; align-items:center; justify-content:center; gap:4px; font-size:12px; color:var(--ink-2); }
.home-social-person-intro { margin:0; font-size:13px; line-height:1.7; color:var(--ink-2); overflow-wrap:anywhere; }
.home-page .home-social-person-chips { justify-content:center; }
.home-social-person-action { display:flex; align-items:center; justify-content:center; gap:8px; align-self:stretch; min-height:48px; margin-top:auto; border-top:1px solid var(--line); color:var(--brand-strong); font-size:12px; font-weight:700; }
.home-page .home-social-person-card:active { background:var(--brand-tint); }
.home-page .home-social-people-list:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
@media (min-width:768px) {
 .home-community-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-community-card { padding:28px; }
 .home-community-card h2 { font-size:24px; }
}
@media (min-width:1200px) {
 .home-page .home-social-person-card { flex:1 0 200px; }
}
.home-boat-swipe-hint { display:none; }
.home-boats-more:not([open]) > .home-boat-grid { display:none; }
.home-page .count-info > summary { width:44px; height:44px; }
.home-page .count-info-pop { top:48px; }
.home-page .article-scroll-button { width:44px; height:44px; }
.home-page .home-data-tools > summary { min-height:44px; font-size:12px; }
.home-page .tb-section-link { min-height:44px; display:inline-flex; align-items:center; }
.home-page select { font-size:16px; }
.home-page .sp-jump-chip { min-height:44px; display:inline-flex; align-items:center; }
@media (max-width:767px) {
 .home-page .home-content { padding-top:18px; }
 .home-catch-title { flex-direction:column; align-items:flex-start; gap:4px; }
 .home-catch-filters { display:grid; grid-template-columns:minmax(0,1fr) 112px; }
 .home-catch-filters .home-area-picker { grid-area:1/1/2/3; }
 .home-catch-filters .home-area-picker-toggle { max-width:calc(100% - 122px); }
 .home-catch-filters .home-filter-button { grid-area:1/2; width:112px; }
 .home-next-links > a { flex-direction:column; justify-content:center; gap:6px; padding:12px 4px; font-size:13px; line-height:1.5; text-align:center; }
 .home-next-links > a > svg:last-child { display:none; }
 .home-next-trip { gap:8px; padding:12px; flex-wrap:wrap; }
 .home-next-trip > div { flex-basis:calc(100% - 32px); }
 .home-next-trip a { margin-left:28px; min-height:44px; }
 .home-page .home-boats { margin-block:24px; }
 .home-page .home-boat-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:88%; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding:3px 3px 12px; margin-inline:-3px; }
 .home-page .home-boat-card { scroll-snap-align:start; padding:14px; }
 .home-page .home-boat-identity { align-items:flex-start; flex-direction:column; gap:4px; }
 .home-page .home-boat-results { table-layout:auto; }
 .home-page .home-boat-results th:first-child { width:auto; }
 .home-page .home-boat-results thead th { white-space:nowrap; }
 .home-page .home-boat-results th:not(:first-child),.home-page .home-boat-results td { padding-left:8px; }
 .home-page .home-boat-results td { font-size:16px; }
 .home-boat-swipe-hint { display:flex; align-items:center; gap:6px; color:var(--ink-2); font-size:11px; margin:-4px 0 8px; }
 .home-boat-grid:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
 .home-page .home-weather { padding:16px; }
 .home-page .home-weather .tb-section-header { flex-wrap:wrap; gap:4px 12px; }
 .home-page .tb-week { overflow-x:auto; max-width:100%; padding:3px; scroll-snap-type:x proximity; }
 .home-page .tb-week a { flex:1 0 44px; min-width:44px; min-height:60px; scroll-snap-align:start; }
 .home-page .home-weather .tb-bridge-links { grid-template-columns:minmax(0,1fr); margin-top:12px; }
 .home-forecast-picker { width:100%; }
 .home-forecast-picker > div { flex-direction:column; }
 .home-forecast-picker select,.home-forecast-picker button { width:100%; min-height:48px; }
 .home-page .home-weather .fieldnote-discover > .tb-btn { width:100%; white-space:normal; }
 .home-page .tb-section-header { flex-wrap:wrap; gap:4px 12px; margin-bottom:12px; }
 .home-page .home-events-intro { align-items:flex-start; gap:10px; }
 .home-event-filters { display:grid; grid-template-columns:1fr 1fr; width:100%; gap:8px; }
 .home-event-filters a { font-size:13px; }
 .home-event-filters a:last-child { grid-column:1/-1; }
 .home-page .home-event-body h3 { font-size:15px; }
 .home-page .home-event-location { font-size:13px; }
 .home-page .article-scroll-controls { width:100%; }
 .home-page .article-scroll-controls > a { margin-right:auto; }
 .home-page .article-card { width:min(82vw,300px); min-width:min(82vw,300px); }
 .home-page .article-card-title { font-size:15px; line-height:1.6; }
 .home-page .article-card-meta { font-size:12px; }
 .home-page .catch-species-head { display:grid; grid-template-columns:minmax(0,1fr) 24px; grid-template-areas:"title toggle" "latest toggle"; gap:0 8px; }
 .home-page .catch-species-title { grid-area:title; }
 .home-page .catch-species-title strong { overflow-wrap:anywhere; }
 .home-page .home-catch-latest { grid-area:latest; text-align:left; padding-left:88px; white-space:normal; }
 .home-page .home-catch-latest small { display:inline; margin-left:8px; font-size:12px; }
 .home-page .home-catch-toggle { grid-area:toggle; }
 .home-page .catch-row { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:12px; }
 .home-page .catch-row-metrics { justify-content:flex-end; }
 .home-page .catch-row-boat { overflow-wrap:anywhere; }
 .home-page .catch-row-port { font-size:12px; }
 .home-page .catch-row-count { font-size:22px; }
 .home-page .home-preparation-text p { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
 .home-highlight,.home-community-card { transition:none; }
}

/* Species settings remain comfortably operable with a thumb. */
#species-sheet button { min-height:44px; }
#species-sheet .sheet-panel { overscroll-behavior:contain; }
#species-sheet #sheet-list { overscroll-behavior:contain; }
#species-sheet .sheet-toggle:focus-visible { outline:3px solid var(--brand); outline-offset:3px; }
#species-sheet .sheet-tools { padding:0 20px 10px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
@media (max-width:479px) {
 #species-sheet .sheet-label,.sheet-drag-ghost .sheet-label { display:none; }
 #species-sheet .sheet-tools { flex-direction:column; align-items:stretch; }
 #species-sheet .sheet-tools button { flex:1; }
}