.nm-fish { margin: 8px 0 36px; }
.nm-fish-home { margin: 4px 0 22px; }
.nm-fish-home .nm-bt { margin-bottom: 10px; }
.nm-fish-mini { background: #f2f7f6; border: 1px solid #e6e6e6; padding: 10px 12px 12px; }
.nm-fish-home .nm-fish-tabs { margin: 0 0 8px; gap: 6px; }
.nm-fish-home .nm-fish-tab { padding: 6px 9px; }
.nm-fish-today { display: none; align-items: center; flex-wrap: wrap; gap: 8px 14px; color: #111; text-decoration: none; }
.nm-fish-today.on { display: flex; }
.nm-fish-today:hover { color: #00665f; }
.nm-fish-home .nm-fish-temp { font: 800 28px/1 var(--font-display, "Open Sans", Arial, sans-serif); letter-spacing: -.03em; }
.nm-fish-home .nm-fish-temp small { font-size: .45em; }
.nm-fish-home .nm-fish-sky { font: 600 14px/1 var(--font-sans, Roboto, Arial, sans-serif); }
.nm-fish-today > span { font: 500 13px/1.2 var(--font-sans, Roboto, Arial, sans-serif); color: #333; }
.nm-fish-home .nm-fish-bite { margin: 0; }
.nm-wx { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 0; }
.nm-wx svg { display: block; width: 100%; height: 100%; }
.nm-fish-home .nm-wx { width: 42px; height: 42px; }
.nm-fish-now-temp { display: flex; align-items: center; gap: 10px; }
.nm-fish-now-temp .nm-wx { width: 64px; height: 64px; }
.nm-fish-now-temp .nm-fish-temp { margin: 0; }
.nm-fish-day .nm-wx { width: 40px; height: 40px; margin: 0 0 6px; }

.nm-fish-page { padding: 18px 0 48px; }
.nm-fish-crumb { margin: 0 0 10px; font: 500 12px/1 var(--font-sans, Roboto, Arial, sans-serif); color: #777; text-transform: uppercase; letter-spacing: .04em; }
.nm-fish-crumb a { color: #00807a; }
.nm-fish-head { margin-bottom: 22px; max-width: 720px; }
.nm-fish-head h1 { margin: 0 0 8px; font: 800 32px/1.15 var(--font-display, "Open Sans", Arial, sans-serif); letter-spacing: -.02em; }
.nm-fish-head p { margin: 0; font: 400 16px/1.5 var(--font-sans, Roboto, Arial, sans-serif); color: #444; }

.nm-fish-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 16px; }
.nm-fish-tab { border: 1px solid #111; background: #fff; color: #111; font: 700 11px/1 var(--font-sans, Roboto, Arial, sans-serif); text-transform: uppercase; letter-spacing: .04em; padding: 8px 12px; cursor: pointer; }
.nm-fish-tab.on, .nm-fish-tab:hover { background: #00a19a; border-color: #00a19a; color: #fff; }
.nm-fish-now { display: grid; gap: 18px; grid-template-columns: 1fr; background: #f2f7f6; border: 1px solid #e6e6e6; padding: 16px 18px 14px; margin-bottom: 18px; }
@media (min-width: 720px) { .nm-fish-now { grid-template-columns: 200px 1fr; align-items: start; } }
.nm-fish-k { margin: 0 0 6px; font: 700 11px/1 var(--font-sans, Roboto, Arial, sans-serif); text-transform: uppercase; letter-spacing: .04em; color: #00807a; }
.nm-fish-temp { margin: 0; font: 800 52px/0.9 var(--font-display, "Open Sans", Arial, sans-serif); letter-spacing: -.03em; }
.nm-fish-temp small { font-size: .45em; }
.nm-fish-sky { margin: 6px 0 10px; font: 500 14px/1.3 var(--font-sans, Roboto, Arial, sans-serif); color: #333; }
.nm-fish-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; margin: 0; }
@media (min-width: 900px) { .nm-fish-stats { grid-template-columns: 1fr 1fr 1fr 1fr; } }
.nm-fish-stats dt { font: 700 10px/1 var(--font-sans, Roboto, Arial, sans-serif); text-transform: uppercase; letter-spacing: .04em; color: #777; }
.nm-fish-stats dd { margin: 3px 0 0; font: 600 13px/1.35 var(--font-sans, Roboto, Arial, sans-serif); color: #111; }
.nm-fish-stats i { font-style: normal; color: #666; font-weight: 500; }
.nm-fish-days { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(132px, 1fr); gap: 8px; overflow-x: auto; padding-bottom: 6px; }
.nm-fish-day { border: 1px solid #e6e6e6; background: #fff; padding: 10px 10px 12px; min-height: 100%; }
.nm-fish-day h3 { margin: 0 0 6px; font: 700 12px/1 var(--font-sans, Roboto, Arial, sans-serif); text-transform: uppercase; letter-spacing: .03em; }
.nm-fish-hl { margin: 0 0 2px; font: 800 20px/1 var(--font-display, "Open Sans", Arial, sans-serif); }
.nm-fish-hl span { font-size: .7em; color: #777; font-weight: 600; }
.nm-fish-ds { margin: 0 0 8px; font: 500 12px/1.3 var(--font-sans, Roboto, Arial, sans-serif); color: #444; }
.nm-fish-day ul { margin: 0; padding: 0; list-style: none; font: 400 11px/1.45 var(--font-sans, Roboto, Arial, sans-serif); color: #333; }
.nm-fish-day li + li { margin-top: 2px; }
.nm-fish-day i { font-style: normal; color: #777; }
.nm-fish-bite { display: inline-block; margin: 8px 0 0; font: 700 11px/1 var(--font-sans, Roboto, Arial, sans-serif); text-transform: uppercase; letter-spacing: .03em; padding: 4px 7px; }
.nm-fish-bite span { font-weight: 600; opacity: .8; }
.nm-fish-good { background: #d8f3f1; color: #00665f; }
.nm-fish-fair { background: #fff3d6; color: #8a5a00; }
.nm-fish-poor { background: #fde2e3; color: #c4262b; }
.nm-fish-note { margin: 12px 0 0; font: 400 11px/1.45 var(--font-sans, Roboto, Arial, sans-serif); color: #888; }