/* The fishing guides of huntgrid.net (docs/fishing/PLAN.md F21.8): source notes and our own diagrams. Copied to
   assets/fish-guides.css only when a guide is built, so site.css (and every other page's address for it) stays as it
   is. Colours are site.css's tokens only, so the diagrams follow light and dark. */
.cite { font-size: 0.75em; line-height: 0; margin-left: 0.1em; white-space: nowrap; }
.cite a { display: inline-block; padding: 0.35em 0.15em; text-decoration: none; font-weight: 600; }
.cite a:hover, .cite a:focus-visible { text-decoration: underline; }
.sources { font-size: 0.95rem; overflow-wrap: anywhere; }
.sources li { margin-bottom: 0.5rem; }
.sources li:target { background: var(--surface); outline: 2px solid var(--primary); outline-offset: 4px; border-radius: 0.25rem; }
.sources .src-meta { color: var(--muted); }
.guide-figure { margin: 1.5rem 0; padding: 1rem; border: 1px solid var(--border); border-radius: 0.9rem; background: var(--surface); }
.guide-figure svg { display: block; width: 100%; max-width: 26rem; height: auto; margin-inline: auto; }
.guide-figure figcaption { margin-top: 0.75rem; color: var(--muted); font-size: 0.9rem; }
.dg-water { fill: var(--primary); fill-opacity: 0.1; }
.dg-water-2 { fill: var(--primary); fill-opacity: 0.22; }
.dg-water-3 { fill: var(--primary); fill-opacity: 0.38; }
.dg-ground { fill: var(--muted); fill-opacity: 0.35; }
.dg-line { fill: none; stroke: var(--primary); stroke-width: 2; }
.dg-line-strong { fill: none; stroke: var(--primary); stroke-width: 3.5; }
.dg-guide { fill: none; stroke: var(--muted); stroke-width: 1.5; stroke-dasharray: 4 4; }
.dg-arrow { fill: none; stroke: var(--accent); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.dg-text { fill: var(--text); font-size: 17px; }
.dg-small { fill: var(--muted); font-size: 16px; }
.dg-strong { fill: var(--text); font-size: 17px; font-weight: 700; }