.fishing-page {
background: var(--background, #fff);
color: var(--foreground, #141414);
}
.fishing-page__wrap {
width: min(100% - 2rem, 1180px);
margin: 0 auto;
padding: 2rem 0 5rem;
}
.fishing-page__breadcrumbs {
margin: 0 0 1.75rem;
color: var(--muted-foreground, #5f6468);
font-size: .9rem;
}
.fishing-page__breadcrumb-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .55rem;
margin: 0;
}
.fishing-page__breadcrumb-list a {
color: inherit;
text-decoration: none;
}
.fishing-page__breadcrumb-list a:hover {
color: var(--foreground, #141414);
}
.fishing-page__breadcrumb-separator {
color: color-mix(in srgb, var(--muted-foreground, #5f6468) 45%, transparent);
}
.fishing-page__article {
overflow: hidden;
border: 1px solid var(--border, #e6e6e6);
border-radius: 1.25rem;
background: var(--card, #fff);
box-shadow: 0 24px 70px rgba(15, 23, 42, .06);
}
.fishing-page__header {
padding: clamp(2rem, 4vw, 3.75rem) clamp(1.25rem, 5vw, 4rem) 1.5rem;
border-bottom: 1px solid var(--border, #e6e6e6);
background: linear-gradient(180deg, rgba(15, 23, 42, .035), rgba(15, 23, 42, 0));
}
.fishing-page__eyebrow {
margin: 0 0 .75rem;
color: var(--muted-foreground, #5f6468);
font-size: .75rem;
font-weight: 800;
letter-spacing: .18em;
line-height: 1.4;
text-transform: uppercase;
}
.fishing-page__title {
max-width: 840px;
margin: 0;
color: var(--foreground, #141414);
font-family: var(--font-serif, Georgia, 'Times New Roman', serif);
font-size: clamp(2.25rem, 6vw, 4.5rem);
line-height: .98;
letter-spacing: -.04em;
}
.fishing-page__content {
max-width: 860px;
padding: clamp(1.5rem, 4vw, 3rem) clamp(1.25rem, 5vw, 4rem) clamp(2rem, 5vw, 4rem);
color: var(--foreground, #141414);
font-size: 1rem;
line-height: 1.8;
}
.fishing-page__content > *:first-child {
margin-top: 0;
}
.fishing-page__content > *:last-child {
margin-bottom: 0;
}
.fishing-page__content p,
.fishing-page__content ul,
.fishing-page__content ol,
.fishing-page__content table,
.fishing-page__content blockquote {
margin: 0 0 1.15rem;
}
.fishing-page__content h2,
.fishing-page__content h3,
.fishing-page__content h4,
.fishing-page__content h5,
.fishing-page__content h6 {
margin: 2rem 0 .75rem;
color: var(--foreground, #141414);
font-weight: 800;
line-height: 1.18;
}
.fishing-page__content h2 {
font-family: var(--font-serif, Georgia, 'Times New Roman', serif);
font-size: clamp(1.75rem, 3vw, 2.35rem);
letter-spacing: -.025em;
}
.fishing-page__content h3 {
font-size: 1.35rem;
}
.fishing-page__content a {
color: var(--primary, #173f46);
font-weight: 700;
text-decoration: underline;
text-underline-offset: .2em;
}
.fishing-page__content ul,
.fishing-page__content ol {
padding-left: 1.35rem;
}
.fishing-page__content li + li {
margin-top: .35rem;
}
.fishing-page__content table {
width: 100%;
border-collapse: collapse;
overflow: hidden;
border: 1px solid var(--border, #e6e6e6);
border-radius: .85rem;
}
.fishing-page__content th,
.fishing-page__content td {
padding: .85rem 1rem;
border-bottom: 1px solid var(--border, #e6e6e6);
text-align: left;
vertical-align: top;
}
.fishing-page__content th {
background: rgba(15, 23, 42, .04);
font-weight: 800;
}
.fishing-page__content img {
height: auto;
max-width: 100%;
border-radius: 1rem;
}
.fishing-page__pagination {
margin-top: 2rem;
font-weight: 700;
}
@media (max-width: 720px) {
.fishing-page__wrap {
width: min(100% - 1rem, 1180px);
padding-top: 1rem;
padding-bottom: 3rem;
}
.fishing-page__article {
border-radius: 1rem;
}
.fishing-page__content {
font-size: .98rem;
line-height: 1.7;
}
}