/* Sidene fra lag_seo.py: lister per by og bransje, lenkene mellom dem og spørsmålene nederst. */
.seo-side { padding-block: 18px 56px; display: flex; flex-direction: column; gap: 18px; }
.seo-h1 { margin: 6px 0 0; font-family: var(--display); font-size: clamp(28px, 4vw, 40px); line-height: 1.1; font-weight: 900; letter-spacing: -.01em; text-wrap: balance; }
.seo-ingress { margin: 0; max-width: 68ch; font-size: 17px; line-height: 1.5; color: var(--text); }
.seo-oppdatert { margin: -8px 0 0; font-size: 13px; color: var(--muted); }
.seo-alle { display: flex; justify-content: center; }
.seo-rutenett { margin-top: 18px; }
.seo-rutenett ul { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px 16px; }
.seo-rutenett a { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; font-weight: 600; color: var(--ink); }
.seo-rutenett a:hover { color: var(--accent); }
.seo-rutenett span { font-weight: 500; color: var(--muted); font-variant-numeric: tabular-nums; }
.seo-faq { margin-top: 22px; max-width: 760px; }
.seo-faq details { padding: 14px 0; border-bottom: 1px solid #e7e9ee; }
.seo-faq details:first-of-type { margin-top: 8px; }
.seo-faq summary { cursor: pointer; font-weight: 600; color: var(--ink); }
.seo-faq p { margin: 8px 0 0; line-height: 1.5; color: var(--text); }
.seo-lenker { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-block: 18px 0; font-weight: 600; }
.seo-lenker a { color: var(--accent); }