/* JLDigital – blog-arkiv (DA + EN). Bygger på de eksisterende tokens i shell.css/meta-learning.css. */
.bl-page{--bl-ink:#1a1916;--bl-muted:#625e56;--bl-line:#e4e0d7;--bl-warm:#f3f0e9;--bl-dark:#0a0a0a}
.bl-shell{max-width:1180px;margin:0 auto;padding:0 32px}
.bl-hero{padding:132px 0 56px}
.bl-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#827d73;margin-bottom:26px}
.bl-crumbs a{border-bottom:1px solid transparent}
.bl-crumbs a:hover{border-color:currentColor}
.bl-crumbs span[aria-current]{color:#1a1916}
.bl-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#827d73;font-weight:600}
.bl-hero h1{font-family:'Playfair Display',serif;font-weight:400;letter-spacing:-.02em;font-size:clamp(40px,5.6vw,74px);line-height:1.03;max-width:960px;margin:18px 0 26px}
.bl-intro{max-width:760px;font-size:clamp(16px,1.5vw,20px);line-height:1.72;color:#49453f}
.bl-filters{border-top:1px solid var(--bl-line);border-bottom:1px solid var(--bl-line);background:var(--bl-warm);padding:18px 0}
.bl-filters-inner{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bl-filters .bl-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#7d786f;margin-right:8px}
.bl-chip{font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.02em;background:#fff;border:1px solid var(--bl-line);border-radius:999px;padding:8px 16px;cursor:pointer;color:#4f4b44;transition:background .2s ease,color .2s ease,border-color .2s ease}
.bl-chip:hover{border-color:#b9b3a7}
.bl-chip:focus-visible{outline:2px solid #1a1916;outline-offset:2px}
.bl-chip[aria-pressed=true]{background:var(--bl-dark);border-color:var(--bl-dark);color:#fff}
.bl-grid-wrap{padding:66px 0 110px}
.bl-count{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#817c72;margin-bottom:26px}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;list-style:none;margin:0;padding:0}
.bl-card{background:#fff;border:1px solid var(--bl-line);border-radius:8px;display:flex;flex-direction:column;padding:28px;min-height:280px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.bl-card:hover{transform:translateY(-4px);border-color:#cfc9bc;box-shadow:0 22px 44px -28px rgba(0,0,0,.28)}
.bl-card .bl-cat{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#7d786f;font-weight:600}
.bl-card h2{font-family:'Playfair Display',serif;font-weight:400;font-size:26px;line-height:1.18;letter-spacing:-.01em;margin:14px 0 12px}
.bl-card p{font-size:14.5px;line-height:1.7;color:var(--bl-muted);margin:0}
.bl-card .bl-meta{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;align-items:baseline;gap:14px;border-top:1px solid var(--bl-line);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#817c72}
.bl-card .bl-go{font-weight:600;color:#1a1916}
.bl-card:hover .bl-go{text-decoration:underline;text-underline-offset:3px}
.bl-card:focus-visible{outline:2px solid #1a1916;outline-offset:3px}
.bl-card[hidden]{display:none}
.bl-cta{background:var(--bl-dark);color:#fff;padding:78px 0}
.bl-cta h2{font-family:'Playfair Display',serif;font-weight:400;font-size:clamp(28px,3.4vw,44px);line-height:1.1;max-width:760px}
.bl-cta p{color:#bbb6ad;margin:18px 0 28px;max-width:640px;line-height:1.75}
.bl-cta .cta{background:#fff;color:#0a0a0a;border-color:#fff}
.bl-cta .cta:hover{background:transparent;color:#fff}
@media(max-width:1000px){.bl-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.bl-shell{padding:0 18px}.bl-hero{padding:108px 0 40px}.bl-grid{grid-template-columns:1fr;gap:18px}.bl-card{min-height:0;padding:24px}.bl-grid-wrap{padding:44px 0 78px}}
@media(prefers-reduced-motion:reduce){.bl-card{transition:none}.bl-card:hover{transform:none}}

/* Brødkrummer i artiklerne */
.kh-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#827d73;margin-bottom:22px}
.kh-crumbs a{border-bottom:1px solid transparent}
.kh-crumbs a:hover{border-color:currentColor}
.kh-crumbs span[aria-current]{color:#1a1916}