/* =========================================================
   NextMove WordPress – samlad CSS
   Blogg, artiklar, resurssida och formulär
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --nm-bg: hsl(36 18% 95%);
  --nm-surface: hsl(34 16% 91%);
  --nm-card: hsl(0 0% 100%);
  --nm-text: hsl(220 15% 10%);
  --nm-muted: hsl(220 10% 40%);
  --nm-primary: hsl(18 90% 52%);
  --nm-primary-dark: hsl(18 86% 44%);
  --nm-dark: hsl(220 15% 8%);
  --nm-border: rgba(15, 23, 42, 0.10);
  --nm-shadow: 0 34px 78px rgba(15, 23, 42, 0.20);
  --nm-soft-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);
  --nm-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* =========================================================
   Bas
   ========================================================= */

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--nm-font) !important;
  background-color: var(--nm-bg) !important;
  color: var(--nm-text) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
  color: var(--nm-primary);
}

a:hover {
  color: var(--nm-text);
}

.entry-title,
.page-title {
  font-family: var(--nm-font) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  color: var(--nm-text);
}

.entry-content,
.entry-summary,
.entry-meta,
.site-info {
  font-family: var(--nm-font) !important;
}

.entry-meta,
.entry-meta a {
  color: var(--nm-muted) !important;
  font-size: 14px !important;
}

.entry-content h2 {
  font-size: 28px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em;
  margin-top: 2.4em !important;
  margin-bottom: 0.8em !important;
}

.entry-content h3 {
  font-size: 21px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-top: 2em !important;
  margin-bottom: 0.6em !important;
}

.entry-content p,
.entry-content li {
  font-size: 18px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
}

.entry-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 2.2rem auto;
}

.site-footer {
  background: var(--nm-dark) !important;
  color: #fff !important;
}

/* =========================================================
   Header
   ========================================================= */

.site-header,
.main-navigation {
  background: var(--nm-bg) !important;
}

.site-header {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

@media (min-width: 769px) {
  .site-header,
  .site-header.grid-container,
  .site-header .inside-header,
  .inside-header.grid-container {
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .site-header .inside-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 18px 24px !important;
    gap: 60px !important;
  }

  .site-logo,
  .site-branding,
  .navigation-branding {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  .site-logo img,
  .navigation-branding img {
    max-height: 34px !important;
    width: auto !important;
    display: block !important;
  }

  .main-navigation {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    background: transparent !important;
    transform: translateY(5px) !important;
  }

  .main-navigation .inside-navigation {
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .main-navigation .main-nav > ul {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
  }

  .main-navigation .main-nav ul li a {
    padding: 0 !important;
    margin: 0 !important;
    font-family: var(--nm-font) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: var(--nm-muted) !important;
    text-transform: none !important;
  }

  .main-navigation .main-nav ul li a:hover,
  .main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--nm-text) !important;
    font-weight: 400 !important;
  }
}

/* =========================================================
   Knappar
   ========================================================= */

.button,
.wp-block-button__link,
input[type="submit"] {
  font-family: var(--nm-font) !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}

.button,
input[type="submit"] {
  background: var(--nm-primary) !important;
  color: #fff !important;
}

.nm-button-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 32px !important;
}

.nm-button,
.wp-block-button__link.nm-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 24px !important;
  border-radius: 4px !important;
  font-family: var(--nm-font) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

.nm-button-primary,
.wp-block-button__link.nm-button-primary {
  background: var(--nm-primary) !important;
  border: 1px solid var(--nm-primary) !important;
  color: #fff !important;
}

.nm-button-primary:hover,
.wp-block-button__link.nm-button-primary:hover {
  background: var(--nm-primary-dark) !important;
  border-color: var(--nm-primary-dark) !important;
  color: #fff !important;
}

.nm-button-secondary,
.wp-block-button__link.nm-button-secondary {
  background: transparent !important;
  border: 1px solid var(--nm-border) !important;
  color: var(--nm-text) !important;
}

.nm-button-secondary:hover,
.wp-block-button__link.nm-button-secondary:hover {
  background: rgba(15, 23, 42, 0.03) !important;
  border-color: var(--nm-text) !important;
  color: var(--nm-text) !important;
}

/* =========================================================
   Fullbredd för egna sidor
   ========================================================= */

body.home,
body .nm-page-shell {
  background: var(--nm-bg) !important;
}

