:root {
  --bg-page: #f5f1ea;
  --bg-surface: #fbf8f3;
  --bg-card: #fffdfa;
  --bg-muted: #f0ebe3;
  --text-strong: #1f2933;
  --text-body: #34404a;
  --text-soft: #66727d;
  --nav-bg: #1f2a36;
  --nav-bg-deeper: #18212b;
  --nav-text: #edf2f7;
  --border-soft: rgba(31, 41, 51, 0.10);
  --border-mid: rgba(31, 41, 51, 0.16);
  --accent: #7a4b57;
  --accent-soft: #b88a95;
  --accent-warm: #d9c7b6;
  --shadow-soft: 0 10px 30px rgba(31, 41, 51, 0.06);
  --shadow-card: 0 12px 28px rgba(31, 41, 51, 0.08);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --container: 1080px;
}
html.site-redesign, body.site-redesign { background: linear-gradient(to bottom, #f6f2eb 0%, #f4efe8 100%) !important; color: var(--text-body) !important; }
body.site-redesign { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: 16px !important; line-height: 1.72 !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body.site-redesign::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 18% 10%, rgba(255,255,255,0.55), transparent 28%), radial-gradient(circle at 84% 0%, rgba(255,255,255,0.38), transparent 23%); opacity: .82; z-index: 0; }
body.site-redesign > * { position: relative; z-index: 1; }
body.site-redesign p, body.site-redesign li, body.site-redesign dt, body.site-redesign dd, body.site-redesign label, body.site-redesign input, body.site-redesign textarea, body.site-redesign select { color: var(--text-body) !important; line-height: 1.75 !important; }
body.site-redesign .small-text, body.site-redesign .muted, body.site-redesign .hero-tagline, body.site-redesign .photo-note, body.site-redesign .footer-note, body.site-redesign .helper-text, body.site-redesign .process-meta, body.site-redesign .step-time, body.site-redesign .site-tagline { color: var(--text-soft) !important; }
body.site-redesign h1, body.site-redesign h2, body.site-redesign h3, body.site-redesign h4, body.site-redesign h5, body.site-redesign h6 { color: var(--text-strong) !important; letter-spacing: -0.02em !important; line-height: 1.08 !important; margin-top: 0 !important; }
body.site-redesign h1 { font-size: clamp(2.3rem, 5vw, 4.15rem) !important; font-weight: 720 !important; }
body.site-redesign h2 { font-size: clamp(1.8rem, 3vw, 2.55rem) !important; font-weight: 675 !important; }
body.site-redesign h3 { font-size: 1.18rem !important; font-weight: 640 !important; }
body.site-redesign .container { max-width: var(--container) !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
body.site-redesign .container-wide { max-width: 1160px !important; }
body.site-redesign section, body.site-redesign .section, body.site-redesign .anchor-section, body.site-redesign .hero, body.site-redesign .section-paper, body.site-redesign .section-muted { padding-top: 4rem !important; padding-bottom: 4rem !important; }
body.site-redesign .hero { padding-top: 4.2rem !important; padding-bottom: 3.2rem !important; }
body.site-redesign .hero-inner { display: grid !important; grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr) !important; gap: 3rem !important; align-items: start !important; }
body.site-redesign .hero-copy p, body.site-redesign .hero-lead, body.site-redesign .lead { max-width: 38rem !important; font-size: 1.05rem !important; }
body.site-redesign .two-col, body.site-redesign .grid-2, body.site-redesign .split, body.site-redesign .micro-grid, body.site-redesign .footer-grid { display: grid !important; gap: 2.6rem !important; align-items: start !important; }
body.site-redesign .two-col, body.site-redesign .grid-2, body.site-redesign .split, body.site-redesign .micro-grid { grid-template-columns: minmax(0, 1.35fr) minmax(320px, 1fr) !important; }
/* tidiga nav/btn-regler neutraliserade — korrekta värden sätts i omgång 1 och 2 nedan */
body.site-redesign .pill-tag, body.site-redesign .hero-tag, body.site-redesign .section-heading, body.site-redesign .eyebrow, body.site-redesign .tool-tag, body.site-redesign .info-chip { display: inline-flex !important; align-items: center !important; min-height: 32px !important; padding: 0.2rem 0.8rem !important; border-radius: 999px !important; background: rgba(122,75,87,0.08) !important; border: 1px solid rgba(122,75,87,0.14) !important; color: #6a4952 !important; font-size: 0.74rem !important; font-weight: 640 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; box-shadow: none !important; }
body.site-redesign .card, body.site-redesign .subtle-box, body.site-redesign .info-box, body.site-redesign .tool-card, body.site-redesign .test-card, body.site-redesign .micro-box, body.site-redesign .hero-aside, body.site-redesign .photo-note, body.site-redesign .benefit-card, body.site-redesign .faq-card, body.site-redesign .process-panel, body.site-redesign .panel, body.site-redesign .form-card { background: rgba(255,253,250,0.92) !important; border: 1px solid var(--border-soft) !important; border-radius: 18px !important; box-shadow: var(--shadow-card) !important; padding: 1.2rem 1.25rem !important; }
body.site-redesign .section-paper, body.site-redesign .section-muted, body.site-redesign .hero, body.site-redesign .dual-action-cta-wrap { background: transparent !important; }
body.site-redesign .photo-frame, body.site-redesign .hero-visual, body.site-redesign .image-card { background: rgba(255,255,255,0.60) !important; border: 1px solid rgba(31,41,51,0.08) !important; border-radius: 20px !important; padding: 10px !important; box-shadow: 0 14px 28px rgba(31,41,51,0.08) !important; }
body.site-redesign .photo-main img, body.site-redesign .hero-photo img, body.site-redesign img { display: block; max-width: 100%; height: auto; }
body.site-redesign input[type="text"], body.site-redesign input[type="email"], body.site-redesign textarea, body.site-redesign select { background: rgba(255,255,255,0.92) !important; border: 1px solid var(--border-mid) !important; border-radius: 12px !important; box-shadow: none !important; }
body.site-redesign footer { background: transparent !important; border-top: 1px solid var(--border-soft) !important; padding: 2.4rem 0 3rem !important; color: var(--text-soft) !important; font-size: 0.92rem !important; }
body.site-redesign .footer-grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important; gap: 2rem !important; }
body.site-redesign .footer-meta a { color: var(--text-body) !important; text-decoration: none !important; border-bottom: 1px solid rgba(52,64,74,0.24) !important; }
body.site-redesign .footer-meta a:hover { border-bottom-color: rgba(52,64,74,0.5) !important; }
body.site-redesign a { color: #5d3f47; } body.site-redesign a:hover { color: #4d3138; }
@media (max-width: 900px) { body.site-redesign .two-col, body.site-redesign .grid-2, body.site-redesign .split, body.site-redesign .micro-grid, body.site-redesign .hero-inner, body.site-redesign .footer-grid { grid-template-columns: 1fr !important; gap: 1.6rem !important; } }
@media (max-width: 780px) { body.site-redesign section, body.site-redesign .section, body.site-redesign .anchor-section, body.site-redesign .hero, body.site-redesign .section-paper, body.site-redesign .section-muted { padding-top: 2.8rem !important; padding-bottom: 2.8rem !important; } }
body.site-redesign-index { --page-bg: #f2ece3; --focus: #24313d; background: linear-gradient(to bottom, #f4efe7 0%, #f1ebe2 100%) !important; }
body.site-redesign-index main { display: flex !important; justify-content: center !important; padding: 18px 14px 28px !important; overflow-x: hidden !important; }
body.site-redesign-index .portal { width: min(calc(100vw - 28px), var(--max-stage)) !important; background: #f1ebe2 !important; border-radius: 24px !important; box-shadow: 0 20px 40px rgba(31,41,51,0.10) !important; }
body.site-redesign-index .layer-figure { transform: scale(0.92) translateY(1.2%) !important; opacity: 0.94 !important; filter: saturate(0.74) hue-rotate(-10deg) brightness(1.02) contrast(0.93) !important; }
body.site-redesign-index .layer-text { transform: scale(0.95) translateY(-0.3%) !important; opacity: 0.96 !important; filter: saturate(0.88) contrast(0.95) !important; }
body.site-redesign-index .layer-circle { transform: scale(0.955) !important; opacity: 0.92 !important; filter: saturate(0.8) contrast(0.93) !important; }
body.site-redesign-index .hotspot { border-radius: 10px !important; transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease !important; }
body.site-redesign-index .hotspot:hover { background: rgba(255,255,255,0.08) !important; box-shadow: inset 0 0 0 1px rgba(31,41,51,0.12) !important; transform: scale(1.01) !important; }
body.site-redesign-index .hotspot:focus-visible { outline: 2px solid rgba(31,41,51,0.55) !important; outline-offset: 2px !important; background: rgba(255,255,255,0.16) !important; }


/* === Testjusteringar omgång 1 === */
body.site-redesign .main-nav,
body.site-redesign .dropdown,
body.site-redesign .dropdown-sub,
body.site-redesign .nav-toggle { background: #727272 !important; }
body.site-redesign .main-nav,
body.site-redesign .main-nav-inner,
body.site-redesign .nav-right,
body.site-redesign .nav-list,
body.site-redesign .has-dropdown { overflow: visible !important; }
/* Hover-bridge: förhindrar dropdown från att försvinna */
body.site-redesign .has-dropdown { padding-bottom: 6px !important; }
body.site-redesign .has-dropdown .dropdown,
body.site-redesign .has-dropdown .dropdown-sub { top: calc(100% - 6px) !important; padding-top: 8px !important; }

body.site-redesign .main-nav { position: relative !important; z-index: 5000 !important; }
body.site-redesign .dropdown,
body.site-redesign .dropdown-sub { z-index: 5100 !important; }
body.site-redesign .nav-list > li > a,
body.site-redesign .nav-link,
body.site-redesign .brand-title,
body.site-redesign .brand-tagline,
body.site-redesign .nav-toggle,
body.site-redesign .dropdown li a,
body.site-redesign .dropdown-sub li a { color: #fff !important; }
body.site-redesign .nav-list > li.active > a,
body.site-redesign .nav-list > li.active > .nav-link { border-bottom-color: rgba(255,255,255,0.95) !important; }
body.site-redesign .nav-toggle { border-color: rgba(255,255,255,0.45) !important; }
body.site-redesign .nav-list > li > a:hover,
body.site-redesign .nav-link:hover,
body.site-redesign .dropdown li a:hover,
body.site-redesign .dropdown-sub li a:hover,
body.site-redesign .nav-toggle:hover { background: rgba(255,255,255,0.12) !important; color: #fff !important; }

body.site-redesign .btn,
body.site-redesign .btn-primary,
body.site-redesign .button-primary,
body.site-redesign .btn-secondary,
body.site-redesign .button,
body.site-redesign .pill-link,
body.site-redesign .link-pill,
body.site-redesign input[type="submit"] {
  background: #727272 !important;
  color: #fff !important;
  border: 1px solid #727272 !important;
  border-radius: 12px !important;
  min-height: 0 !important;
  line-height: 1.15 !important;
  padding: 0.45rem 1rem !important;
  white-space: nowrap !important;
  max-height: calc(2em + 0.9rem) !important;
  box-shadow: none !important;
}
body.site-redesign .btn:hover,
body.site-redesign .btn-primary:hover,
body.site-redesign .button-primary:hover,
body.site-redesign .btn-secondary:hover,
body.site-redesign .button:hover,
body.site-redesign .pill-link:hover,
body.site-redesign .link-pill:hover,
body.site-redesign input[type="submit"]:hover {
  background: #6a6a6a !important;
  border-color: #6a6a6a !important;
  color: #fff !important;
  box-shadow: none !important;
}
body.site-redesign .dual-action-cta {
  border-radius: 12px !important;
  overflow: hidden !important;
}
body.site-redesign .dual-action-cta__half {
  border-radius: 0 !important;
  min-height: 2.1em !important;
  max-height: 2.1em !important;
  line-height: 1.1 !important;
  padding: 0.45rem 0.9rem !important;
  font-size: clamp(0.70rem, 0.9vw, 0.86rem) !important;
}
body.site-redesign .btn-row,
body.site-redesign .hero-actions { gap: 0.7rem !important; }
body.site-redesign .quick-links { row-gap: 0.5rem !important; }
body.site-redesign .quick-links .btn { margin-bottom: 0.5rem !important; }
body.site-redesign .subtle-box > .section-heading,
body.site-redesign .info-box > .section-heading,
body.site-redesign .section-heading + h2,
body.site-redesign .section-heading + h3 { margin-top: 1rem !important; }

body.page-startsida .hero-inner,
body.page-jobbet .hero-inner {
  grid-template-columns: 1fr !important;
  gap: 1.8rem !important;
}
body.page-startsida .hero-main,
body.page-jobbet .hero-main {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr) !important;
  gap: 2rem !important;
  align-items: start !important;
}
body.page-startsida .hero-visual,
body.page-jobbet .hero-visual { margin: 0 !important; }
body.page-startsida .hero-text,
body.page-jobbet .hero-text { min-width: 0 !important; }
@media (max-width: 900px) {
  body.page-startsida .hero-main,
  body.page-jobbet .hero-main { grid-template-columns: 1fr !important; }
}
body.page-labbet .photo-note .dual-action-cta__half--left { font-size: 0.82rem !important; }
body.page-skamlabbet #skamometern,
body.page-skamlabbet #skamkartan,
body.page-skamlabbet #tester,
body.page-skamlabbet #planera-dina-nasta-sma-steg { scroll-margin-top: 170px !important; }
body.page-skamlabbet .micro-grid { align-items: start !important; }
body.page-skamlabbet .micro-preview { grid-column: 2 !important; }
body.page-skamlabbet .micro-grid-cta { grid-column: 1 / -1 !important; }
body.page-skamlabbet .newsletter-link-note { font-size: 1rem !important; }
body.page-skamlabbet .newsletter-link-note .btn { margin-top: 0.7rem !important; }
body.page-skamkartan .hero-inner { grid-template-columns: 1fr !important; }
body.page-skamkartan .island-circle { background: #fff !important; }
body.page-skamboken .quick-links { display: flex !important; flex-wrap: wrap !important; gap: 0.5rem 0.75rem !important; }
body.page-skamboken .full-width-text { display: block !important; }
body.page-skamboken .review-gap { margin-top: 1rem !important; }
body.page-skamboken .dual-action-cta-wrap + p,
body.page-skamboken .dual-action-cta-wrap + div,
body.page-skamboken .cta-following-space { margin-top: 1rem !important; }
body.page-nyhetsbrev .privacy-note,
body.page-nyhetsbrev .privacy-note p,
body.page-nyhetsbrev .privacy-note a { font-size: 1rem !important; line-height: 1.6 !important; }
body.site-redesign-index { background: #f4eee4 !important; }
body.site-redesign-index main { padding: 0 !important; }
body.site-redesign-index .portal { box-shadow: none !important; border: 0 !important; background: #f4eee4 !important; }

/* === Kontrolljusteringar omgång 2 === */
body.site-redesign .main-nav,
body.site-redesign .main-nav-inner,
body.site-redesign .brand,
body.site-redesign .dropdown,
body.site-redesign .nav-toggle {
  background: #727272 !important;
}
body.site-redesign .main-nav,
body.site-redesign .main-nav-inner,
body.site-redesign .nav-right,
body.site-redesign .nav-list,
body.site-redesign .nav-list > li,
body.site-redesign .has-dropdown {
  overflow: visible !important;
}
body.site-redesign .main-nav { z-index: 9000 !important; }
body.site-redesign .dropdown { z-index: 9100 !important; }
body.site-redesign .nav-list > li > a,
body.site-redesign .nav-link,
body.site-redesign .dropdown li a,
body.site-redesign .brand-title,
body.site-redesign .brand-tagline,
body.site-redesign .nav-toggle {
  color: #ffffff !important;
}
body.site-redesign .nav-list > li.active > a,
body.site-redesign .nav-list > li.active > .nav-link {
  border-bottom-color: rgba(255,255,255,0.95) !important;
}
body.site-redesign .nav-list > li > a:hover,
body.site-redesign .nav-link:hover,
body.site-redesign .dropdown li a:hover,
body.site-redesign .nav-toggle:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}

body.site-redesign .btn,
body.site-redesign .btn-primary,
body.site-redesign .button-primary,
body.site-redesign .btn-secondary,
body.site-redesign .button,
body.site-redesign .pill-link,
body.site-redesign .link-pill,
body.site-redesign input[type="submit"],
body.site-redesign button.btn {
  background: #727272 !important;
  color: #ffffff !important;
  border: 1px solid #727272 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  min-height: 2.1em !important;
  max-height: 2.1em !important;
  line-height: 1.1 !important;
  padding: 0.45rem 0.9rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: clamp(0.70rem, 0.9vw, 0.86rem) !important;
}
body.site-redesign .btn:hover,
body.site-redesign .btn-primary:hover,
body.site-redesign .button-primary:hover,
body.site-redesign .btn-secondary:hover,
body.site-redesign .button:hover,
body.site-redesign .pill-link:hover,
body.site-redesign .link-pill:hover,
body.site-redesign input[type="submit"]:hover,
body.site-redesign button.btn:hover {
  background: #666666 !important;
  border-color: #666666 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
body.site-redesign .dual-action-cta {
  border-radius: 12px !important;
  overflow: hidden !important;
}
body.site-redesign .dual-action-cta__half {
  border-radius: 0 !important;
  min-height: 2.1em !important;
  max-height: 2.1em !important;
  line-height: 1.1 !important;
  padding: 0.45rem 0.9rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: clamp(0.70rem, 0.9vw, 0.86rem) !important;
}
body.site-redesign .dual-action-cta__half--left,
body.site-redesign .dual-action-cta__half--right {
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #000 !important;
  box-shadow: none !important;
  min-height: 2.1em !important;
  max-height: 2.1em !important;
  font-size: clamp(0.70rem, 0.9vw, 0.86rem) !important;
}
body.site-redesign .btn-row,
body.site-redesign .hero-actions,
body.site-redesign .quick-links {
  gap: 0.5rem 0.75rem !important;
}
body.page-startsida .hero-inner,
body.page-jobbet .hero-inner {
  display: block !important;
}
body.page-startsida .hero-main,
body.page-jobbet .hero-main {
  display: grid !important;
  grid-template-columns: minmax(280px,0.9fr) minmax(0,1.1fr) !important;
  gap: 2rem !important;
  align-items: start !important;
}
@media (max-width: 980px) {
  body.page-startsida .hero-main,
  body.page-jobbet .hero-main {
    grid-template-columns: 1fr !important;
  }
}
body.page-labbet .dual-action-cta__half--left {
  font-size: clamp(0.64rem, 0.85vw, 0.76rem) !important;
}
body.page-skamlabbet #skamometern,
body.page-skamlabbet #skamkartan,
body.page-skamlabbet #tester,
body.page-skamlabbet #planera-dina-nasta-sma-steg {
  scroll-margin-top: 220px !important;
}
body.page-skamlabbet .micro-grid {
  grid-template-columns: minmax(0,1fr) minmax(300px,0.9fr) !important;
  align-items: start !important;
}
body.page-skamlabbet .micro-preview {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
body.page-skamlabbet .micro-grid-cta {
  grid-column: 1 / -1 !important;
}
@media (max-width: 900px) {
  body.page-skamlabbet .micro-grid {
    grid-template-columns: 1fr !important;
  }
  body.page-skamlabbet .micro-preview,
  body.page-skamlabbet .micro-grid-cta {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}
body.page-skamkartan .hero-inner {
  display: block !important;
}
body.page-skamkartan .island-circle {
  background: #ffffff !important;
  border-radius: 999px !important;
}
body.page-skamboken .dual-action-cta-wrap + p,
body.page-skamboken .dual-action-cta-wrap + div,
body.page-skamboken .cta-following-space {
  margin-top: 1rem !important;
}
body.page-skamboken .quick-links {
  row-gap: 0.5rem !important;
}
body.page-nyhetsbrev #intro,
body.page-nyhetsbrev .privacy-note,
body.page-nyhetsbrev .privacy-note p,
body.page-nyhetsbrev .privacy-note a {
  font-size: 1rem !important;
  line-height: 1.6 !important;
}
body.site-redesign-index .portal {
  border: none !important;
  box-shadow: none !important;
}

/* === MOBIL: Större CTA-knappar på små skärmar === */
@media (max-width: 700px) {
  body.site-redesign .btn,
  body.site-redesign .btn-primary,
  body.site-redesign .button-primary,
  body.site-redesign .btn-secondary,
  body.site-redesign .button,
  body.site-redesign a.btn,
  body.site-redesign button.btn {
    font-size: 1rem !important;
    padding: 0.7rem 1.2rem !important;
  }
  body.site-redesign .dual-action-cta__half,
  body.site-redesign .dual-action-cta__half--left,
  body.site-redesign .dual-action-cta__half--right {
    font-size: 1rem !important;
    padding: 0.7rem 1.0rem !important;
  }
}