/* Sunde IBK – klubbhistorie. Felles cover/meny/footer beholdes i sine filer. */
.historien-content { position: relative; overflow: hidden; padding: 80px 0 96px; background: var(--sunde-bg, #131313); color: var(--sunde-text, #fafafa); }
.historien-content::before { content: ''; position: absolute; top: 120px; right: -170px; width: clamp(520px, 65vw, 1050px); height: 1100px; background: url('../../assets/images/sundebukk.webp') center top / contain no-repeat; opacity: .035; filter: grayscale(1); pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 65%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 65%, transparent); }
.historien-content > .container { position: relative; }
.historien-reading { width: 100%; max-width: 840px; margin: 0 auto; }
.historien-heading { padding-bottom: 30px; margin-bottom: 32px; border-bottom: 1px solid var(--sunde-border); }
.historien-heading h2 { margin: 15px 0 0; color: var(--sunde-text); font: 700 clamp(28px, 3.2vw, 40px)/1.15 'Outfit', sans-serif; letter-spacing: -.035em; text-transform: none; overflow-wrap: anywhere; }
.historien-body { color: #d3d3d3; font: 400 18px/1.85 'Outfit', sans-serif; overflow-wrap: anywhere; }
.historien-body p, .historien-body li { color: inherit; font-size: inherit; line-height: inherit; }
.historien-body p { margin: 0 0 24px; }
.historien-body > :first-child { margin-top: 0; }
.historien-body > :last-child { margin-bottom: 0; }
.historien-body h2, .historien-body h3, .historien-body h4, .historien-body h5 { color: var(--sunde-text); font-family: 'Outfit', sans-serif; font-weight: 700; line-height: 1.25; letter-spacing: -.025em; text-transform: none; margin: 36px 0 16px; }
.historien-body h2 { font-size: 30px; }
.historien-body h3 { font-size: 25px; }
.historien-body h4, .historien-body h5 { font-size: 21px; }
.historien-body a { color: var(--sunde-accent); text-decoration: underline; text-underline-offset: 4px; }
.historien-body a:hover { color: #f0cf64; }
.historien-body a:focus-visible { outline: 2px solid var(--sunde-accent); outline-offset: 4px; }
.historien-body ul, .historien-body ol { padding-left: 1.4em; margin: 0 0 24px; }
.historien-body li + li { margin-top: 8px; }
.historien-body img { max-width: 100%; height: auto; border-radius: 6px; }
.historien-body figure { max-width: 100%; margin: 30px 0; }
.historien-body figcaption { color: var(--sunde-muted); font-size: 13px; line-height: 1.6; margin-top: 10px; }
.historien-body video, .historien-body iframe { max-width: 100%; }
.historien-body table { display: block; max-width: 100%; overflow-x: auto; color: inherit; }
.historien-body blockquote { margin: 30px 0; padding: 4px 0 4px 24px; border-left: 3px solid var(--sunde-accent); color: var(--sunde-text); font-style: italic; }
.historien-page .hero-carousel:not(.owl-loaded) { display: block; }
.historien-page .hero-carousel:not(.owl-loaded) > .hero-slide:not(:first-child) { display: none; }
.historien-page .hero .owl-dot.active span { background: var(--sunde-accent); }
@media (max-width: 767.98px) {
    .historien-content { padding: 48px 0 60px; }
    .historien-content::before { top: 160px; right: -170px; width: 500px; height: 800px; opacity: .025; }
    .historien-heading { padding-bottom: 24px; margin-bottom: 26px; }
    .historien-heading h2 { font-size: 28px; }
    .historien-body { font-size: 16px; line-height: 1.8; }
    .historien-body h2 { font-size: 26px; }
    .historien-body h3 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
    .historien-page .hero .animated { animation-duration: 0s !important; }
}