body.areas-page {background: #F4F8FC}
.ad-page {--ad-bg: #F4F8FC;--ad-card: #FFFFFF;--ad-primary: #0B6BCB;--ad-primary2: #0E86D4;--ad-ink: #0F2A44;--ad-muted: #4A5D72;--ad-up: #0E9F6E;--ad-up-text: #0A7A55;--ad-down: #D64545;--ad-down-text: #B83232;--ad-peak: #F59E0B;--ad-peak-bg: #FEF3C7;--ad-peak-ink: #7A4A00;--ad-boat: #0A6B4D;--ad-line: #DCE6F0;--ad-ring: #E3ECF5;--ad-tint: #EAF2FB;--ad-h1: #DCEBFB;--ad-h2: #A9CDF3;--ad-h3: #6DAAE8;--ad-h4: #1A73D0;--ad-h5: #084E96;--ad-r: 16px;--ad-sh: 0 1px 2px rgba(15, 42, 68, .06), 0 8px 24px rgba(15, 42, 68, .06);--ad-pad: 24px;max-width: 1200px;margin: 0 auto;padding: 16px 16px 56px;color: var(--ad-ink);font-size: 15px;line-height: 1.7;overflow-wrap: anywhere}
.ad-page *,
.ad-page *::before,
.ad-page *::after {box-sizing: border-box;min-width: 0}
.ad-page [hidden] {display: none !important}
.ad-page img,
.ad-page svg {max-width: 100%}
.ad-page a {color: var(--ad-primary)}
.ad-page h1,
.ad-page h2,
.ad-page h3 {margin: 0;font-weight: 700;line-height: 1.35;color: inherit}
.ad-page button {font: inherit;color: inherit;cursor: pointer}
.ad-num,
.ad-page .ad-kpi-value,
.ad-page .ad-ac-big,
.ad-page .ad-rk,
.ad-page .ad-hc,
.ad-page .ad-st-v,
.ad-page .ad-rank-v,
.ad-page .ad-hbar-v,
.ad-page .ad-fi-n {font-variant-numeric: tabular-nums}
.ad-muted {color: var(--ad-muted)}
.ad-visually-hidden {position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}
.ad-icon {flex: none;fill: none;stroke: currentColor;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round}
.ad-section {margin-top: 32px}
.ad-sh {display: flex;gap: 12px;align-items: center;margin: 0 0 14px}
.ad-sh-ico {display: grid;flex: none;place-items: center;width: 32px;height: 32px;border-radius: 10px;background: rgba(11, 107, 203, .1);color: var(--ad-primary)}
.ad-sh h2 {font-size: 20px}
.ad-sh-sub {margin: 2px 0 0;color: var(--ad-muted);font-size: 13px;line-height: 1.5}
.ad-card {padding: var(--ad-pad);border-radius: var(--ad-r);background: var(--ad-card);box-shadow: var(--ad-sh)}
.ad-chips {display: flex;gap: 8px;margin: 0 -16px;padding: 2px 16px 4px;overflow-x: auto;scroll-snap-type: x proximity;scroll-padding: 0 16px;scrollbar-width: none}
.ad-chip {display: inline-flex;flex: none;align-items: center;gap: 6px;min-height: 40px;padding: 6px 14px;border: 1px solid var(--ad-line);border-radius: 999px;background: #fff;color: var(--ad-ink) !important;font-size: 13px;white-space: nowrap;text-decoration: none;scroll-snap-align: start}
.ad-chip[aria-current="page"] {border-color: var(--ad-primary);background: var(--ad-primary);color: #fff !important}
.ad-seg {display: inline-flex;flex-wrap: wrap;max-width: 100%;padding: 3px;border-radius: 999px;background: var(--ad-tint)}
.ad-seg > a,
.ad-seg > button {display: inline-flex;align-items: center;min-height: 40px;padding: 6px 16px;border: 0;border-radius: 999px;background: transparent;color: var(--ad-muted) !important;font-size: 13px;font-weight: 500;text-decoration: none;white-space: nowrap}
.ad-seg > [aria-current="page"],
.ad-seg > [aria-pressed="true"],
.ad-seg > [aria-selected="true"] {background: #fff;box-shadow: 0 1px 2px rgba(15, 42, 68, .12);color: var(--ad-ink) !important;font-weight: 700}
.ad-page a:focus-visible,
.ad-page button:focus-visible,
.ad-hscroll:focus-visible {outline: 3px solid var(--ad-primary);outline-offset: 2px}
.ad-up {color: var(--ad-up-text);font-weight: 700}
.ad-down {color: var(--ad-down-text);font-weight: 700}
.ad-flat {color: var(--ad-muted);font-weight: 700}
.ad-few {padding: 2px 10px;border-radius: 999px;background: var(--ad-tint);color: var(--ad-muted);font-size: 12px;white-space: nowrap}
.ad-arrow {display: inline-block;margin-right: 2px;vertical-align: -1px}
.ad-thumb {position: relative;display: grid;flex: none;place-items: center;width: 44px;height: 44px;overflow: hidden;border: 1px solid var(--ad-ring);border-radius: 50%;background: #fff}
.ad-thumb img {position: absolute;inset: -10%;width: 120%;height: 120%;max-width: none;object-fit: contain}
.ad-thumb--photo img {inset: 0;width: 100%;height: 100%;object-fit: cover}
.ad-thumb-glyph {width: 60%;height: 60%;fill: none;stroke: var(--ad-h3);stroke-width: 1.5;stroke-linejoin: round}
.ad-thumb--lg {width: 72px;height: 72px}
.ad-thumb--sm {width: 32px;height: 32px}
.ad-thumb--xs {width: 24px;height: 24px}
.ad-hold {margin: 24px 0 0;padding: 14px;border-radius: 12px;background: var(--ad-tint);color: var(--ad-muted);font-size: 13px}
.ad-note {margin: 10px 0 0;color: var(--ad-muted);font-size: 12px}
.ad-note--top {margin: 0 0 6px}
.ad-btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 10px 22px;border: 0;border-radius: 999px;background: var(--ad-primary);color: #fff !important;font-weight: 700;text-decoration: none}
.ad-link-btn {min-height: 44px;padding: 8px 0;border: 0;background: none;color: #fff;font-size: 13px;font-weight: 500;text-decoration: underline;text-underline-offset: 3px}
.ad-band {position: relative;overflow: hidden;padding: 40px 32px 88px;border-radius: 20px;background: linear-gradient(135deg, var(--ad-primary) 0%, var(--ad-primary) 62%, var(--ad-primary2) 100%);color: #fff}
.ad-contour {position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none}
.ad-band-body {position: relative;max-width: 760px}
.ad-band h1 {color: #fff;font-size: clamp(26px, 5.5vw, 36px)}
.ad-lead {margin: 10px 0 0;color: #fff;font-size: 15px}
.ad-eyebrow {margin: 0 0 10px;color: #fff;font-size: 12px;font-weight: 600;line-height: 1;letter-spacing: .08em;text-transform: uppercase}
.ad-crumb {display: flex;flex-wrap: wrap;gap: 6px;align-items: center;margin: 0 0 12px;font-size: 13px}
.ad-page .ad-crumb a {color: #fff}
.ad-band-meta {display: flex;flex-wrap: wrap;gap: 8px;align-items: center;margin: 12px 0}
.ad-band-chip {display: inline-flex;align-items: center;min-height: 32px;padding: 3px 12px;border: 1px solid rgba(255, 255, 255, .55);border-radius: 999px;background: rgba(255, 255, 255, .16);font-size: 13px}
.ad-band-last {display: inline-flex;align-items: center;gap: 6px;font-size: 13px}
.ad-intro p {margin: 0}
.ad-intro p + p {margin-top: 6px}
.ad-intro.is-clamped {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.ad-over {position: relative;z-index: 1;margin: -56px 24px 0}
.ad-kpis {display: grid;gap: 12px}
.ad-kpi {padding: 18px 20px;border-radius: var(--ad-r);background: #fff;box-shadow: var(--ad-sh)}
.ad-kpi-label {display: flex;align-items: center;gap: 6px;margin-bottom: 6px;color: var(--ad-muted);font-size: 12px}
.ad-kpi-label .ad-icon {color: var(--ad-primary)}
.ad-kpi-value {font-size: 32px;font-weight: 700;line-height: 1.1;letter-spacing: -.01em}
.ad-kpi-value small {margin-left: 4px;color: var(--ad-muted);font-size: 13px;font-weight: 500;letter-spacing: 0}
.ad-kpi-value--name {font-size: 22px}
.ad-kpi-note {margin-top: 6px;color: var(--ad-muted);font-size: 12px}
.ad-kpi-fish {display: flex;align-items: center;gap: 10px}
.ad-filterbar {display: flex;flex-wrap: wrap;gap: 10px 16px;align-items: center;justify-content: space-between;margin-bottom: 12px}
.ad-filter-group {display: flex;flex-direction: column;gap: 8px;width: 100%}
.ad-region {display: flex;flex-wrap: wrap;gap: 4px 12px;align-items: center;margin: 28px 0 12px;font-size: 17px}
.ad-region:first-of-type {margin-top: 8px}
.ad-region-sum {color: var(--ad-muted);font-size: 12px;font-weight: 500}
.ad-region-sum b {color: var(--ad-ink);font-size: 14px}
.ad-region::after {content: "";flex: 1;min-width: 16px;height: 1px;background: var(--ad-line)}
.ad-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));gap: 16px}
.ad-page .ad-ac {position: relative;display: flex;flex-direction: column;gap: 14px;padding: 22px 20px 18px;overflow: hidden;border-radius: var(--ad-r);background: #fff;box-shadow: var(--ad-sh);color: var(--ad-ink);text-decoration: none;transition: transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .2s}
.ad-page .ad-ac:hover {transform: translateY(-2px);box-shadow: 0 2px 4px rgba(15, 42, 68, .08), 0 16px 32px rgba(15, 42, 68, .14)}
.ad-tbar {position: absolute;top: 0;right: 0;left: 0;height: 4px;background: #9DB6D1}
.ad-tbar--up {background: var(--ad-up)}
.ad-tbar--down {background: var(--ad-down)}
.ad-ac-top {display: flex;gap: 10px;align-items: flex-start}
.ad-rk {display: grid;flex: none;place-items: center;width: 28px;height: 28px;border: 1.5px solid #9DB6D1;border-radius: 50%;background: #fff;color: var(--ad-ink);font-size: 13px;font-weight: 700}
.ad-rk--top {border-color: var(--ad-primary);background: var(--ad-primary);color: #fff}
.ad-ac-name {flex: 1}
.ad-ac h3 {font-size: 18px}
.ad-ac-pref {overflow: hidden;color: var(--ad-muted);font-size: 12px;white-space: nowrap;text-overflow: ellipsis}
.ad-ac-last {display: inline-flex;align-items: center;gap: 4px;color: var(--ad-muted);font-size: 12px;white-space: nowrap}
.ad-ac-mid {display: flex;flex-direction: column;gap: 8px}
.ad-ac-cnt {display: flex;flex-wrap: wrap;gap: 4px 12px;align-items: baseline}
.ad-ac-lbl {flex: 1 1 100%;color: var(--ad-muted);font-size: 12px;line-height: 1.2}
.ad-ac-big {font-size: 32px;font-weight: 700;line-height: 1}
.ad-ac-big small {margin-left: 3px;color: var(--ad-muted);font-size: 13px;font-weight: 500}
.ad-ac-dl {font-size: 13px}
.ad-ac-sub {color: var(--ad-muted);font-size: 12px}
.ad-ac-none {margin: 0;color: var(--ad-muted);font-size: 12px}
.ad-chart {position: relative;height: 56px}
.ad-chart svg {position: absolute;top: 0;left: 0;display: block;width: calc(100% - 3px);height: 100%;overflow: visible}
.ad-chart-area {fill: rgba(11, 107, 203, .12)}
.ad-chart-line {fill: none;stroke: var(--ad-primary);stroke-width: 2;stroke-linejoin: round}
.ad-chart-dot {position: absolute;left: calc(100% - 3px);width: 6px;height: 6px;border-radius: 50%;background: var(--ad-primary);box-shadow: 0 0 0 2px #fff;transform: translate(-50%, -50%)}
.ad-fishes {display: flex;flex-direction: column;gap: 8px;padding-top: 12px;border-top: 1px solid var(--ad-line)}
.ad-fi {display: flex;align-items: center;gap: 10px;font-size: 13px}
.ad-fi .ad-thumb {width: 40px;height: 40px}
.ad-fi-name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.ad-fi-n {margin-left: auto;font-size: 13px;font-weight: 700}
.ad-fi-n small {margin-left: 2px;color: var(--ad-muted);font-size: 12px;font-weight: 500}
@media (min-width: 600px) {.ad-page .ad-ac--lead {grid-column: span 2;padding: 26px 28px 22px}
.ad-ac--lead h3 {font-size: 22px}
.ad-ac--lead .ad-ac-mid {display: grid;grid-template-columns: minmax(0, 190px) minmax(0, 1fr);gap: 24px;align-items: end}
.ad-ac--lead .ad-chart {height: 96px}
.ad-ac--lead .ad-fishes {flex-direction: row;gap: 12px 20px;margin-top: auto}
.ad-ac--lead .ad-fi {display: grid;flex: 1 1 0;grid-template-columns: 56px minmax(0, 1fr);grid-template-rows: auto auto;column-gap: 12px;align-items: center}
.ad-ac--lead .ad-fi .ad-thumb {grid-row: 1 / 3;width: 56px;height: 56px}
.ad-ac--lead .ad-fi-n {margin: 0;font-size: 15px}}
.ad-ac--compact .ad-fishes {flex-direction: row;gap: 6px;padding-top: 0;border-top: 0}
.ad-ac--compact .ad-fi {display: grid;flex: 1 1 0;grid-template-columns: 28px minmax(0, 1fr);grid-template-rows: auto auto;column-gap: 6px;align-items: center;padding: 4px 6px 4px 4px;border-radius: 12px;background: var(--ad-bg);line-height: 1.25}
.ad-ac--compact .ad-fi .ad-thumb {grid-row: 1 / 3;width: 28px;height: 28px}
.ad-ac--compact .ad-fi-name {font-size: 12px;font-weight: 700}
.ad-ac--compact .ad-fi-n {margin: 0;font-size: 12px}
@media (min-width: 900px) {.ad-grid--flat {grid-template-columns: repeat(3, minmax(0, 1fr))}
.ad-grid--hero .ad-ac--lead {grid-column: 1 / 3;grid-row: 1 / 3}
.ad-grid--hero .ad-ac--compact {grid-column: 3}
.ad-grid--flat .ad-ac--lead .ad-ac-mid {display: flex;flex: 1;flex-direction: column;gap: 10px;align-items: stretch}
.ad-grid--flat .ad-ac--lead .ad-ac-big {font-size: 44px}
.ad-grid--flat .ad-ac--lead .ad-chart {flex: 1;height: auto;min-height: 120px}
.ad-grid--flat .ad-ac--compact .ad-fi {grid-template-columns: minmax(0, 1fr);padding: 4px 8px}
.ad-grid--flat .ad-ac--compact .ad-fi .ad-thumb {display: none}
.ad-grid--flat .ad-ac--compact .ad-fi-name,
.ad-grid--flat .ad-ac--compact .ad-fi-n {grid-column: 1}}
.ad-tools {display: flex;flex-wrap: wrap;gap: 12px;align-items: center;justify-content: space-between;margin-bottom: 14px}
.ad-tools .ad-sh {margin: 0}
.ad-hm {--ad-lab: 84px;--ad-ch: 30px}
.ad-hm--detail {--ad-lab: 112px}
.ad-hm-head,
.ad-hm-row {display: grid;grid-template-columns: var(--ad-lab) repeat(12, minmax(0, 1fr));gap: 3px;align-items: center}
.ad-hm-row {margin-top: 3px}
.ad-hm-head > span {padding: 6px 0;border-radius: 6px;color: var(--ad-muted);font-size: 12px;font-weight: 600;line-height: 1;text-align: center}
.ad-hm-head > .ad-hm-cur {background: var(--ad-peak-bg);color: var(--ad-peak-ink)}
.ad-hm-short {display: none}
.ad-hm-lab {display: flex;align-items: center;gap: 6px;font-size: 13px;line-height: 1.2}
.ad-hm-lab b {overflow: hidden;font-weight: 500;white-space: nowrap;text-overflow: ellipsis}
.ad-hc {position: relative;height: var(--ad-ch);border-radius: 6px;color: var(--ad-ink);font-size: 12px;font-weight: 600;line-height: var(--ad-ch);text-align: center}
.ad-hc--l0 {border: 1px solid var(--ad-line);background: transparent;color: var(--ad-muted);line-height: calc(var(--ad-ch) - 2px)}
.ad-hc--l1 {background: var(--ad-h1)}
.ad-hc--l2 {background: var(--ad-h2)}
.ad-hc--l3 {background: var(--ad-h3)}
.ad-hc--l4 {background: var(--ad-h4);color: #fff}
.ad-hc--l5 {background: var(--ad-h5);color: #fff}
.ad-hc.ad-hm-cur {box-shadow: 0 0 0 2px var(--ad-peak)}
.ad-hc--pk::after {content: "";position: absolute;top: 2px;right: 2px;border: 5px solid transparent;border-top-color: var(--ad-peak);border-right-color: var(--ad-peak)}
.ad-legend {display: flex;flex-wrap: wrap;gap: 6px 14px;align-items: center;margin-top: 12px;color: var(--ad-muted);font-size: 12px}
.ad-legend-sw {display: inline-flex;gap: 2px;align-items: center}
.ad-legend-sw i,
.ad-legend-cur,
.ad-legend-band,
.ad-legend-peak {display: inline-block;width: 16px;height: 12px;border-radius: 3px;vertical-align: middle}
.ad-legend-sw .ad-hc--l0 {border: 1px solid var(--ad-line)}
.ad-legend-cur {box-shadow: inset 0 0 0 2px var(--ad-peak)}
.ad-legend-band {background: var(--ad-peak-bg)}
.ad-legend-peak {background: var(--ad-peak)}
.ad-legend-tri {display: inline-block;width: 0;height: 0;margin-right: 2px;border: 5px solid transparent;border-top-color: var(--ad-peak);border-right-color: var(--ad-peak);vertical-align: middle}
.ad-hot {display: grid;gap: 12px}
.ad-hf {display: grid;grid-template-columns: 40px 72px minmax(160px, 1fr) minmax(0, 2.4fr);gap: 12px 16px;align-items: center;padding: 14px 18px;border-radius: var(--ad-r);background: #fff;box-shadow: var(--ad-sh)}
.ad-hf .ad-rk {width: 32px;height: 32px;font-size: 15px}
.ad-hf h3 {font-size: 17px}
.ad-page .ad-hf h3 a {border-bottom: 1.5px solid var(--ad-primary);color: var(--ad-ink);text-decoration: none}
.ad-hf-count {color: var(--ad-muted);font-size: 13px}
.ad-hf-stats {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 8px}
.ad-hf-cn,
.ad-hf-mline {display: none}
.ad-st {padding: 8px 10px;border-radius: 10px;background: var(--ad-bg)}
.ad-st-l {color: var(--ad-muted);font-size: 12px}
.ad-st-v {font-size: 16px;font-weight: 700}
.ad-mapbox {position: relative;overflow: hidden;border: 1px solid var(--ad-line);border-radius: 12px;background: #DDEBF8}
.ad-map-canvas {width: 100%;height: 320px}
.ad-map-bubble {display: flex;align-items: center;justify-content: center;box-sizing: border-box;border: 2px solid #fff;border-radius: 50%;background: rgba(11, 107, 203, .82);box-shadow: 0 2px 8px rgba(15, 42, 68, .3);color: #fff;font-size: 12px;font-weight: 700;font-variant-numeric: tabular-nums}
.ad-priv {display: flex;gap: 8px;align-items: flex-start;margin: 10px 0 0;color: var(--ad-muted);font-size: 12px}
.ad-priv .ad-icon {margin-top: 3px}
.ad-tabs {margin-bottom: 16px;overflow-x: auto;scrollbar-width: none}
.ad-tabs .ad-seg {flex-wrap: nowrap}
.ad-bars {position: relative;display: flex;gap: 2px;align-items: flex-end;height: 200px;padding-top: 28px}
.ad-bars-band {position: absolute;top: 0;bottom: 0;border-radius: 6px;background: var(--ad-peak-bg)}
.ad-bar {position: relative;z-index: 1;flex: 1;border-radius: 3px 3px 0 0;background: var(--ad-h3)}
.ad-bar--pk {background: var(--ad-peak)}
.ad-bar-label {position: absolute;bottom: 100%;left: 50%;padding-bottom: 2px;color: var(--ad-peak-ink);font-size: 12px;font-weight: 700;line-height: 1.2;white-space: nowrap;transform: translateX(-50%)}
.ad-axis {display: flex;justify-content: space-between;margin-top: 6px;color: var(--ad-muted);font-size: 12px}
.ad-bandlbl {position: relative;height: 26px;margin-top: 2px}
.ad-bandlbl span {position: absolute;top: 0;padding-top: 2px;border-top: 3px solid var(--ad-peak);color: var(--ad-peak-ink);font-size: 12px;font-weight: 700;text-align: center;white-space: nowrap}
.ad-hbar {display: grid;grid-template-columns: 64px minmax(0, 1fr) 84px;gap: 10px;align-items: center;margin: 10px 0;font-size: 13px}
.ad-hbar-track {height: 14px;overflow: hidden;border-radius: 999px;background: var(--ad-tint)}
.ad-hbar-track i {display: block;height: 100%;border-radius: 999px;background: var(--ad-h4)}
.ad-hbar--pk .ad-hbar-track i {background: var(--ad-peak)}
.ad-hbar-v {font-weight: 700;text-align: right}
.ad-hbar-v small,
.ad-rank-v small {color: var(--ad-muted);font-size: 12px;font-weight: 500}
.ad-stack {display: grid;gap: 16px}
.ad-stack-title {font-size: 14px}
.ad-stack-line {display: flex;gap: 2px;height: 22px;margin-top: 6px;overflow: hidden;border-radius: 999px}
.ad-stack-line i {display: block;height: 100%}
.ad-stack-line i:nth-child(1),
.ad-stack-key--1 {background: var(--ad-h5)}
.ad-stack-line i:nth-child(2),
.ad-stack-key--2 {background: var(--ad-h4)}
.ad-stack-line i:nth-child(3),
.ad-stack-key--3 {background: var(--ad-h3)}
.ad-stack-line i:nth-child(4),
.ad-stack-key--4 {background: var(--ad-h2)}
.ad-stack-line i:nth-child(5),
.ad-stack-key--5 {background: var(--ad-h1)}
.ad-stack ul {display: flex;flex-wrap: wrap;gap: 2px 14px;margin: 6px 0 0;padding: 0;color: var(--ad-muted);font-size: 12px;list-style: none}
.ad-stack ul b {color: var(--ad-ink);font-weight: 600}
.ad-stack-key {display: inline-block;width: 10px;height: 10px;margin-right: 4px;border-radius: 3px;vertical-align: -1px}
.ad-reports {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px}
.ad-page .ad-rp {position: relative;display: block;overflow: hidden;border-radius: var(--ad-r);background: var(--ad-ink);box-shadow: var(--ad-sh);color: #fff;text-decoration: none}
.ad-rp-ph {position: relative;aspect-ratio: 4 / 3;overflow: hidden}
.ad-rp-ph > img {position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover}
.ad-rp-ph .ad-thumb {position: absolute;top: 5%;left: 50%;width: auto;height: 36%;aspect-ratio: 1;transform: translateX(-50%)}
.ad-rp-body {position: absolute;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: flex-end;gap: 2px;height: 60%;padding: 0 10px 9px;background: linear-gradient(to bottom, rgba(15, 42, 68, 0) 0%, rgba(15, 42, 68, .55) 45%, rgba(15, 42, 68, .85) 100%)}
.ad-rp-body strong {display: block;font-size: 15px;line-height: 1.35;text-shadow: 0 1px 3px rgba(15, 42, 68, .55)}
.ad-rp-meta {display: flex;align-items: center;gap: 6px;overflow: hidden;color: rgba(255, 255, 255, .9);font-size: 12px;line-height: 1.4;text-shadow: 0 1px 3px rgba(15, 42, 68, .55);white-space: nowrap}
.ad-rp-meta > span:not(.ad-rp-user) {flex: none}
.ad-page .ad-rp--np {background: var(--ad-tint);color: var(--ad-ink)}
.ad-rp--np .ad-rp-body {background: none}
.ad-rp--np .ad-rp-body strong,
.ad-rp--np .ad-rp-meta {text-shadow: none}
.ad-rp--np .ad-rp-meta {color: var(--ad-muted)}
.ad-rp-user {overflow: hidden;text-overflow: ellipsis}
.ad-cta {display: flex;flex-wrap: wrap;gap: 16px;align-items: center;justify-content: space-between;padding: 28px var(--ad-pad);border-radius: var(--ad-r);background: var(--ad-ink);color: #fff}
.ad-cta h2 {font-size: 20px}
.ad-cta p {margin: 4px 0 0;color: #C9D8E8;font-size: 14px}
.ad-page .ad-cta .ad-btn {background: #fff;color: var(--ad-ink) !important}
.ad-hscroll {display: flex;gap: 12px;margin: 0 -16px;padding: 4px 16px 12px;overflow-x: auto;scroll-snap-type: x proximity;scroll-padding: 0 16px}
.ad-page .ad-fc {position: relative;flex: 0 0 240px;padding: 20px 16px 16px;overflow: hidden;border-radius: var(--ad-r);background: #fff;box-shadow: var(--ad-sh);color: var(--ad-ink);font-size: 13px;text-decoration: none;scroll-snap-align: start}
.ad-fc::before {content: "";position: absolute;top: 0;right: 0;left: 0;height: 4px;background: var(--ad-primary)}
.ad-fc--boat::before {background: var(--ad-boat)}
.ad-fc-tag {display: inline-block;margin-bottom: 8px;padding: 1px 10px;border-radius: 999px;background: var(--ad-tint);font-size: 12px}
.ad-fc--boat .ad-fc-tag {background: #DDF1E9;color: #064A35}
.ad-fc h3 {font-size: 15px}
.ad-fc p {margin: 4px 0 0;color: var(--ad-muted)}
.ad-two {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px}
.ad-two > :only-child {grid-column: 1 / -1}
.ad-rank {display: grid;gap: 8px;margin: 0;padding: 0;list-style: none}
.ad-page .ad-rank a {display: grid;grid-template-columns: 28px 40px minmax(0, 1fr) auto;gap: 10px;align-items: center;padding: 8px 12px;border-radius: 12px;background: #fff;box-shadow: var(--ad-sh);color: var(--ad-ink);font-size: 14px;text-decoration: none}
.ad-rank-r {color: var(--ad-primary);font-size: 16px;font-weight: 700;text-align: center}
.ad-rank .ad-thumb {width: 40px;height: 40px}
.ad-rank-name small {display: block;overflow: hidden;color: var(--ad-muted);font-size: 12px;white-space: nowrap;text-overflow: ellipsis}
.ad-rank-v {font-size: 16px;font-weight: 700;text-align: right;white-space: nowrap}
.ad-rank-name .ad-rank-user {display: flex;align-items: center;gap: 4px;color: var(--ad-muted);font-size: 12px;white-space: nowrap}
.ad-rank-user img,
.ad-rank-user .user-avatar {flex: none;border-radius: 50%}
.ad-rank-user > span {flex: none}
.ad-rank-user .ad-rank-user-name {flex: 0 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis}
.ad-rank-ph {position: relative;display: block}
.ad-grade-stamp {--grade-color: var(--color-appraisal-grade-c);--stamp-size: 38px;position: absolute;right: -12px;bottom: -8px;display: grid;place-items: center;width: var(--stamp-size);height: var(--stamp-size);border-radius: 50%;border: 2px solid var(--grade-color);background: rgba(255, 255, 255, 0.96);color: var(--grade-color);box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--grade-color), 0 2px 6px rgba(2, 8, 24, 0.25);transform: rotate(-10deg);line-height: 1;text-align: center}
.ad-grade-stamp b {display: block;font-size: calc(var(--stamp-size) * 0.4);font-weight: 900}
.ad-grade-stamp small {display: block;margin-top: 1px;font-size: max(8px, calc(var(--stamp-size) * 0.2));font-weight: 800;letter-spacing: 0.02em;white-space: nowrap}
.ad-grade-stamp[data-grade="S"] { --grade-color: var(--color-appraisal-grade-s); }
.ad-grade-stamp[data-grade="A"] { --grade-color: var(--color-appraisal-grade-a); }
.ad-grade-stamp[data-grade="B"] { --grade-color: var(--color-appraisal-grade-b); }
.ad-grade-stamp[data-grade="C"] { --grade-color: var(--color-appraisal-grade-c); }
.ad-grade-stamp[data-grade="D"] { --grade-color: var(--color-appraisal-grade-d); }
.ad-grade-stamp[data-grade="D"] small {letter-spacing: -0.06em}
.ad-rank-ph:has(.ad-grade-stamp) + .ad-rank-name {padding-left: 14px}
@media (min-width: 900px) {.ad-page .ad-rank li:first-child a {grid-template-columns: 36px 72px minmax(0, 1fr) auto;padding: 14px 16px}
.ad-rank li:first-child .ad-thumb {width: 72px;height: 72px}
.ad-rank li:first-child .ad-rank-v {font-size: 28px}
.ad-rank li:first-child .ad-grade-stamp {--stamp-size: 46px;right: -16px;bottom: -10px}
.ad-rank li:first-child .ad-rank-fish {font-size: 16px;font-weight: 700}}
.ad-mini {display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 10px}
.ad-page .ad-mini a {display: flex;align-items: center;gap: 10px;min-height: 56px;padding: 10px 12px;border-radius: 12px;background: #fff;box-shadow: var(--ad-sh);color: var(--ad-ink);font-size: 14px;text-decoration: none}
.ad-mini small {display: block;color: var(--ad-muted);font-size: 12px}
@media (min-width: 640px) {.ad-kpis--3 {grid-template-columns: repeat(3, minmax(0, 1fr))}
.ad-kpis--4 {grid-template-columns: repeat(4, minmax(0, 1fr))}}
@media (min-width: 900px) {.ad-chips {flex-wrap: wrap;margin: 0;padding: 2px 0 4px;overflow: visible}
.ad-filter-group {flex: 1 1 560px;width: auto}}
@media (max-width: 899px) {.ad-reports {grid-template-columns: repeat(2, minmax(0, 1fr))}}
@media (min-width: 640px) and (max-width: 899px) {.ad-hf-stats {grid-template-columns: repeat(2, minmax(0, 1fr))}}
@media (max-width: 639px) {.ad-page {--ad-pad: 16px}
.ad-seg {flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none}
.ad-seg > a,
.ad-seg > button {flex: 0 0 auto;white-space: nowrap}
.ad-pc-only {display: none}
.ad-kpis--3,
.ad-kpis--4 {grid-template-columns: repeat(2, minmax(0, 1fr))}
.ad-kpis--3 .ad-kpi:last-child {grid-column: 1 / -1}
.ad-kpi {padding: 14px}
.ad-kpi-value {font-size: 28px}
.ad-kpi-value--name {font-size: 20px}
.ad-band {padding: 28px 18px 64px;border-radius: 16px}
.ad-over {margin: -44px 12px 0}
.ad-region {margin: 22px 0 10px}
.ad-page .ad-ac {gap: 8px;padding: 16px 12px 12px}
.ad-ac h3 {font-size: 16px;line-height: 1.3}
.ad-ac-top {gap: 8px;align-items: center}
.ad-ac-mid,
.ad-grid--flat .ad-ac--lead .ad-ac-mid {display: grid;grid-template-columns: minmax(0, 1fr) 120px;gap: 10px;align-items: center}
.ad-ac-cnt {display: block}
.ad-ac-big,
.ad-grid--flat .ad-ac--lead .ad-ac-big {display: inline-block;font-size: 28px}
.ad-ac-dl {display: block;margin-top: 2px}
.ad-chart,
.ad-ac--lead .ad-chart {width: 120px;height: 40px;min-height: 0}
.ad-fishes,
.ad-ac--lead .ad-fishes {flex-direction: row;gap: 6px;padding-top: 0;border-top: 0}
.ad-fi,
.ad-ac--lead .ad-fi {display: grid;flex: 1 1 0;grid-template-columns: 28px minmax(0, 1fr);grid-template-rows: auto auto;column-gap: 6px;align-items: center;padding: 4px 6px 4px 4px;border-radius: 12px;background: var(--ad-bg);line-height: 1.25}
.ad-fi .ad-thumb,
.ad-ac--lead .ad-fi .ad-thumb {grid-row: 1 / 3;width: 28px;height: 28px}
.ad-fi-name {font-size: 12px;font-weight: 700}
.ad-fi-n,
.ad-ac--lead .ad-fi-n {margin: 0;font-size: 12px}
.ad-grid {grid-template-columns: minmax(0, 1fr);gap: 12px}
.ad-hm {--ad-lab: 64px;--ad-ch: 28px}
.ad-hm--detail {--ad-lab: 72px}
.ad-hm-head,
.ad-hm-row {gap: 2px}
.ad-hc > span {display: none}
.ad-hm-lab .ad-thumb {display: none}
.ad-hm-lab b {font-size: 12px}
.ad-hm-long {display: none}
.ad-hm-short {display: inline}
.ad-two {grid-template-columns: minmax(0, 1fr);gap: 20px}
.ad-rank {display: flex;gap: 12px;margin: 0 -16px;padding: 4px 16px 12px;overflow-x: auto;scroll-snap-type: x proximity;scroll-padding: 0 16px}
.ad-rank li {flex: 0 0 260px;scroll-snap-align: start}
.ad-cta {padding: 20px var(--ad-pad)}
.ad-hbar {grid-template-columns: 52px minmax(0, 1fr) 72px;gap: 8px}
.ad-map-canvas {height: 240px}
.ad-hf {grid-template-columns: 24px 48px minmax(0, 1fr) auto;gap: 4px 10px;padding: 10px 12px}
.ad-hf .ad-rk {width: 24px;height: 24px;font-size: 12px}
.ad-hf .ad-thumb {width: 48px;height: 48px}
.ad-hf h3 {font-size: 15px}
.ad-hf-stats,
.ad-hf-count {display: none}
.ad-hf-mline {display: block;color: var(--ad-muted);font-size: 12px;line-height: 1.4}
.ad-hf-mline b {color: var(--ad-ink);font-weight: 600}
.ad-hf-cn {display: flex;flex-direction: column;gap: 4px;align-items: flex-end}
.ad-hf-cn b {font-size: 20px;font-weight: 700;line-height: 1}
.ad-hf-cn b small {margin-left: 2px;color: var(--ad-muted);font-size: 12px;font-weight: 500}
.ad-hf-yoy {padding: 0 8px;border-radius: 999px;background: var(--ad-bg);font-size: 12px;white-space: nowrap}
.ad-rp-body {padding: 0 8px 8px}
.ad-rp-body strong {font-size: 14px}
.ad-rp-meta {font-size: 11.5px}}
@media (prefers-reduced-motion: reduce) {.ad-page .ad-ac {transition: none}
.ad-page .ad-ac:hover {transform: none}}