/* Hjemmebane v9: v6 with its own typefaces, a short size scale, nothing below 13px, and no hairlines or 1px boxes.
   Loaded after style.css and v5.css, so these rules win at equal specificity, also inside their media queries. */
:root{
 --fs-small:14px;
 --fs-body:17px;
 --fs-lead:clamp(19px,1.5vw,22px);
 --fs-h3:clamp(24px,2.2vw,32px);
 --fs-h2:clamp(36px,4.2vw,58px);
 --fs-display:clamp(62px,6.4vw,108px);
 --surface:#f1f2f1
}
body{font-size:var(--fs-body)}

/* Size scale. Typefaces stay as in v6. */
h2,.club-now h2,.sponsor-heading h2,.football-heading h2,.football-copy h2,.community-heading h2,.privacy-document h1,.page-top h1{font-size:var(--fs-h2)}
h3,.card-bottom h3,.activity-card h3,.activity-card.football h3,.football h3,.activity-item .activity-card h3,.strength .card-bottom h3,.team-heading h3,.facebook-area h3,.tables-grid h3,.page-main h2,.training-day h2,.privacy-document h2{font-size:var(--fs-h3)}
.page-main h3,.training-row h3,.schedule-note h2,.privacy-banner h2,.match-teams,.team-heading h3 span,.quicklinks strong{font-size:var(--fs-lead)}
.hero-content h1{font-size:var(--fs-display)}
.join h2{font-size:var(--fs-display)}
.since{font-size:var(--fs-h2)}
.stat-num{font-size:var(--fs-h3)}
.sami-title,.page-lead,.community-copy .lead,.sponsor-title>p,.button span,.underlink span,.circle-arrow,.facebook-expand summary span{font-size:var(--fs-lead)}
.hero-intro p,.community-copy p,.facebook-area p,.page-main p,.page-main li,.schedule-note p,.section-intro p:not(.eyebrow),.football-copy>p:not(.eyebrow),.sponsor-heading>p:last-child,.join p:not(.eyebrow),.privacy-document p,.match-place,.source-message,.training-row p,.cta-contact,.facebook-expand summary,.practical-facts strong,.privacy-banner p{font-size:var(--fs-body);line-height:1.6}
.site-header nav,.button,.hero-actions .button,.hero-intro .button,.underlink,.table-links .underlink,.sponsor-main .underlink,.facebook-area button,.club-now>.button,.join .button,.activity-practical a,.section-nav a,.page-main .btn,.team-card .read-more,.training-filters select,.training-time,.training-row .training-place,.match-time,.footer-top>div,.schedule-note a,.person-card a,.brand>span{font-size:var(--fs-body)}
/* The small step. Capital labels keep their v6 look, at a size that can be read. */
.eyebrow,.micro,.hero-kicker,.location-note,.location-note>span,.scroll-link,.brand small,.card-bottom p,.activity-card p,.source-link,.activity-practical p,.team-heading>span,.standings,.standings th,.community-photo figcaption,.since>span,.sponsor-other span,.footer-links,.footer-bottom,.back-link,.practical-facts span,.practical-panel>p,.team-card .team-tag,.board-role,.gallery-grid figcaption,.page-main table,.source-note,.training-filters label,.training-filters button,.training-meta p,.training-meta a,.training-row .training-setup,.person-card .role,.stat-label,.partner-meta strong,.partner-meta span,.matrix .no,.privacy-banner>a,.privacy-actions button,.standings-wrap>p{font-size:var(--fs-small)}
.eyebrow,.micro,.hero-kicker,.location-note>span{letter-spacing:.1em}
.source-note{font-size:var(--fs-small)!important}

/* No hairlines: space and tone separate things instead. Real tables keep their row rules. */
.site-header,.hero-bottom.shell,.quicklinks,.quicklinks>a,.quicklinks>a+a,.team-heading,.club-now,.sponsor-main,.sponsor-other,.footer-links,.footer-top{border:0}
.underlink{border-bottom:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.scroll-link>span,.circle-arrow{border:0;background:var(--surface);color:var(--ink)}
.scroll-link>span{background:var(--surface)}

/* No 1px boxes: a surface is a fill one step from the page. Buttons are solid or carry a 2px edge. */
.activity-practical,.team-summary,.sponsor-logos>a,.facebook-area,.club-now .facebook-area,.quicklinks>a{border:0;background:var(--surface)}
.button{border-width:0}
.button.outline{border:2px solid var(--ink)}
.quicklinks{gap:12px}
.quicklinks>a{padding-inline:24px}
.club-now{background:var(--surface);padding-inline:clamp(20px,3vw,48px)}
.club-now .facebook-area{background:#fff}
.sponsor-logos>a{background:#fff;outline:0}
.sponsor-main .sponsor-logos>a,.sponsor-tier .sponsor-logos>a{background:var(--surface)}

@media(max-width:700px){
 :root{--fs-body:16px;--fs-small:13px}
 .quicklinks{display:grid;gap:10px}
 .quicklinks>a,.quicklinks>a+a{border:0;padding:18px 20px}
 .site-header nav{gap:0;flex-wrap:nowrap;justify-content:space-between}
 .site-header nav a{white-space:nowrap}
 .footer-bottom>span:last-child{width:100%}
}

/* Labels set with higher specificity in style.css and v5.css. */
.eyebrow,.micro,.card-top span,.footer-top .micro,.sponsor-other .micro,.sponsor-main .micro,.quicklinks .micro{font-size:var(--fs-small)!important}
.facebook-area #facebook-gate,.facebook-expand{border:0}

/* The Sami name in the hero: upright, «Ájluovta» in ink and «Valástallamsiebrre» in red. */
.sami-title{font-style:normal;color:var(--ink)}
.sami-title em{font-style:normal;color:var(--red)}