body.home .site-content,
body.home .content-area,
body.home .site-main,
body.home .inside-article,
body.home .entry-content,
body .entry-content > .nm-page-shell {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

body.home .entry-header,
body .entry-content > .nm-page-shell ~ * {
  display: none !important;
}

/* =========================================================
   Hero – blogg och resurssida
   ========================================================= */

.nm-blog-hero {
  width: 100% !important;
  max-width: none !important;
  background: var(--nm-bg) !important;
  padding: 26px 32px 38px 32px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.nm-resources-hero {
	padding: 26px 32px 38px 32px !important;
}

.nm-blog-hero-inner {
  max-width: 1360px !important;
  margin: 0 auto !important;
}

.nm-blog-hero-inner .wp-block-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(440px, 0.82fr) !important;
  gap: 88px !important;
  align-items: center !important;
  margin: 0 !important;
}

.nm-blog-hero-inner .wp-block-column {
  flex-basis: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

body.home .entry-content p.nm-blog-kicker,
.nm-page-shell .entry-content p.nm-blog-kicker,
.nm-page-shell p.nm-blog-kicker,
.nm-blog-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: none !important;
  background: rgba(249, 85, 28, 0.08) !important;
  color: var(--nm-primary) !important;
  padding: 5px 8px !important;
  margin: 0 0 18px 0 !important;
  font-family: var(--nm-font) !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
}

body.home .entry-content p.nm-blog-kicker::before,
.nm-page-shell p.nm-blog-kicker::before,
.nm-blog-kicker::before {
  content: "" !important;
  width: 4.5px !important;
  height: 4.5px !important;
  min-width: 4.5px !important;
  min-height: 4.5px !important;
  border-radius: 50% !important;
  background: var(--nm-primary) !important;
  display: inline-block !important;
  margin: 0 8px 0 0 !important;
  transform: translateY(-0.2px) !important;
  flex: 0 0 auto !important;
}

.nm-blog-hero h1 {
  max-width: 860px !important;
  margin: 0 0 24px 0 !important;
  font-size: clamp(60px, 5.9vw, 84px) !important;
  line-height: 0.96 !important;
  font-weight: 800 !important;
  letter-spacing: -0.058em !important;
  color: var(--nm-text) !important;
}

.nm-resources-hero h1 {
  max-width: 920px !important;
}

.nm-blog-hero p:not(.nm-blog-kicker) {
  max-width: 660px !important;
  margin: 0 !important;
  font-size: 18.5px !important;
  line-height: 1.55 !important;
  color: var(--nm-muted) !important;
}

.nm-blog-hero-visual {
  width: 100% !important;
  max-width: 560px !important;
  justify-self: end !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.nm-blog-hero-visual figure,
.nm-blog-hero-visual .wp-block-image {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.nm-blog-hero-visual img {
  width: 100% !important;
  max-width: 560px !important;
  display: block !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: var(--nm-shadow) !important;
}

/* =========================================================
   Bloggstartsida – artikellista
   ========================================================= */

.nm-posts-section {
  width: 100% !important;
  max-width: none !important;
  background: var(--nm-surface) !important;
  padding: 44px 32px 54px 32px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.nm-posts-inner {
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.nm-posts-section h2 {
  max-width: 900px !important;
  margin: 0 0 0 0 !important;
  font-size: 42px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.05em !important;
  color: var(--nm-text) !important;
}

.nm-posts-section h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  background: var(--nm-primary);
  margin-top: 22px;
}

.nm-posts-section .wp-block-query {
  max-width: 900px !important;
  margin: 70px 0 0 0 !important;
  padding: 0 !important;
}

.nm-posts-section .wp-block-post {
  margin-bottom: 5.4rem !important;
  padding-bottom: 4.8rem !important;
  position: relative !important;
}

.nm-posts-section .wp-block-post::after {
  content: "";
  display: block;
  width: 76px;
  height: 3px;
  background: var(--nm-primary);
  margin: 4rem auto 0 auto;
}

.nm-posts-section .wp-block-post:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.nm-posts-section .wp-block-post:last-child::after {
  display: none;
}

.nm-posts-section .wp-block-post-title,
.nm-posts-section .wp-block-post-title a {
  color: var(--nm-text) !important;
  text-decoration: none !important;
}

.nm-posts-section .wp-block-post-title {
  font-size: 29px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  margin: 0 0 0.9rem 0 !important;
}

.nm-posts-section .wp-block-post-title a:hover {
  color: var(--nm-primary) !important;
}

.nm-posts-section .taxonomy-category,
.nm-posts-section .wp-block-post-terms {
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: var(--nm-primary) !important;
  margin: 0 0 1.4rem 0 !important;
}

.nm-posts-section .taxonomy-category a,
.nm-posts-section .wp-block-post-terms a {
  color: var(--nm-primary) !important;
  text-decoration: none !important;
}

.nm-posts-section .wp-block-post-featured-image {
  margin: 1.6rem 0 1.8rem 0 !important;
}

.nm-posts-section .wp-block-post-featured-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
}

.nm-posts-section .wp-block-post-excerpt {
  max-width: 820px !important;
  margin-top: 0 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: var(--nm-text) !important;
}

.nm-posts-section .wp-block-post-excerpt__more-link {
  display: inline-block !important;
  margin-top: 1rem !important;
  color: var(--nm-primary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* =========================================================
   Resurssida – sektioner, kort och CTA
   ========================================================= */

.nm-content-section {
  width: 100% !important;
  max-width: none !important;
  background: var(--nm-bg) !important;
  padding: 76px 32px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.nm-surface-section {
  background: var(--nm-surface) !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

.nm-section-inner {
  max-width: 1120px !important;
  margin: 0 auto !important;
}

.nm-section-header {
  max-width: 760px !important;
  margin: 0 0 36px 0 !important;
}

.nm-section-header h2,
.nm-content-section h2 {
  margin: 0 0 18px 0 !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.04 !important;
  font-weight: 800 !important;
  letter-spacing: -0.05em !important;
  color: var(--nm-text) !important;
}

.nm-section-header p,
.nm-content-section p {
  max-width: 720px !important;
  color: var(--nm-muted) !important;
}

.nm-card-grid {
  display: grid !important;
  gap: 24px !important;
}

.nm-card-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.nm-card-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.nm-resource-card,
.nm-diagnostic-card,
.nm-cta-panel {
  background: var(--nm-card) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: var(--nm-soft-shadow) !important;
}

.nm-resource-card {
  padding: 28px !important;
  border-radius: 12px !important;
}

.nm-resource-card h3 {
  margin: 0 0 12px 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: var(--nm-text) !important;
}

.nm-resource-card p {
  margin: 0 0 20px 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

.nm-resource-card .wp-block-buttons {
  margin-top: 20px !important;
}

.nm-feature-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(340px, 1.08fr) !important;
  gap: 56px !important;
  align-items: center !important;
}

.nm-feature-copy {
  max-width: 620px !important;
}

.nm-diagnostic-card {
  padding: 34px !important;
  border-radius: 14px !important;
}

.nm-diagnostic-card ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.nm-diagnostic-card li {
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10) !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: var(--nm-text) !important;
}

.nm-diagnostic-card li:last-child {
  border-bottom: 0 !important;
}

.nm-video-card iframe,
.nm-video-card .wp-block-embed__wrapper {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
}

.nm-video-card iframe {
  border: 0 !important;
  border-radius: 8px !important;
  margin-bottom: 18px !important;
}

.nm-article-grid {
  max-width: 980px !important;
}

.nm-demo-section {
  padding-bottom: 96px !important;
}

.nm-cta-panel {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 52px !important;
  border-radius: 16px !important;
}

.nm-cta-panel h2 {
  max-width: 760px !important;
}

.nm-cta-panel p {
  max-width: 760px !important;
}

/* =========================================================
   Nyhetsbrev / mörk CTA
   ========================================================= */

.nm-newsletter-section {
  width: 100% !important;
  max-width: none !important;
  background: #11141a !important;
  color: #fff !important;
  padding: 76px 32px 84px 32px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.nm-newsletter-inner {
  max-width: 980px !important;
  margin: 0 auto !important;
}

.nm-newsletter-section h2 {
  max-width: 720px !important;
  margin: 0 0 14px 0 !important;
  color: #fff !important;
  font-size: 38px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}

.nm-newsletter-section h2 + p {
  margin-top: 0 !important;
}

.nm-newsletter-section p {
  max-width: 760px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  margin: 0 0 30px 0 !important;
}

.nm-newsletter-section label,
.nm-newsletter-section .grwf2-wrapper label,
.nm-newsletter-section .grwf2-wrapper span,
.nm-newsletter-section .grwf2-wrapper div {
  color: rgba(255, 255, 255, 0.78) !important;
}

.nm-newsletter-section input[type="email"],
.nm-newsletter-section input[type="text"] {
  background: #fff !important;
  color: var(--nm-text) !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 13px 14px !important;
  font-family: var(--nm-font) !important;
}

.nm-newsletter-section input[type="checkbox"] {
  accent-color: var(--nm-primary) !important;
}

.nm-newsletter-section a {
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.nm-newsletter-section input[type="submit"],
.nm-newsletter-section button {
  background: var(--nm-primary) !important;
  color: #fff !important;
  border-radius: 4px !important;
  border: none !important;
  font-weight: 700 !important;
  padding: 13px 28px !important;
}

/* =========================================================
   Single post – redaktionell artikelsida
   ========================================================= */

@media (min-width: 769px) {
  body.single-post .site-content {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 48px 32px 0 32px !important;
    box-sizing: border-box !important;
  }

  body.single-post .content-area,
  body.single-post .site-main {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  body.single-post .inside-article {
    background: transparent !important;
    padding: 0 !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  body.single-post .entry-header,
  body.single-post .entry-title,
  body.single-post .entry-meta,
  body.single-post .entry-content {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.single-post .entry-title {
    font-size: 42px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 0.8rem !important;
  }

  body.single-post .entry-meta {
    color: var(--nm-muted) !important;
    font-size: 14px !important;
    margin-bottom: 2.2rem !important;
  }

  body.single-post .entry-content img {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    margin: 2.8rem auto 2.4rem auto !important;
    transform: none !important;
  }
}

/* =========================================================
   Mobil
   ========================================================= */

@media (max-width: 768px) {
  .site-header .inside-header {
    padding: 16px 20px !important;
  }

  .nm-blog-hero,
  .nm-resources-hero {
    padding: 48px 24px 56px 24px !important;
  }

  .nm-blog-hero-inner .wp-block-columns {
    display: block !important;
  }

  .nm-blog-hero h1 {
    font-size: 44px !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
  }

  .nm-blog-hero p:not(.nm-blog-kicker) {
    font-size: 18px !important;
  }

  .nm-blog-hero-visual {
    margin-top: 40px !important;
    max-width: none !important;
    justify-self: auto !important;
  }

  .nm-blog-hero-visual img {
    max-width: none !important;
  }

  .nm-posts-section {
    padding: 48px 24px 72px 24px !important;
  }

  .nm-posts-section h2 {
    font-size: 34px !important;
  }

  .nm-posts-section .wp-block-query {
    margin-top: 52px !important;
  }

  .nm-posts-section .wp-block-post-title {
    font-size: 26px !important;
  }

  .nm-content-section {
    padding: 56px 24px !important;
  }

  .nm-card-grid-3,
  .nm-card-grid-2,
  .nm-feature-grid {
    grid-template-columns: 1fr !important;
  }

  .nm-feature-grid {
    gap: 32px !important;
  }

  .nm-button-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .nm-button,
  .wp-block-button__link.nm-button {
    width: 100% !important;
  }

  .nm-cta-panel {
    padding: 34px 24px !important;
  }

  .nm-newsletter-section {
    padding: 56px 24px !important;
  }

  .nm-newsletter-section h2 {
    font-size: 30px !important;
  }
}

/* =========================================================
   Resurssida – korrigering hero, kicker och knappar
   ========================================================= */

/* Kicker ska se likadan ut på resurssidan som på bloggsidan */
body.page .entry-content p.nm-blog-kicker,
body.page .nm-blog-hero p.nm-blog-kicker,
body.page .nm-resources-hero p.nm-blog-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: none !important;
  background: rgba(249, 85, 28, 0.08) !important;
  color: var(--nm-primary) !important;
  padding: 5px 8px !important;
  margin: 0 0 18px 0 !important;
  font-family: var(--nm-font) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
}

body.page .entry-content p.nm-blog-kicker::before,
body.page .nm-blog-hero p.nm-blog-kicker::before,
body.page .nm-resources-hero p.nm-blog-kicker::before {
  content: "" !important;
  width: 4.5px !important;
  height: 4.5px !important;
  min-width: 4.5px !important;
  min-height: 4.5px !important;
  border-radius: 50% !important;
  background: var(--nm-primary) !important;
  display: inline-block !important;
  margin: 0 8px 0 0 !important;
  transform: translateY(-0.2px) !important;
  flex: 0 0 auto !important;
}

/* Knappar: hantera både klass på wrapper och klass på själva länken */
body.page .nm-button-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 32px !important;
}

body.page .wp-block-button.nm-button-primary .wp-block-button__link,
body.page .wp-block-button__link.nm-button-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 24px !important;
  background: var(--nm-primary) !important;
  border: 1px solid var(--nm-primary) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: var(--nm-font) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.page .wp-block-button.nm-button-primary .wp-block-button__link:hover,
body.page .wp-block-button__link.nm-button-primary:hover {
  background: var(--nm-primary-dark) !important;
  border-color: var(--nm-primary-dark) !important;
  color: #fff !important;
}

body.page .wp-block-button.nm-button-secondary .wp-block-button__link,
body.page .wp-block-button__link.nm-button-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 24px !important;
  background: transparent !important;
  border: 1px solid var(--nm-border) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: var(--nm-text) !important;
  font-family: var(--nm-font) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.page .wp-block-button.nm-button-secondary .wp-block-button__link:hover,
body.page .wp-block-button__link.nm-button-secondary:hover {
  background: rgba(15, 23, 42, 0.03) !important;
  border-color: var(--nm-text) !important;
  color: var(--nm-text) !important;
}

/* Ta bort extra marginaler/inramning runt Gutenberg-knappar */
body.page .nm-button-row .wp-block-button {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* =========================================================
   Resurssida – hero-korrigering mot blogg/Lovable
   ========================================================= */

/* Samma vertikala hero-placering som bloggsidan */
body.page .nm-resources-hero {
  padding-top: 26px !important;
  padding-bottom: 38px !important;
}

/* Kicker på resurssidan: närmare huvudsidan, mindre hoptryckt */
body.page .nm-resources-hero p.nm-blog-kicker,
body.page .nm-resources-hero .nm-blog-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: none !important;
  background: rgba(249, 85, 28, 0.08) !important;
  color: var(--nm-primary) !important;
  padding: 6px 9px !important;
  margin: 0 0 20px 0 !important;
  font-family: var(--nm-font) !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

body.page .nm-resources-hero p.nm-blog-kicker::before,
body.page .nm-resources-hero .nm-blog-kicker::before {
  content: "" !important;
  width: 4.5px !important;
  height: 4.5px !important;
  min-width: 4.5px !important;
  min-height: 4.5px !important;
  border-radius: 50% !important;
  background: var(--nm-primary) !important;
  display: inline-block !important;
  margin: 0 7px 0 0 !important;
  transform: translateY(-0.1px) !important;
  flex: 0 0 auto !important;
}

/* Nolla ram/padding runt hero-bilden på resurssidan */
body.page .nm-resources-hero .nm-blog-hero-visual,
body.page .nm-resources-hero .nm-blog-hero-visual.wp-block-column,
body.page .nm-resources-hero .nm-blog-hero-visual .wp-block-image,
body.page .nm-resources-hero .nm-blog-hero-visual figure {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Om WordPress lagt ram på bildblocket eller figure */
body.page .nm-resources-hero figure.wp-block-image,
body.page .nm-resources-hero .wp-block-image,
body.page .nm-resources-hero .wp-block-image figure {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Själva bilden ska bära uttrycket, inte en wrapper */
body.page .nm-resources-hero .nm-blog-hero-visual img,
body.page .nm-resources-hero .wp-block-image img {
  display: block !important;
  width: 100% !important;
  max-width: 560px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  border-radius: 0 !important;
  box-shadow: 0 34px 78px rgba(15, 23, 42, 0.20) !important;
}

/* Knappar: vänsterställ, lite mindre avstånd uppåt, något större gap */
body.page .nm-resources-hero .nm-button-row,
body.page .nm-resources-hero .wp-block-buttons.nm-button-row {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 26px !important;
}

/* Om klassen ligger på gruppen utanför Buttons-blocket */
body.page .nm-resources-hero .nm-button-row .wp-block-buttons {
  justify-content: flex-start !important;
  gap: 14px !important;
  margin: 0 !important;
}

/* Ta bort extra wrapper-effekter runt knappar */
body.page .nm-resources-hero .wp-block-button {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Resurssida hero – nolla standardmarginal på knappgruppen */
body.page .nm-resources-hero .wp-block-buttons,
body.page .nm-resources-hero .wp-block-buttons.is-layout-flex,
body.page .nm-resources-hero .nm-button-row {
  margin-top: 26px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  gap: 14px !important;
}

/* Om nm-button-row ligger runt själva wp-block-buttons */
body.page .nm-resources-hero .nm-button-row .wp-block-buttons {
  margin: 0 !important;
  padding: 0 !important;
  justify-content: flex-start !important;
  gap: 14px !important;
}

/* Nolla varje enskilt knappblock */
body.page .nm-resources-hero .wp-block-button {
  margin: 0 !important;
  padding: 0 !important;
}

/* Hero-knappar: wrapper runt Gutenberg Buttons */
body.page .nm-resources-hero .nm-hero-button-wrapper {
  margin-top: 26px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
}

/* Nolla Gutenbergs egen Buttons-marginal inuti wrappern */
body.page .nm-resources-hero .nm-hero-button-wrapper .wp-block-buttons {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 14px !important;
}

/* Nolla varje knappblock */
body.page .nm-resources-hero .nm-hero-button-wrapper .wp-block-button {
  margin: 0 !important;
  padding: 0 !important;
}

/* Resurssida – finjustering hero efter Row-lösning */

body.page .nm-resources-hero {
  padding-top: 18px !important;
  padding-bottom: 42px !important;
}

/* Gör resurssidans hero något mer lik huvudsidans placering */
body.page .nm-resources-hero .nm-blog-hero-inner {
  max-width: 1280px !important;
}

/* Flytta innehållet marginellt åt höger */
body.page .nm-resources-hero .wp-block-columns {
  transform: translateX(18px) !important;
}

/* Återskapa lagom avstånd mellan ingress och knappar */
body.page .nm-resources-hero .nm-hero-button-wrapper {
  margin-top: 32px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 14px !important;
}

/* Säkerställ att Gutenberg inte lägger egen marginal i knapparna */
body.page .nm-resources-hero .nm-hero-button-wrapper .wp-block-button {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   Resurssida – använd samma hero som bloggsidan
   ========================================================= */

/* Resurssidan ska inte ha egen hero-positionering */
body.page .nm-blog-hero {
  padding-top: 26px !important;
  padding-bottom: 38px !important;
}

body.page .nm-blog-hero-inner {
  max-width: 1360px !important;
  margin: 0 auto !important;
}

body.page .nm-blog-hero-inner .wp-block-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(440px, 0.82fr) !important;
  gap: 88px !important;
  align-items: center !important;
  margin: 0 !important;
  transform: none !important;
}

/* Kicker ska vara exakt samma på vanliga sidor som på bloggsidan */
body.page .entry-content p.nm-blog-kicker,
body.page .nm-blog-hero p.nm-blog-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: none !important;
  background: rgba(249, 85, 28, 0.08) !important;
  color: var(--nm-primary) !important;
  padding: 5px 8px !important;
  margin: 0 0 18px 0 !important;
  font-family: var(--nm-font) !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
}

body.page .entry-content p.nm-blog-kicker::before,
body.page .nm-blog-hero p.nm-blog-kicker::before {
  content: "" !important;
  width: 4.5px !important;
  height: 4.5px !important;
  min-width: 4.5px !important;
  min-height: 4.5px !important;
  border-radius: 50% !important;
  background: var(--nm-primary) !important;
  display: inline-block !important;
  margin: 0 8px 0 0 !important;
  transform: translateY(-0.2px) !important;
  flex: 0 0 auto !important;
}

/* Hero-bild: samma beteende på vanlig sida som på bloggsidan */
body.page .nm-blog-hero .nm-blog-hero-visual {
  width: 100% !important;
  max-width: 560px !important;
  justify-self: end !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.page .nm-blog-hero .nm-blog-hero-visual figure,
body.page .nm-blog-hero .nm-blog-hero-visual .wp-block-image {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.page .nm-blog-hero .nm-blog-hero-visual img {
  width: 100% !important;
  max-width: 560px !important;
  display: block !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: var(--nm-shadow) !important;
}

/* Endast knapparna är resursspecifika */
body.page .nm-blog-hero .nm-hero-button-wrapper {
  margin-top: 28px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 14px !important;
}

body.page .nm-blog-hero .nm-hero-button-wrapper .wp-block-button {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   Resurssida – snabb väg in
   ========================================================= */

body.page .nm-resource-start-section {
  background: var(--nm-surface) !important;
  padding-top: 72px !important;
  padding-bottom: 84px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}

body.page .nm-resource-start-section .nm-posts-inner {
  max-width: 1120px !important;
  margin: 0 auto !important;
}

body.page .nm-resource-start-section .nm-section-header {
  max-width: 760px !important;
  margin: 0 0 42px 0 !important;
}

body.page .nm-resource-start-section h2 {
  margin: 0 0 16px 0 !important;
  font-size: 42px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.05em !important;
  color: var(--nm-text) !important;
}

body.page .nm-resource-start-section .nm-section-header p {
  margin: 0 !important;
  max-width: 680px !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-resource-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

body.page .nm-resource-path-card {
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  padding: 28px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06) !important;
}

body.page .nm-resource-path-card h3 {
  margin: 0 0 12px 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  color: var(--nm-text) !important;
}

body.page .nm-resource-path-card p {
  margin: 0 0 18px 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-resource-path-card a {
  color: var(--nm-primary) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.page .nm-resource-path-card a:hover {
  color: var(--nm-text) !important;
}

@media (max-width: 768px) {
  body.page .nm-resource-start-section {
    padding-top: 56px !important;
    padding-bottom: 64px !important;
  }

  body.page .nm-resource-card-grid {
    grid-template-columns: 1fr !important;
  }

  body.page .nm-resource-start-section h2 {
    font-size: 34px !important;
  }
}

/* =========================================================
   Resurssida – vägvalssektion, Lovable-nära kort
   ========================================================= */

body.page .nm-resource-start-section {
  background: var(--nm-surface) !important;
  padding-top: 72px !important;
  padding-bottom: 86px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-bottom: none !important;
}

body.page .nm-resource-start-inner {
  max-width: 1120px !important;
  margin: 0 auto !important;
}

body.page .nm-resource-start-header {
  max-width: 760px !important;
  margin: 0 0 42px 0 !important;
}

body.page .nm-resource-start-header h2 {
  margin: 0 0 18px 0 !important;
  font-size: 42px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.05em !important;
  color: var(--nm-text) !important;
}

body.page .nm-resource-start-header h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  background: var(--nm-primary);
  margin-top: 22px;
}

body.page .nm-resource-start-header p {
  max-width: 700px !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-resource-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  background: rgba(255, 255, 255, 0.42) !important;
}

body.page .nm-resource-choice-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 238px !important;
  padding: 32px 32px 30px 32px !important;
  background: rgba(255, 255, 255, 0.34) !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

body.page .nm-resource-choice-card + .nm-resource-choice-card {
  border-left: 1px solid rgba(15, 23, 42, 0.10) !important;
}

body.page .nm-resource-choice-card h3 {
  min-height: 54px !important;
  margin: 0 0 14px 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  color: var(--nm-text) !important;
}

body.page .nm-resource-choice-card p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-resource-choice-card .nm-card-link,
body.page .nm-resource-choice-card a.nm-card-link {
  display: inline-block !important;
  margin-top: auto !important;
  padding-top: 24px !important;
  color: var(--nm-primary) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.page .nm-resource-choice-card .nm-card-link:hover,
body.page .nm-resource-choice-card a.nm-card-link:hover {
  color: var(--nm-text) !important;
}

/* Om gamla knappblock fortfarande finns kvar i korten: gör dem till textlänkar */
body.page .nm-resource-choice-card .wp-block-button,
body.page .nm-resource-choice-card .wp-block-buttons {
  margin: auto 0 0 0 !important;
  padding: 0 !important;
}

body.page .nm-resource-choice-card .wp-block-button__link {
  min-height: 0 !important;
  padding: 24px 0 0 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--nm-primary) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.page .nm-resource-choice-card .wp-block-button__link:hover {
  color: var(--nm-text) !important;
}

@media (max-width: 768px) {
  body.page .nm-resource-start-section {
    padding-top: 56px !important;
    padding-bottom: 64px !important;
  }

  body.page .nm-resource-choice-grid {
    grid-template-columns: 1fr !important;
  }

  body.page .nm-resource-choice-card + .nm-resource-choice-card {
    border-left: none !important;
    border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  }

  body.page .nm-resource-choice-card h3 {
    min-height: 0 !important;
  }

  body.page .nm-resource-start-header h2 {
    font-size: 34px !important;
  }
}

/* =========================================================
   Resurssida – korrigering vägvalssektion
   ========================================================= */

body.page .nm-resource-start-section {
  background: var(--nm-surface) !important;
  padding-top: 88px !important;
  padding-bottom: 96px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-bottom: none !important;
}

/* Gemensam vänsterkant för hela sektionen */
body.page .nm-resource-start-inner {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Ta bort extra linje/separator om den ligger i sektionen */
body.page .nm-resource-start-section hr,
body.page .nm-resource-start-section .wp-block-separator {
  display: none !important;
}

/* Rubrikblock: ingen extra indragning, mindre avstånd nedåt */
body.page .nm-resource-start-header {
  max-width: 760px !important;
  margin: 0 0 34px 0 !important;
  padding: 0 !important;
}

/* Rubrik */
body.page .nm-resource-start-header h2,
body.page .nm-resource-start-section h2 {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  font-size: 42px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.05em !important;
  color: var(--nm-text) !important;
}

/* Kort orange linje under rubriken, inte en separat separator ovanför */
body.page .nm-resource-start-header h2::after,
body.page .nm-resource-start-section h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  background: var(--nm-primary);
  margin-top: 20px;
}

/* Ingressen närmare rubriken och i samma vänsterkant */
body.page .nm-resource-start-header p,
body.page .nm-resource-start-section .nm-resource-start-header p {
  max-width: 700px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

/* Om ingressen ligger efter headergruppen, fånga den också */
body.page .nm-resource-start-section .nm-resource-start-inner > p {
  max-width: 700px !important;
  margin: 0 0 34px 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

/* Grid ska börja exakt på samma vänsterkant som rubriken */
body.page .nm-resource-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

/* Korten */
body.page .nm-resource-choice-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 238px !important;
  padding: 32px 32px 30px 32px !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Vertikala linjer mellan kort */
body.page .nm-resource-choice-card + .nm-resource-choice-card {
  border-left: 1px solid rgba(15, 23, 42, 0.10) !important;
}

/* Kortens rubriker */
body.page .nm-resource-choice-card h3 {
  min-height: 54px !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  color: var(--nm-text) !important;
}

/* Kortens brödtext */
body.page .nm-resource-choice-card p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

/* Länkar längst ned */
body.page .nm-resource-choice-card .nm-card-link,
body.page .nm-resource-choice-card a.nm-card-link {
  display: inline-block !important;
  margin-top: auto !important;
  padding-top: 24px !important;
  color: var(--nm-primary) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.page .nm-resource-choice-card .nm-card-link:hover,
body.page .nm-resource-choice-card a.nm-card-link:hover {
  color: var(--nm-text) !important;
}

@media (max-width: 768px) {
  body.page .nm-resource-start-section {
    padding-top: 56px !important;
    padding-bottom: 64px !important;
  }

  body.page .nm-resource-choice-grid {
    grid-template-columns: 1fr !important;
  }

  body.page .nm-resource-choice-card + .nm-resource-choice-card {
    border-left: none !important;
    border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  }

  body.page .nm-resource-choice-card h3 {
    min-height: 0 !important;
  }

  body.page .nm-resource-start-header h2,
  body.page .nm-resource-start-section h2 {
    font-size: 34px !important;
  }
}

/* Resurssida – justera vägvalssektionens placering och bredd */

body.page .nm-resource-start-section {
  padding-top: 58px !important;
  padding-bottom: 86px !important;
}

/* Gör innerbredden mer lik Lovable-sektionerna */
body.page .nm-resource-start-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 0px !important;
  box-sizing: border-box !important;
}

/* Begränsa själva text- och kortytan så den inte blir för smal */
body.page .nm-resource-start-header,
body.page .nm-resource-choice-grid {
  max-width: 1120px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Minska avståndet mellan rubrikblock och kort */
body.page .nm-resource-start-header {
  margin-bottom: 32px !important;
}

/* Gör ingressen lite närmare rubriken */
body.page .nm-resource-start-header p {
  margin-top: 0 !important;
}

/* Justera gridens bredd och position */
body.page .nm-resource-choice-grid {
  width: 100% !important;
}

/* =========================================================
   Resurssida – beslutsdiagnos
   ========================================================= */

body.page .nm-diagnostic-section {
  background: var(--nm-bg) !important;
  padding-top: 72px !important;
  padding-bottom: 86px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}

body.page .nm-diagnostic-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

body.page .nm-diagnostic-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr) !important;
  gap: 72px !important;
  align-items: center !important;
  max-width: 1120px !important;
  margin: 0 !important;
}

body.page .nm-diagnostic-copy {
  max-width: 560px !important;
}

body.page .nm-diagnostic-copy h2 {
  margin: 0 0 18px 0 !important;
  font-size: clamp(38px, 4.2vw, 56px) !important;
  line-height: 1.02 !important;
  font-weight: 800 !important;
  letter-spacing: -0.055em !important;
  color: var(--nm-text) !important;
}

body.page .nm-diagnostic-copy p {
  margin: 0 !important;
  max-width: 560px !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-diagnostic-button-wrapper {
  margin-top: 28px !important;
  display: flex !important;
  justify-content: flex-start !important;
}

body.page .nm-diagnostic-button-wrapper .wp-block-button {
  margin: 0 !important;
  padding: 0 !important;
}

body.page .nm-diagnostic-panel {
  background: rgba(255, 255, 255, 0.42) !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  padding: 36px 40px !important;
  box-shadow: none !important;
}

body.page .nm-diagnostic-panel h3 {
  margin: 0 0 22px 0 !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  color: var(--nm-text) !important;
}

body.page .nm-diagnostic-panel ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.page .nm-diagnostic-panel li {
  position: relative !important;
  margin: 0 !important;
  padding: 14px 0 14px 22px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-diagnostic-panel li::before {
  content: "→" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  color: var(--nm-primary) !important;
  font-weight: 800 !important;
}

body.page .nm-diagnostic-panel p {
  margin: 22px 0 0 0 !important;
  padding-top: 20px !important;
  border-top: 2px solid var(--nm-text) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  color: var(--nm-text) !important;
}

@media (max-width: 768px) {
  body.page .nm-diagnostic-section {
    padding-top: 56px !important;
    padding-bottom: 64px !important;
  }

  body.page .nm-diagnostic-inner {
    padding: 0 24px !important;
  }

  body.page .nm-diagnostic-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  body.page .nm-diagnostic-panel {
    padding: 28px 24px !important;
  }

  body.page .nm-diagnostic-copy h2 {
    font-size: 34px !important;
  }
}

/* =========================================================
   Resurssida – diagnossektion finjustering
   ========================================================= */

/* Toppjustera båda kolumnerna */
body.page .nm-diagnostic-grid {
  align-items: start !important;
}

/* Vänster text ska börja i höjd med kortets innehåll, inte centreras */
body.page .nm-diagnostic-copy {
  align-self: start !important;
  padding-top: 84px !important;
}

/* Kicker i sektioner: ren text, inte hero-skylt */
body.page .nm-diagnostic-section .nm-section-kicker {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--nm-primary) !important;
  font-family: var(--nm-font) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* Ingen prick före section-kicker */
body.page .nm-diagnostic-section .nm-section-kicker::before {
  content: none !important;
}

/* Mindre avstånd mellan kicker och rubrik */
body.page .nm-diagnostic-copy h2 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* Brödtext */
body.page .nm-diagnostic-copy p {
  color: var(--nm-muted) !important;
}

/* Knapp: samma röda/orange som NextMove, inte gammal Future Learning-orange */
body.page .nm-diagnostic-button-wrapper {
  margin-top: 24px !important;
  display: flex !important;
  justify-content: flex-start !important;
}

body.page .nm-diagnostic-button-wrapper .wp-block-button {
  margin: 0 !important;
  padding: 0 !important;
}

body.page .nm-diagnostic-button-wrapper .wp-block-button__link {
  background: var(--nm-primary) !important;
  border: 1px solid var(--nm-primary) !important;
  color: #fff !important;
  min-height: 48px !important;
  padding: 14px 24px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-family: var(--nm-font) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.page .nm-diagnostic-button-wrapper .wp-block-button__link:hover {
  background: var(--nm-primary-dark) !important;
  border-color: var(--nm-primary-dark) !important;
  color: #fff !important;
}

/* Diagnoskort: ta bort tjocka svarta linjer och gör kortet mer Lovable-likt */
body.page .nm-diagnostic-panel {
  background: rgba(255, 255, 255, 0.34) !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  padding: 38px 44px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Ta bort eventuella separatorer/linjer överst i kortet */
body.page .nm-diagnostic-panel hr,
body.page .nm-diagnostic-panel .wp-block-separator {
  display: none !important;
}

/* Rubrik i kortet ska börja direkt, inte efter svart linje */
body.page .nm-diagnostic-panel h3 {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: var(--nm-text) !important;
}

/* Lista: tunna grå linjer */
body.page .nm-diagnostic-panel ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
}

body.page .nm-diagnostic-panel li {
  position: relative !important;
  margin: 0 !important;
  padding: 14px 0 14px 22px !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-diagnostic-panel li::before {
  content: "→" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  color: var(--nm-primary) !important;
  font-weight: 700 !important;
}

/* Resultattext: ta bort svart linje, använd diskret avdelare */
body.page .nm-diagnostic-panel p {
  margin: 22px 0 0 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.12) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  color: var(--nm-text) !important;
}

/* Mobil */
@media (max-width: 768px) {
  body.page .nm-diagnostic-copy {
    padding-top: 0 !important;
  }

  body.page .nm-diagnostic-panel {
    padding: 30px 24px !important;
  }
}

/* =========================================================
   Resurssida – diagnossektion: toppjustering och renare kort
   ========================================================= */

/* Toppjustera hela diagnosgridden */
body.page .nm-diagnostic-grid {
  align-items: start !important;
}

/* Tvinga alla direkta barn i gridden att börja upptill */
body.page .nm-diagnostic-grid > * {
  align-self: start !important;
}

/* Vänsterkolumnen ska inte ha centrerande padding */
body.page .nm-diagnostic-copy {
  align-self: start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Mindre avstånd mellan DIAGNOS och rubriken */
body.page .nm-diagnostic-section .nm-section-kicker {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

/* Rubriken direkt efter kicken */
body.page .nm-diagnostic-copy h2 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* Kortet ska börja med rubriken, inte med linje */
body.page .nm-diagnostic-panel {
  align-self: start !important;
  margin-top: 0 !important;
  padding: 38px 44px !important;
}

/* Ta bort alla separatorer och toppstreck i kortet */
body.page .nm-diagnostic-panel hr,
body.page .nm-diagnostic-panel .wp-block-separator {
  display: none !important;
}

/* Rubrik i kortet: mer rubrik, mer luft nedåt */
body.page .nm-diagnostic-panel h3 {
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  border: none !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: var(--nm-text) !important;
}

/* Listan ska inte ha linje direkt ovanför första raden */
body.page .nm-diagnostic-panel ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: none !important;
}

/* Tunna linjer endast mellan listpunkter */
body.page .nm-diagnostic-panel li {
  position: relative !important;
  margin: 0 !important;
  padding: 14px 0 14px 22px !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: var(--nm-muted) !important;
}

/* Ta bort linje efter sista listpunkten för att undvika dubbelstreck före resultat */
body.page .nm-diagnostic-panel li:last-child {
  border-bottom: none !important;
}

/* Resultattext: en enda diskret avdelare */
body.page .nm-diagnostic-panel p:last-child {
  margin: 22px 0 0 0 !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.12) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  color: var(--nm-text) !important;
}

/* =========================================================
   Resurssida – diagnossektion: optisk toppjustering
   ========================================================= */

/* Minska eventuell extra höjd i vänsterkolumnen */
body.page .nm-diagnostic-copy {
  padding-top: 0 !important;
  margin-top: -6px !important;
}

/* DIAGNOS: något större och närmare rubriken */
body.page .nm-diagnostic-section .nm-section-kicker {
  margin: 0 0 9px 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  color: var(--nm-primary) !important;
  background: transparent !important;
  text-transform: uppercase !important;
}

/* Rubriken ska börja närmare kicken */
body.page .nm-diagnostic-copy h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* Kortet: mindre topp-padding */
body.page .nm-diagnostic-panel {
  padding-top: 30px !important;
  padding-bottom: 36px !important;
}

/* Ta bort linje/separator före rubriken helt */
body.page .nm-diagnostic-panel > hr:first-child,
body.page .nm-diagnostic-panel > .wp-block-separator:first-child,
body.page .nm-diagnostic-panel .wp-block-separator:first-child {
  display: none !important;
}

/* Rubriken ska ligga överst i kortet */
body.page .nm-diagnostic-panel h3 {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Linjen ska börja under rubriken, inte ovanför */
body.page .nm-diagnostic-panel ul {
  border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  margin-top: 0 !important;
}

/* Lite mer luft mellan rubrik och första linje/lista */
body.page .nm-diagnostic-panel h3 + ul {
  margin-top: 0 !important;
}

/* =========================================================
   Resurssida – diagnossektion: gemensam container och optisk topp
   ========================================================= */

/* Sektionen ska använda samma yttre breddlogik som övriga sektioner */
body.page .nm-diagnostic-section {
  padding-top: 72px !important;
  padding-bottom: 88px !important;
  background: var(--nm-bg) !important;
}

/* Samma yttre container som vägvalssektionen */
body.page .nm-diagnostic-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

/* Själva innehållet ska börja på samma vänsterlinje och inte skjutas höger */
body.page .nm-diagnostic-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(420px, 1fr) !important;
  gap: 72px !important;
  align-items: start !important;
  max-width: 1120px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Alla direkta barn toppjusteras */
body.page .nm-diagnostic-grid > * {
  align-self: start !important;
}

/* Vänsterkolumnen ska inte ha extra toppmarginal */
body.page .nm-diagnostic-copy {
  max-width: 560px !important;
  padding-top: 0 !important;
  margin-top: -2px !important;
  align-self: start !important;
}

/* DIAGNOS ska ligga närmare rubriken och kännas mer som Lovable-kicker */
body.page .nm-diagnostic-section .nm-section-kicker {
  display: block !important;
  margin: 0 0 7px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--nm-primary) !important;
  font-family: var(--nm-font) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* Rubriken närmare kicken */
body.page .nm-diagnostic-copy h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

/* Brödtext under rubrik */
body.page .nm-diagnostic-copy p {
  margin-top: 0 !important;
}

/* Diagnoskortet ska inte ha annan bredd/position än gridens högerkolumn */
body.page .nm-diagnostic-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  align-self: start !important;
  padding: 30px 44px 36px 44px !important;
  box-sizing: border-box !important;
}

/* Resurssida – diagnossektion: använd samma container som sektionen ovan */

body.page .nm-diagnostic-section {
  background: var(--nm-bg) !important;
  padding-top: 72px !important;
  padding-bottom: 88px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}

/* Låt samma innercontainer styra vänster- och högerlinje */
body.page .nm-diagnostic-inner.nm-resource-start-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

/* Själva diagnosgridden ska ligga från vänsterkanten, inte centreras separat */
body.page .nm-diagnostic-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr) !important;
  gap: 72px !important;
  align-items: start !important;
  max-width: 1120px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Toppjustering */
body.page .nm-diagnostic-grid > * {
  align-self: start !important;
}

/* Vänsterkolumn */
body.page .nm-diagnostic-copy {
  padding-top: 0 !important;
  margin-top: 0 !important;
}


/* Resurssida – diagnossektion: ta bort gap mellan inner och grid */

body.page .nm-diagnostic-inner {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box !important;
}

/* Gridden ska fylla innercontainerns innehållsyta */
body.page .nm-diagnostic-grid {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* =========================================================
   Diagnossektion – tvinga grön grid att linjera med blå inner
   ========================================================= */

/* Innercontainern ska vara samma faktiska innehållsbredd som sektionen ovan */
body.page .nm-diagnostic-section .nm-diagnostic-inner,
body.page .nm-diagnostic-section .nm-diagnostic-inner.nm-resource-start-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Om Gutenberg skapar en extra inner-container */
body.page .nm-diagnostic-section .nm-diagnostic-inner > .wp-block-group__inner-container,
body.page .nm-diagnostic-section .nm-diagnostic-inner.nm-resource-start-inner > .wp-block-group__inner-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Gridden ska fylla innercontainern, inte ha egen maxbredd eller centrering */
body.page .nm-diagnostic-section .nm-diagnostic-grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* =========================================================
   Diagnossektion – återställ bred container och låt grid fylla den
   ========================================================= */

body.page .nm-diagnostic-section .nm-diagnostic-inner,
body.page .nm-diagnostic-section .nm-diagnostic-inner.nm-resource-start-inner {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box !important;
}

/* Gutenberg inner-wrapper, om den finns */
body.page .nm-diagnostic-section .nm-diagnostic-inner > .wp-block-group__inner-container,
body.page .nm-diagnostic-section .nm-diagnostic-inner.nm-resource-start-inner > .wp-block-group__inner-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Gridden ska fylla den bredare containern */
body.page .nm-diagnostic-section .nm-diagnostic-grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(460px, 1.08fr) !important;
  column-gap: 72px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

/* Vänsterdelen ska inte skapa egen inre begränsning */
body.page .nm-diagnostic-section .nm-diagnostic-copy {
  max-width: 560px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Högerkortet fyller sin kolumn */
body.page .nm-diagnostic-section .nm-diagnostic-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* =========================================================
   Resurssida – guider och checklistor
   ========================================================= */

body.page .nm-guides-section {
  background: var(--nm-bg) !important;
  padding-top: 72px !important;
  padding-bottom: 96px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}

body.page .nm-guides-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
  box-sizing: border-box !important;
}

body.page .nm-guides-header {
  max-width: 760px !important;
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
}

body.page .nm-guides-header .nm-section-kicker {
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--nm-primary) !important;
  font-family: var(--nm-font) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.page .nm-guides-header h2 {
  margin: 0 0 14px 0 !important;
  font-size: clamp(38px, 4vw, 54px) !important;
  line-height: 1.04 !important;
  font-weight: 800 !important;
  letter-spacing: -0.05em !important;
  color: var(--nm-text) !important;
}

body.page .nm-guides-header p {
  max-width: 700px !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-guides-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 1120px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

body.page .nm-guide-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 250px !important;
  padding: 32px !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page .nm-guide-card + .nm-guide-card {
  border-left: 1px solid rgba(15, 23, 42, 0.10) !important;
}

body.page .nm-guide-card h3 {
  margin: 0 0 14px 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  color: var(--nm-text) !important;
}

body.page .nm-guide-card p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-guide-card .nm-card-link,
body.page .nm-guide-card a.nm-card-link {
  display: inline-block !important;
  margin-top: auto !important;
  padding-top: 24px !important;
  color: var(--nm-primary) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.page .nm-guide-card .nm-card-link:hover,
body.page .nm-guide-card a.nm-card-link:hover {
  color: var(--nm-text) !important;
}

@media (max-width: 768px) {
  body.page .nm-guides-section {
    padding-top: 56px !important;
    padding-bottom: 64px !important;
  }

  body.page .nm-guides-inner {
    padding: 0 24px !important;
  }

  body.page .nm-guides-grid {
    grid-template-columns: 1fr !important;
  }

  body.page .nm-guide-card + .nm-guide-card {
    border-left: none !important;
    border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  }

  body.page .nm-guides-header h2 {
    font-size: 34px !important;
  }
}

/* =========================================================
   Resurssida – gemensamt sektionssystem
   ========================================================= */

/* Alla vanliga resurssidesektioner */
body.page .nm-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 64px 32px 88px 32px !important;
  box-sizing: border-box !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}

/* Bakgrundsvarianter */
body.page .nm-section-light {
  background: var(--nm-bg) !important;
}

body.page .nm-section-alt {
  background: var(--nm-surface) !important;
}

/* Gemensam innerbredd och vänsterstart */
body.page .nm-section-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Alla gamla innerklasser ska följa samma logik */
body.page .nm-resource-start-inner,
body.page .nm-diagnostic-inner,
body.page .nm-guides-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Gemensamt headerblock */
body.page .nm-section-header {
  max-width: 760px !important;
  margin: 0 0 36px 0 !important;
  padding: 0 !important;
}

/* Gemensam kicker i vanliga sektioner */
body.page .nm-section-kicker {
  display: block !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--nm-primary) !important;
  font-family: var(--nm-font) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* Säkerställ att section-kicker aldrig får hero-skylt */
body.page .nm-section-kicker::before {
  content: none !important;
}

/* Gemensam H2-stil i vanliga sektioner */
body.page .nm-section h2,
body.page .nm-section-header h2,
body.page .nm-diagnostic-copy h2,
body.page .nm-guides-header h2,
body.page .nm-resource-start-header h2 {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  font-size: 38px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.045em !important;
  color: var(--nm-text) !important;
}

/* Orange linje bara där sektionen uttryckligen ska ha rubriklinje */
body.page .nm-section-header h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  background: var(--nm-primary);
  margin-top: 18px;
}

/* Diagnosrubriken ska inte få orange linje */
body.page .nm-diagnostic-copy h2::after {
  content: none !important;
}

/* Gemensam ingress */
body.page .nm-section-header p,
body.page .nm-section > .nm-section-inner > p,
body.page .nm-guides-header p,
body.page .nm-resource-start-header p {
  max-width: 720px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

/* Kortgrids ska börja på samma vänsterlinje som rubrikerna */
body.page .nm-resource-choice-grid,
body.page .nm-guides-grid {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Diagnosgrid: samma yttre linje som övriga sektioner */
body.page .nm-diagnostic-grid {
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr) !important;
  gap: 72px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

/* Diagnos vänstertext: mindre gap mellan kicker och rubrik */
body.page .nm-diagnostic-copy .nm-section-kicker {
  margin-bottom: 6px !important;
}

body.page .nm-diagnostic-copy h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

body.page .nm-diagnostic-copy p {
  margin: 0 !important;
  color: var(--nm-muted) !important;
}

/* Guider ska använda samma kortlogik som första vägvalssektionen */
body.page .nm-guides-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

body.page .nm-guide-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 250px !important;
  padding: 32px !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page .nm-guide-card + .nm-guide-card {
  border-left: 1px solid rgba(15, 23, 42, 0.10) !important;
}

/* Mobil */
@media (max-width: 768px) {
  body.page .nm-section {
    padding: 56px 24px 64px 24px !important;
  }

  body.page .nm-section-inner,
  body.page .nm-resource-start-inner,
  body.page .nm-diagnostic-inner,
  body.page .nm-guides-inner {
    max-width: none !important;
  }

  body.page .nm-diagnostic-grid,
  body.page .nm-guides-grid,
  body.page .nm-resource-choice-grid {
    grid-template-columns: 1fr !important;
  }

  body.page .nm-guide-card + .nm-guide-card {
    border-left: none !important;
    border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  }

  body.page .nm-section h2,
  body.page .nm-section-header h2,
  body.page .nm-diagnostic-copy h2 {
    font-size: 34px !important;
  }
}

/* Gemensamt avstånd mellan section-kicker och efterföljande rubrik */

body.page .nm-section .nm-section-kicker,
body.page .nm-diagnostic-section .nm-section-kicker,
body.page .nm-guides-section .nm-section-kicker,
body.page .nm-resource-start-section .nm-section-kicker {
  display: block !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--nm-primary) !important;
  font-family: var(--nm-font) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* Rubrik direkt efter kicker ska alltid börja likadant */

body.page .nm-section .nm-section-kicker + h2,
body.page .nm-diagnostic-section .nm-section-kicker + h2,
body.page .nm-guides-section .nm-section-kicker + h2,
body.page .nm-resource-start-section .nm-section-kicker + h2 {
  margin-top: 0 !important;
}

/* =========================================================
   Resurssida – underrubrik inom guidesektionen
   ========================================================= */

body.page .nm-guides-section .nm-subsection-header {
  max-width: 860px !important;
  margin: 44px 0 24px 0 !important;
  padding: 0 !important;
}

body.page .nm-guides-section .nm-subsection-header h3 {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  color: var(--nm-text) !important;
}

body.page .nm-guides-section .nm-subsection-header p {
  max-width: 820px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

/* =========================================================
   Resurssida – stabil containerlogik
   ========================================================= */

/* Innergruppen styr all horisontell placering */
body.page .nm-section-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Inga innehållsblock i innergruppen ska få egen sidocentrering */
body.page .nm-section-inner > .nm-section-header,
body.page .nm-section-inner > .nm-subsection-header,
body.page .nm-section-inner > .nm-guides-grid,
body.page .nm-section-inner > .nm-resource-choice-grid,
body.page .nm-section-inner > .nm-diagnostic-grid {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Header får begränsa textlängd, men inte flytta vänsterkant */
body.page .nm-section-header {
  max-width: 760px !important;
  margin-top: 0 !important;
  margin-bottom: 36px !important;
  padding: 0 !important;
}

/* Undersektion inom samma sektion: samma vänsterkant som övrigt innehåll */
body.page .nm-subsection-header {
  max-width: 760px !important;
  margin: 52px 0 24px 0 !important;
  padding: 0 !important;
}

/* Undersektionens rubrik */
body.page .nm-subsection-header h3 {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  color: var(--nm-text) !important;
}

/* Undersektionens text */
body.page .nm-subsection-header p {
  max-width: 720px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

/* Guidekortens grid ska följa innergruppens bredd */
body.page .nm-guides-grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   Resurssida – grids ska följa nm-section-inner
   ========================================================= */

/* Innergruppen är enda horisontella containern */
body.page .nm-section-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Alla grids direkt i innergruppen ska fylla innergruppen, inte skapa egen bredd */
body.page .nm-section-inner > .nm-resource-choice-grid,
body.page .nm-section-inner > .nm-guides-grid,
body.page .nm-section-inner > .nm-diagnostic-grid {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Om Gutenberg lagt layout-wrapper runt grid */
body.page .nm-section-inner > .wp-block-group__inner-container,
body.page .nm-section-inner > .wp-block-group {
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Säkerställ att gridbarn inte expanderar ut containern */
body.page .nm-resource-choice-grid > *,
body.page .nm-guides-grid > *,
body.page .nm-diagnostic-grid > * {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.page .nm-section-inner .nm-resource-choice-grid,
body.page .nm-section-inner .nm-guides-grid,
body.page .nm-section-inner .nm-diagnostic-grid {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* =========================================================
   Resurssida – nolla Gutenberg layout constraints i nm-section-inner
   ========================================================= */

/* nm-section-inner är enda horisontella containern */
body.page .entry-content .nm-section-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Direkta barn ska inte få egen Gutenberg-centrering eller maxbredd */
body.page .entry-content .nm-section-inner > * {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Header får begränsad textbredd men samma vänsterkant */
body.page .entry-content .nm-section-inner > .nm-section-header {
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Undersektion får begränsad textbredd men samma vänsterkant */
body.page .entry-content .nm-section-inner > .nm-subsection-header {
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Grids ska alltid fylla hela nm-section-inner */
body.page .entry-content .nm-section-inner > .nm-guides-grid,
body.page .entry-content .nm-section-inner > .nm-resource-choice-grid,
body.page .entry-content .nm-section-inner > .nm-diagnostic-grid {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Gutenberg Grid-blocket kan ha egna gap eller layoutklasser */
body.page .entry-content .nm-guides-grid,
body.page .entry-content .nm-resource-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

/* Gridens barn får inte tvinga ut bredden */
body.page .entry-content .nm-guides-grid > *,
body.page .entry-content .nm-resource-choice-grid > *,
body.page .entry-content .nm-diagnostic-grid > * {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* =========================================================
   Resurssida – stabila egna grids, ej Gutenberg Grid
   ========================================================= */

body.page .nm-section-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.page .nm-guides-grid,
body.page .nm-resource-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

body.page .nm-guide-card,
body.page .nm-resource-choice-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 250px !important;
  padding: 32px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page .nm-guide-card + .nm-guide-card,
body.page .nm-resource-choice-card + .nm-resource-choice-card {
  border-left: 1px solid rgba(15, 23, 42, 0.10) !important;
}

@media (max-width: 768px) {
  body.page .nm-guides-grid,
  body.page .nm-resource-choice-grid {
    grid-template-columns: 1fr !important;
  }

  body.page .nm-guide-card + .nm-guide-card,
  body.page .nm-resource-choice-card + .nm-resource-choice-card {
    border-left: none !important;
    border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  }
}

/* =========================================================
   Resurssida – stabila egna grids, ej Gutenberg Grid
   ========================================================= */

body.page .nm-section-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.page .nm-guides-grid,
body.page .nm-resource-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

body.page .nm-guide-card,
body.page .nm-resource-choice-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 250px !important;
  padding: 32px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page .nm-guide-card + .nm-guide-card,
body.page .nm-resource-choice-card + .nm-resource-choice-card {
  border-left: 1px solid rgba(15, 23, 42, 0.10) !important;
}

@media (max-width: 768px) {
  body.page .nm-guides-grid,
  body.page .nm-resource-choice-grid {
    grid-template-columns: 1fr !important;
  }

  body.page .nm-guide-card + .nm-guide-card,
  body.page .nm-resource-choice-card + .nm-resource-choice-card {
    border-left: none !important;
    border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  }
}

/* =========================================================
   Resurssida – group-baserad guides-grid med Gutenberg inner-wrapper
   ========================================================= */

body.page .nm-guides-grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

/* Om WordPress lägger inner-container: gör DEN till grid */
body.page .nm-guides-grid > .wp-block-group__inner-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Om ingen inner-container finns: gör gruppen själv till grid */
body.page .nm-guides-grid:not(:has(> .wp-block-group__inner-container)) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

/* Kort direkt i grid eller inne i inner-container */
body.page .nm-guides-grid > .nm-guide-card,
body.page .nm-guides-grid > .wp-block-group__inner-container > .nm-guide-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 250px !important;
  padding: 32px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Vertikala linjer mellan kort */
body.page .nm-guides-grid > .nm-guide-card + .nm-guide-card,
body.page .nm-guides-grid > .wp-block-group__inner-container > .nm-guide-card + .nm-guide-card {
  border-left: 1px solid rgba(15, 23, 42, 0.10) !important;
}

/* Mobil */
@media (max-width: 768px) {
  body.page .nm-guides-grid > .wp-block-group__inner-container,
  body.page .nm-guides-grid:not(:has(> .wp-block-group__inner-container)) {
    grid-template-columns: 1fr !important;
  }

  body.page .nm-guides-grid > .nm-guide-card + .nm-guide-card,
  body.page .nm-guides-grid > .wp-block-group__inner-container > .nm-guide-card + .nm-guide-card {
    border-left: none !important;
    border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  }
}

/* =========================================================
   Resurssida – utvalda guider med Gutenberg Columns
   ========================================================= */

body.page .nm-featured-guide-columns {
  width: 100% !important;
  max-width: none !important;
  margin: 40px 0 0 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  background: rgba(255, 255, 255, 0.35) !important;
  box-sizing: border-box !important;
}

body.page .nm-featured-guide-columns .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.page .nm-featured-guide-card {
  min-height: 260px !important;
  padding: 32px !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.page .nm-featured-guide-card + .nm-featured-guide-card {
  border-left: 1px solid rgba(15, 23, 42, 0.10) !important;
}

body.page .nm-featured-guide-card h3 {
  margin: 0 0 14px 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  color: var(--nm-text) !important;
}

body.page .nm-featured-guide-card p {
  margin: 0 0 22px 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-featured-guide-card a,
body.page .nm-featured-guide-card .nm-card-link {
  color: var(--nm-primary) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.page .nm-featured-guide-card a:hover,
body.page .nm-featured-guide-card .nm-card-link:hover {
  color: var(--nm-text) !important;
}

@media (max-width: 768px) {
  body.page .nm-featured-guide-columns {
    display: block !important;
  }

  body.page .nm-featured-guide-card + .nm-featured-guide-card {
    border-left: none !important;
    border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  }
}

/* =========================================================
   Resurssida – återställ sektionsheader och utvalda guidekort
   ========================================================= */

/* Section inner är enda horisontella containern */
body.page .nm-section-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Header får aldrig ha egen sidopadding */
body.page .nm-section-header,
body.page .nm-guides-header,
body.page .nm-resource-start-header {
  max-width: 760px !important;
  margin: 0 0 36px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Säkerställ att innehåll i header inte skapar sidoförskjutning */
body.page .nm-section-header > *,
body.page .nm-guides-header > *,
body.page .nm-resource-start-header > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Columns-blocket ska fylla innergruppen */
body.page .nm-featured-guide-columns {
  width: 100% !important;
  max-width: none !important;
  margin: 40px 0 0 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  background: rgba(255, 255, 255, 0.18) !important;
  box-sizing: border-box !important;
}

/* Gutenberg columns/column reset */
body.page .nm-featured-guide-columns > .wp-block-column,
body.page .nm-featured-guide-columns .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Kortens faktiska utseende */
body.page .nm-featured-guide-card {
  min-height: 260px !important;
  padding: 32px !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Linjer mellan kort */
body.page .nm-featured-guide-card + .nm-featured-guide-card {
  border-left: 1px solid rgba(15, 23, 42, 0.10) !important;
}

/* Om klassen ligger på Column och innehållet ligger inuti */
body.page .wp-block-column.nm-featured-guide-card {
  padding: 32px !important;
}

/* Rubriker i korten */
body.page .nm-featured-guide-card h3 {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  color: var(--nm-text) !important;
}

/* Brödtext i korten */
body.page .nm-featured-guide-card p {
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

/* Länkar i korten */
body.page .nm-featured-guide-card a,
body.page .nm-featured-guide-card .nm-card-link {
  color: var(--nm-primary) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* =========================================================
   Resurssida – nolla padding på section header
   ========================================================= */

body.page .entry-content .nm-section-inner > .nm-section-header,
body.page .entry-content .wp-block-group.nm-section-header,
body.page .entry-content .nm-section-header {
  max-width: 760px !important;
  margin: 0 0 36px 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Om Gutenberg skapar en inner-container i headergruppen */
body.page .entry-content .nm-section-header > .wp-block-group__inner-container {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Allt innehåll i headern ska börja vid samma vänsterkant */
body.page .entry-content .nm-section-header > *,
body.page .entry-content .nm-section-header > .wp-block-group__inner-container > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* =========================================================
   Resurssida – nolla padding på subsection header
   ========================================================= */

body.page .entry-content .nm-section-inner > .nm-subsection-header,
body.page .entry-content .wp-block-group.nm-subsection-header,
body.page .entry-content .nm-subsection-header {
  max-width: 760px !important;
  margin: 52px 0 24px 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Om Gutenberg skapar inner-container i subsection-header */
body.page .entry-content .nm-subsection-header > .wp-block-group__inner-container {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Allt innehåll i subsection-header ska börja vid samma vänsterkant */
body.page .entry-content .nm-subsection-header > *,
body.page .entry-content .nm-subsection-header > .wp-block-group__inner-container > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* =========================================================
   Resurssida – stabilisera diagnossektionens bredd och kolumner
   ========================================================= */

/* Diagnossektionen ska använda samma inre bredd som övriga sektioner */
body.page .nm-diagnostic-section .nm-section-inner,
body.page .nm-diagnostic-section .nm-diagnostic-inner {
  width: 100% !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Själva tvåkolumnslayouten: jämnare fördelning, inte för smal vänsterkolumn */
body.page .nm-diagnostic-section .nm-diagnostic-grid {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 88px !important;
  align-items: start !important;
  box-sizing: border-box !important;
}

/* Ta bort extra padding/marginal i båda kolumnerna */
body.page .nm-diagnostic-section .nm-diagnostic-grid > * {
  min-width: 0 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  align-self: start !important;
}

/* Vänster textdel får inte begränsas hårdare än kolumnen */
body.page .nm-diagnostic-section .nm-diagnostic-copy {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Diagnosrubriken ska inte få annan maxbredd än sin kolumn */
body.page .nm-diagnostic-section .nm-diagnostic-copy h2 {
  max-width: none !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  font-size: 38px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
}

/* Kicker närmare rubriken */
body.page .nm-diagnostic-section .nm-diagnostic-copy .nm-section-kicker {
  margin: 0 0 8px 0 !important;
}

/* Högerkortet fyller sin kolumn men skapar inte egen sidoförskjutning */
body.page .nm-diagnostic-section .nm-diagnostic-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Mobil */
@media (max-width: 768px) {
  body.page .nm-diagnostic-section .nm-diagnostic-grid {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 36px !important;
  }
}

/* =========================================================
   Resurssida – diagnossektion: nolla vänsterpadding i copy
   ========================================================= */

/* Själva gridden ska inte ha inre sidopadding */
body.page .nm-diagnostic-section .nm-diagnostic-grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Vänster copy-block ska börja exakt i sin kolumns vänsterkant */
body.page .nm-diagnostic-section .nm-diagnostic-copy {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Om Gutenberg skapar inner-container i copy-gruppen */
body.page .nm-diagnostic-section .nm-diagnostic-copy > .wp-block-group__inner-container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Alla direkta element i copy ska börja från noll */
body.page .nm-diagnostic-section .nm-diagnostic-copy > *,
body.page .nm-diagnostic-section .nm-diagnostic-copy > .wp-block-group__inner-container > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Rubrik och text ska inte ha egen maxbredd som skapar optisk indragning */
body.page .nm-diagnostic-section .nm-diagnostic-copy h2,
body.page .nm-diagnostic-section .nm-diagnostic-copy p,
body.page .nm-diagnostic-section .nm-diagnostic-copy .nm-section-kicker {
  max-width: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.nm-pdf-library {
  width: 100%;
  margin-top: 28px;
}

.nm-pdf-library-table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(15, 23, 42, 0.11);
  font-family: var(--nm-font);
}

.nm-pdf-library-table th,
.nm-pdf-library-table td {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10);
  text-align: left;
  vertical-align: top;
}

.nm-pdf-library-table th {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--nm-primary);
}

.nm-pdf-title {
  width: 26%;
  font-weight: 800;
  color: var(--nm-text);
}

.nm-pdf-description {
  width: 44%;
  color: var(--nm-muted);
}

.nm-pdf-date {
  width: 14%;
  color: var(--nm-muted);
  white-space: nowrap;
}

.nm-pdf-link {
  width: 16%;
  text-align: right;
  white-space: nowrap;
}

.nm-pdf-link a {
  color: var(--nm-primary);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
}

.nm-pdf-link a:hover {
  color: var(--nm-text);
}

.nm-pdf-muted {
  color: rgba(15, 23, 42, 0.45);
}

@media (max-width: 768px) {
  .nm-pdf-library-table,
  .nm-pdf-library-table thead,
  .nm-pdf-library-table tbody,
  .nm-pdf-library-table th,
  .nm-pdf-library-table td,
  .nm-pdf-library-table tr {
    display: block;
  }

  .nm-pdf-library-table thead {
    display: none;
  }

  .nm-pdf-library-table tr {
    padding: 18px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.10);
  }

  .nm-pdf-library-table td {
    width: 100%;
    border-bottom: none;
    padding: 6px 18px;
  }

  .nm-pdf-link {
    text-align: left;
  }
}

/* PDF-bibliotek: tre kolumner, full bredd i nm-section-inner */

.nm-section-inner .nm-pdf-library {
  width: 100% !important;
  max-width: none !important;
  margin-top: 28px !important;
}

.nm-section-inner .nm-pdf-library-table {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  background: rgba(255, 255, 255, 0.22) !important;
  border: 1px solid rgba(15, 23, 42, 0.11) !important;
  font-family: var(--nm-font) !important;
}

.nm-section-inner .nm-pdf-library-table th,
.nm-section-inner .nm-pdf-library-table td {
  padding: 18px 20px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10) !important;
  text-align: left !important;
  vertical-align: top !important;
}

.nm-section-inner .nm-pdf-library-table th {
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--nm-primary) !important;
}

.nm-section-inner .nm-pdf-title {
  width: 28% !important;
  font-weight: 800 !important;
  color: var(--nm-text) !important;
}

.nm-section-inner .nm-pdf-description {
  width: 56% !important;
  color: var(--nm-muted) !important;
}

.nm-section-inner .nm-pdf-link {
  width: 16% !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.nm-section-inner .nm-pdf-link a {
  color: var(--nm-primary) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.nm-section-inner .nm-pdf-link a:hover {
  color: var(--nm-text) !important;
}

/* PDF-bibliotek: fasta kolumnbredder */

.nm-section-inner .nm-pdf-library-table {
  width: 100% !important;
  table-layout: fixed !important;
}

.nm-section-inner .nm-pdf-col-title {
  width: 30% !important;
}

.nm-section-inner .nm-pdf-col-description {
  width: 50% !important;
}

.nm-section-inner .nm-pdf-col-link {
  width: 20% !important;
}

.nm-section-inner .nm-pdf-link {
  text-align: left !important;
}

/* PDF-bibliotek: fasta kolumnbredder */

.nm-section-inner .nm-pdf-library-table {
  width: 100% !important;
  table-layout: fixed !important;
}

.nm-section-inner .nm-pdf-col-title {
  width: 30% !important;
}

.nm-section-inner .nm-pdf-col-description {
  width: 50% !important;
}

.nm-section-inner .nm-pdf-col-link {
  width: 20% !important;
}

.nm-section-inner .nm-pdf-link {
  text-align: left !important;
}

/* =========================================================
   Resurssida – video och genomgångar
   ========================================================= */

body.page .nm-video-section {
  background: var(--nm-bg) !important;
}

body.page .nm-video-feature {
  display: grid !important;
  grid-template-columns: minmax(0, 0.85fr) minmax(520px, 1.15fr) !important;
  gap: 56px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 42px 0 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.page .nm-video-feature + .nm-video-feature {
  margin-top: 56px !important;
  padding-top: 56px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
}

body.page .nm-video-copy {
  max-width: 460px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page .nm-video-meta {
  display: block !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  color: var(--nm-primary) !important;
  font-family: var(--nm-font) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.page .nm-video-copy h3 {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  color: var(--nm-text) !important;
}

body.page .nm-video-copy p {
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-video-copy .nm-card-link,
body.page .nm-video-copy a.nm-card-link {
  color: var(--nm-primary) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.page .nm-video-copy .nm-card-link:hover,
body.page .nm-video-copy a.nm-card-link:hover {
  color: var(--nm-text) !important;
}

body.page .nm-video-embed {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page .nm-video-embed iframe,
body.page .nm-video-embed .wp-block-embed__wrapper iframe {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  display: block !important;
  border: none !important;
}

body.page .nm-video-embed .wp-block-embed,
body.page .nm-video-embed figure {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  body.page .nm-video-feature {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body.page .nm-video-copy {
    max-width: none !important;
  }

  body.page .nm-video-copy h3 {
    font-size: 26px !important;
  }
}

/* =========================================================
   Resurssida – video med Gutenberg Columns
   ========================================================= */

body.page .nm-video-section {
  background: var(--nm-bg) !important;
}

body.page .nm-video-feature {
  width: 100% !important;
  max-width: none !important;
  margin: 42px 0 0 0 !important;
  padding: 0 !important;
  gap: 56px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

body.page .nm-video-feature .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.page .nm-video-copy {
  max-width: 460px !important;
}

body.page .nm-video-meta {
  display: block !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  color: var(--nm-primary) !important;
  font-family: var(--nm-font) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.page .nm-video-copy h3 {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  color: var(--nm-text) !important;
}

body.page .nm-video-copy p {
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-video-copy .nm-card-link,
body.page .nm-video-copy a.nm-card-link {
  color: var(--nm-primary) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.page .nm-video-embed {
  width: 100% !important;
}

body.page .nm-video-embed figure,
body.page .nm-video-embed .wp-block-embed {
  width: 100% !important;
  margin: 0 !important;
}

body.page .nm-video-embed iframe,
body.page .nm-video-embed .wp-block-embed__wrapper iframe {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  display: block !important;
  border: none !important;
}

@media (max-width: 768px) {
  body.page .nm-video-feature {
    display: block !important;
  }

  body.page .nm-video-embed {
    margin-top: 28px !important;
  }

  body.page .nm-video-copy {
    max-width: none !important;
  }

  body.page .nm-video-copy h3 {
    font-size: 26px !important;
  }
}

/* =========================================================
   Resurssida – video: meta/kicker och toppjustering
   ========================================================= */

/* Toppjustera kolumnerna i videoraden */
body.page .nm-video-feature {
  align-items: flex-start !important;
}

body.page .nm-video-feature .wp-block-column {
  align-self: flex-start !important;
}

/* Om Gutenberg lägger in wrapper i kolumnerna */
body.page .nm-video-feature .wp-block-column > * {
  margin-top: 0 !important;
}

/* Video-meta/kicker */
body.page .nm-video-meta,
body.page .nm-video-copy .nm-video-meta,
body.page .entry-content .nm-video-meta {
  display: block !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--nm-primary) !important;
  font-family: var(--nm-font) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

/* Säkerställ att meta inte får hero-prick */
body.page .nm-video-meta::before {
  content: none !important;
}

/* Rubriken direkt efter video-meta */
body.page .nm-video-meta + h3,
body.page .nm-video-copy .nm-video-meta + h3 {
  margin-top: 0 !important;
}

/* Videokolumnen ska börja i topp, inte centreras optiskt */
body.page .nm-video-embed {
  align-self: flex-start !important;
  margin-top: 0 !important;
}

/* Resurssida – mer luft mellan videoingress och första video */

body.page .nm-video-section .nm-video-feature {
  margin-top: 76px !important;
}

body.page .nm-contact-hero-card ul {
  margin: 18px 0 18px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.page .nm-contact-hero-card li {
  position: relative !important;
  margin: 0 !important;
  padding: 14px 0 14px 22px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-contact-hero-card li::before {
  content: "→" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  color: var(--nm-primary) !important;
  font-weight: 800 !important;
}

/* Kontaktsida – tydligare hero-kort och större kolumngap */

body.page .nm-contact-hero .nm-blog-hero-inner .wp-block-columns,
body.page .nm-blog-hero.nm-contact-hero .wp-block-columns {
  gap: 120px !important;
  align-items: center !important;
}

body.page .nm-contact-hero-card {
  width: 100% !important;
  max-width: 520px !important;
  justify-self: end !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 18px !important;
  padding: 34px 38px !important;
  box-shadow: 0 34px 78px rgba(15, 23, 42, 0.16) !important;
  box-sizing: border-box !important;
}

body.page .nm-contact-hero-card h3 {
  margin: 0 0 12px 0 !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  color: var(--nm-text) !important;
}

body.page .nm-contact-hero-card p {
  margin: 0 0 18px 0 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-contact-hero-card ul {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.page .nm-contact-hero-card li {
  position: relative !important;
  margin: 0 !important;
  padding: 14px 0 14px 24px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--nm-muted) !important;
}

body.page .nm-contact-hero-card li::before {
  content: "→" !important;
  position: absolute !important;
  left: 0 !important;
  top: 14px !important;
  color: var(--nm-primary) !important;
  font-weight: 800 !important;
}

body.page .nm-contact-hero-card p:last-child {
  margin-bottom: 0 !important;
  padding-top: 2px !important;
}

/* Kontaktsida – hero-kort direkt på höger kolumn */

body.page .nm-contact-hero .wp-block-column.nm-contact-hero-card {
  max-width: 520px !important;
  justify-self: end !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 18px !important;
  padding: 34px 38px !important;
  box-shadow: 0 34px 78px rgba(15, 23, 42, 0.16) !important;
  box-sizing: border-box !important;
}

/* Ta bort eventuell extra kortkänsla om en grupp ändå ligger kvar inuti */
body.page .nm-contact-hero-card > .wp-block-group,
body.page .nm-contact-hero-card > .wp-block-group__inner-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Kontaktsida – kontaktvägar och formulär */

body.page .nm-contact-options-section .wp-block-button.nm-button-primary .wp-block-button__link,
body.page .nm-contact-options-section .wp-block-button__link.nm-button-primary,
body.page .nm-contact-options-section .nm-button-primary .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 24px !important;
  background: var(--nm-primary) !important;
  border: 1px solid var(--nm-primary) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: var(--nm-font) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.page .nm-contact-options-section .wp-block-button.nm-button-primary .wp-block-button__link:hover,
body.page .nm-contact-options-section .wp-block-button__link.nm-button-primary:hover,
body.page .nm-contact-options-section .nm-button-primary .wp-block-button__link:hover {
  background: var(--nm-primary-dark) !important;
  border-color: var(--nm-primary-dark) !important;
  color: #fff !important;
}

body.page .nm-contact-option-columns {
  margin-top: 48px !important;
  gap: 96px !important;
  align-items: flex-start !important;
}

body.page .nm-contact-option-card {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.page .nm-contact-option-card h3 {
  margin: 0 0 14px 0 !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  color: var(--nm-text) !important;
}

body.page .nm-contact-option-card p {
  max-width: 520px !important;
  margin: 0 0 24px 0 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

/* Kontaktsida – normalisera knappen i kontaktsektionen */

body.page .nm-contact-options-section .nm-contact-button-primary .wp-block-button__link,
body.page .nm-contact-options-section .wp-block-button.nm-contact-button-primary .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 14px 24px !important;
  background: var(--nm-primary) !important;
  border: 1px solid var(--nm-primary) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #fff !important;
  font-family: var(--nm-font) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.page .nm-contact-options-section .nm-contact-button-primary .wp-block-button__link:hover,
body.page .nm-contact-options-section .wp-block-button.nm-contact-button-primary .wp-block-button__link:hover {
  background: var(--nm-primary-dark) !important;
  border-color: var(--nm-primary-dark) !important;
  color: #fff !important;
}

/* NextMove footer */

.site-footer,
.footer-widgets {
  background: #14171d !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

.footer-widgets {
  padding: 72px 32px 56px 32px !important;
}

.footer-widgets .inside-footer-widgets {
  max-width: 1240px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.35fr 0.9fr 1fr 0.8fr !important;
  gap: 72px !important;
}

.footer-widgets .widget {
  margin: 0 !important;
}

.footer-widgets h2,
.footer-widgets h3,
.footer-widgets .widget-title {
  margin: 0 0 22px 0 !important;
  color: var(--nm-primary) !important;
  font-family: var(--nm-font) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.footer-widgets p,
.footer-widgets li,
.footer-widgets a {
  font-family: var(--nm-font) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.footer-widgets p {
  margin: 0 0 18px 0 !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

.footer-widgets ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.footer-widgets li {
  margin: 0 0 12px 0 !important;
}

.footer-widgets a {
  color: rgba(255, 255, 255, 0.88) !important;
  text-decoration: none !important;
}

.footer-widgets a:hover {
  color: #fff !important;
}

.site-info {
  background: #14171d !important;
  color: rgba(255, 255, 255, 0.45) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
  padding: 28px 32px !important;
  font-family: var(--nm-font) !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 900px) {
  .footer-widgets .inside-footer-widgets {
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
  }
}

@media (max-width: 600px) {
  .footer-widgets .inside-footer-widgets {
    grid-template-columns: 1fr !important;
  }

  .footer-widgets {
    padding: 56px 24px !important;
  }
}

/* TEMP TEST – footer content visibility */

.footer-widgets,
.footer-widgets * {
  visibility: visible !important;
  opacity: 1 !important;
}

.footer-widgets li,
.footer-widgets li a,
.footer-widgets p,
.footer-widgets .wp-block-list,
.footer-widgets .wp-block-list li {
  display: block !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* TEMP TEST – footer logo visibility */

.footer-widgets img,
.footer-widgets .wp-block-image img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 240px !important;
  height: auto !important;
  filter: none !important;
}