/* FISHES HUB — Individual Blog Articles */
.blog-article-page{background:var(--color-off-white);color:var(--color-text)}
.breadcrumbs{display:flex;gap:10px;margin-bottom:30px;color:rgba(255,255,255,.7)}.breadcrumbs a{color:var(--color-aqua-light)}
.article-hero{position:relative;min-height:570px;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:var(--color-deep)}
.article-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,22,.94) 0%,rgba(4,18,22,.68) 48%,rgba(4,18,22,.22) 100%),linear-gradient(0deg,rgba(4,18,22,.72),transparent 58%);z-index:1}
.article-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.article-hero__content{position:relative;z-index:2;padding:150px 0;}
.article-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(57,198,195,.15);border:1px solid rgba(140,228,223,.38);color:var(--color-aqua-light);padding:8px 13px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.article-hero h1{font-family:var(--font-display);font-size:clamp(2.6rem,5.4vw,5.2rem);line-height:1.03;max-width:880px;margin:0 0 20px;letter-spacing:-.035em}
.article-hero__intro{max-width:720px;font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.8);margin:0 0 22px}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,.72);font-size:.82rem}.article-meta .dot{color:var(--color-aqua)}
.article-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 250px;gap:28px;align-items:start}
.article-main{min-width:0}.article-sidebar{position:sticky;top:110px}
.article-toc,.article-share,.related-box,.article-help{background:#fff;border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-soft)}
.article-toc{padding:22px}.article-toc h2,.article-share h2,.related-box h2{font-family:var(--font-display);font-size:1rem;color:var(--color-deep);margin:0 0 15px}.article-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}.article-toc li{counter-increment:toc;border-top:1px solid var(--color-border)}.article-toc li:first-child{border-top:0}.article-toc a{display:block;padding:10px 0;color:var(--color-text-light);font-size:.78rem;line-height:1.45}.article-toc a::before{content:counter(toc) ". ";font-weight:700;color:var(--color-aqua-dark)}.article-toc a:hover,.article-toc a.active{color:var(--color-deep)}
.article-share{padding:20px;margin-top:18px}.share-links{display:flex;flex-wrap:wrap;gap:8px}.share-links a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--color-light);color:var(--color-deep);font-size:.72rem;font-weight:700;border:1px solid var(--color-border);transition:.25s}.share-links a:hover{background:var(--color-aqua);transform:translateY(-2px)}
.article-content{background:#fff;border:1px solid var(--color-border);border-radius:18px;padding:46px;box-shadow:var(--shadow-soft)}
.article-content .lead{font-size:1.08rem;line-height:1.9;color:var(--color-text);margin:0 0 34px}
.article-section{scroll-margin-top:115px;margin-top:52px}.article-section:first-child{margin-top:0}.article-section h2{font-family:var(--font-display);font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.2;color:var(--color-deep);margin:0 0 12px}.article-section h3{font-family:var(--font-display);font-size:1.15rem;color:var(--color-deep);margin:28px 0 9px}.article-section p,.article-section li{font-size:.96rem;line-height:1.85;color:var(--color-text-light)}.article-section ul,.article-section ol{padding-left:21px}.article-section li{margin:7px 0}.article-content strong{color:var(--color-deep)}
.article-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:22px 0 28px;border:1px solid var(--color-border)}
.article-callout{background:linear-gradient(135deg,#eefaf9,#f6fbfb);border:1px solid #cce8e6;border-radius:14px;padding:24px;margin:28px 0}.article-callout h3{margin:0 0 7px}.article-callout p{margin:0}
.article-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.article-check{padding:15px 16px;background:var(--color-light);border:1px solid var(--color-border);border-radius:10px;font-size:.88rem;color:var(--color-text)}.article-check::before{content:"✓";color:var(--color-aqua-dark);font-weight:800;margin-right:8px}
.article-table{width:100%;border-collapse:collapse;margin:20px 0 10px;font-size:.86rem}.article-table th,.article-table td{padding:12px;border:1px solid var(--color-border);text-align:left}.article-table th{background:var(--color-light);color:var(--color-deep);font-weight:700}
.article-help{padding:22px;background:var(--color-deep);color:#fff;border-color:var(--color-deep);overflow:hidden}.article-help h2{font-family:var(--font-display);font-size:1.35rem;margin:0 0 8px}.article-help p{font-size:.84rem;line-height:1.7;color:rgba(255,255,255,.72);margin:0 0 18px}.article-help .btn{width:100%;justify-content:center}
.related-articles{margin-top:28px}.related-grid{display:grid;gap:12px}.related-card{display:grid;grid-template-columns:78px 1fr;gap:11px;align-items:center;padding:9px;background:#fff;border:1px solid var(--color-border);border-radius:10px;transition:.25s}.related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.related-card img{width:78px;height:62px;object-fit:cover;border-radius:7px}.related-card h3{font-family:var(--font-display);font-size:.78rem;line-height:1.35;color:var(--color-deep);margin:0 0 4px}.related-card span{font-size:.68rem;color:var(--color-text-light)}
.article-bottom-cta{background:linear-gradient(90deg,rgba(6,23,27,.94),rgba(6,23,27,.62)),url("../images/cta-aquarium.webp") center/cover;color:#fff}.article-bottom-cta__inner{text-align:center;max-width:760px;margin:auto}.article-bottom-cta h2{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3rem);margin:0 0 12px}.article-bottom-cta p{color:rgba(255,255,255,.75);line-height:1.8;margin:0 auto;max-width:640px}.article-bottom-cta .actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.article-note{font-size:.8rem;color:var(--color-text-light);padding-top:16px;border-top:1px solid var(--color-border);margin-top:25px}
@media(max-width:1100px){.article-layout{grid-template-columns:220px minmax(0,1fr)}.article-layout>.article-sidebar:last-child{display:none}.article-content{padding:38px}}
@media(max-width:800px){.article-layout{grid-template-columns:1fr}.article-layout>.article-sidebar:first-child{position:static;order:2}.article-main{order:1}.article-toc{position:static}.article-share{display:none}.article-hero{min-height:510px}.article-hero__content{padding-bottom:60px}.article-content{padding:28px 22px}.article-checklist{grid-template-columns:1fr}}
@media(max-width:600px){.article-hero h1{font-size:2.55rem}.article-hero__intro{font-size:.92rem}.article-meta{font-size:.74rem}.article-content .lead{font-size:1rem}.article-section p,.article-section li{font-size:.9rem}.article-breadcrumb{font-size:.74rem}.article-bottom-cta .actions{flex-direction:column}.article-bottom-cta .btn{width:100%}}