.blogg-hero { padding: clamp(72px, 8vw, 112px) 0 var(--pad-sektion); background: var(--cream); }
.blogg-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.blogg-kort { display: flex; flex-direction: column; min-height: 290px; padding: 24px; border: 1px solid var(--linje); border-radius: var(--radie-lg); background: var(--cream-ljus); transition: transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease); }
.blogg-kort:hover { transform: translateY(-3px); border-color: var(--guld-linje); box-shadow: var(--skugga-lyft); }
.blogg-kort .meta, .artikel-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--text-svag); font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.blogg-kort h2 { margin-top: 18px; font-family: var(--serif); font-size: 1.65rem; font-weight: 600; line-height: 1.08; letter-spacing: -.012em; }
.blogg-kort p { margin-top: 12px; color: var(--text-dov); font-size: 14px; line-height: 1.65; }
.blogg-kort .las { margin-top: auto; padding-top: 24px; color: var(--guld-mork); font-size: 13px; font-weight: 700; }

.artikel-shell { padding: clamp(74px, 8vw, 116px) 0 var(--pad-sektion); }
.artikel-wrap { width: min(100% - 40px, 780px); margin-inline: auto; }
.artikel-tillbaka { display: inline-flex; margin-bottom: 28px; color: var(--guld-mork); font-size: 13px; font-weight: 700; }
.artikel-huvud { margin-bottom: clamp(36px, 5vw, 58px); }
.artikel-huvud h1 { margin-top: 18px; font-family: var(--serif); font-size: clamp(2.5rem, 6vw, 4.7rem); font-weight: 600; letter-spacing: -.018em; line-height: 1.01; }
.artikel-huvud > p { margin-top: 20px; color: var(--text-dov); font-size: clamp(1.05rem, 1.6vw, 1.22rem); line-height: 1.65; }
.artikel-prose { color: var(--text-dov); font-size: 16px; line-height: 1.78; }
.artikel-prose > * + * { margin-top: 20px; }
.artikel-prose h2 { margin-top: 46px; color: var(--text); font-family: var(--serif); font-size: clamp(1.8rem, 3vw, 2.35rem); font-weight: 600; line-height: 1.08; }
.artikel-prose h3 { margin-top: 32px; color: var(--text); font-size: 1.05rem; font-weight: 700; }
.artikel-prose strong { color: var(--text); }
.artikel-prose a { color: var(--guld-mork); text-decoration: underline; text-underline-offset: 3px; }
.artikel-prose ul, .artikel-prose ol { display: grid; gap: 9px; padding-left: 1.25rem; }
.artikel-prose ul { list-style: disc; }
.artikel-prose ol { list-style: decimal; }
.artikel-prose blockquote { padding: 18px 22px; border-left: 3px solid var(--guld); background: var(--guld-svag); color: var(--text); font-family: var(--serif); font-size: 1.25rem; }
.artikel-prose table { width: 100%; border-collapse: collapse; font-size: 14px; }
.artikel-prose th, .artikel-prose td { padding: 11px; border: 1px solid var(--linje); text-align: left; vertical-align: top; }
.artikel-prose details { padding: 16px 0; border-top: 1px solid var(--linje); }
.artikel-prose summary { color: var(--text); font-weight: 700; cursor: pointer; }
.artikel-forfattare { display: grid; grid-template-columns: auto 1fr; gap: 16px; margin-top: 54px; padding-top: 24px; border-top: 1px solid var(--linje); color: var(--text-dov); }
.artikel-forfattare::before { content: "IA"; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--guld-linje); border-radius: 50%; color: var(--guld-mork); font-family: var(--serif); font-weight: 600; }
.artikel-forfattare h2, .artikel-forfattare h3 { color: var(--text); font-size: 15px; }
.artikel-forfattare p { margin-top: 4px; font-size: 13px; }

@media (max-width: 900px) { .blogg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .blogg-grid { grid-template-columns: 1fr; } .blogg-kort { min-height: 240px; } .artikel-wrap { width: min(100% - 32px, 780px); } }