body.case-skyddatboende {
      --page-bg: #0a8b8f;
      --ink: #f7f2ea;
      --muted: rgba(247, 242, 234, 0.92);
      --line: #f39a1e;
      --gryt-orange: var(--page-bg);
      background: var(--page-bg) !important;
      color: var(--ink);
    }

    body.case-skyddatboende .case-page,
    body.case-skyddatboende .case-extra {
      background: var(--page-bg) !important;
    }

    body.case-skyddatboende .case-hero-video::before {
      background: rgba(0, 0, 0, 0.22) !important;
    }

    body.case-skyddatboende .case-hero-bg {
      filter: brightness(0.88);
      object-fit: cover;
    }

    body.case-skyddatboende .case-left p,
    body.case-skyddatboende .sb-copy,
    body.case-skyddatboende .sb-end-copy,
    body.case-skyddatboende .translation-copy {
      color: var(--muted) !important;
    }

    body.case-skyddatboende .marked-title,
    body.case-skyddatboende .top-nav a,
    body.case-skyddatboende .top-nav a::after {
      box-shadow: none !important;
      text-decoration: none !important;
    }

    body.case-skyddatboende .marked-title::after {
      width: 100% !important;
      background: var(--line) !important;
    }

    body.case-skyddatboende .case-left .marked-title,
    body.case-skyddatboende .translation-item .marked-title,
    body.case-skyddatboende .section-title {
      display: inline-block;
    }

    body.case-skyddatboende .case-page {
      padding-top: 56px;
      padding-bottom: 32px;
    }

    body.case-skyddatboende .case-layout {
      grid-template-columns: minmax(0, 1.15fr) minmax(290px, 0.85fr);
      gap: 54px;
      align-items: start;
    }

    body.case-skyddatboende .case-block + .case-block {
      margin-top: 34px;
    }

    body.case-skyddatboende .case-left p {
      font-size: 18px;
      line-height: 1.75;
      max-width: 62ch;
      margin: 0;
    }

    body.case-skyddatboende .case-we-do {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      padding: 0 !important;
      display: grid;
      grid-template-columns: auto 1fr;
      column-gap: 26px;
      align-items: start;
    }

    body.case-skyddatboende .we-do-title,
    body.case-skyddatboende .we-do-list li {
      color: var(--ink) !important;
      text-shadow: none !important;
      -webkit-text-stroke: 0 transparent !important;
      -webkit-text-stroke-width: 0 !important;
      font-synthesis: none !important;
      font-synthesis-weight: none !important;
      font-synthesis-style: none !important;
      text-decoration: none !important;
      box-shadow: none !important;
    }

    body.case-skyddatboende .we-do-list {
      text-shadow: none !important;
      -webkit-text-stroke: 0 transparent !important;
      -webkit-text-stroke-width: 0 !important;
      font-synthesis: none !important;
      font-synthesis-weight: none !important;
      font-synthesis-style: none !important;
    }

    .case-extra {
      padding: 30px 0 72px;
    }

    .case-extra + .case-extra {
      padding-top: 4px;
    }

    .feature-wrap {
      width: min(1200px, 94vw);
      margin: 0 auto;
      text-align: center;
    }

    .section-title-wrap {
      text-align: center;
    }

    body.case-skyddatboende .section-title {
      font-size: clamp(34px, 4vw, 54px);
      line-height: 1.05;
      margin: 0 auto 18px;
      padding-bottom: 14px;
      text-align: center;
      display: inline-block;
      position: relative;
      box-shadow: none !important;
      text-decoration: none !important;
      text-shadow: none !important;
      -webkit-text-stroke: 0 transparent !important;
    }

    body.case-skyddatboende .section-title::after {
      width: 100% !important;
      left: 0 !important;
      background: var(--line) !important;
    }

    body.case-skyddatboende .marked-title.section-title::after,
    body.case-skyddatboende .section-title::after {
      content: "" !important;
      position: absolute !important;
      left: 0 !important;
      bottom: 0 !important;
      width: 100% !important;
      height: 3px !important;
      background: var(--line) !important;
      opacity: 1 !important;
      box-shadow: none !important;
      transform: none !important;
    }

    .sb-copy,
    .sb-end-copy,
    .translation-copy {
      width: min(1040px, 92vw);
      max-width: 1040px;
      margin: 0 auto;
      font-size: 18px;
      line-height: 1.9;
    }

    .sb-copy,
    .translation-copy {
      margin-bottom: 26px;
    }

    .sb-end-copy {
      margin-top: 24px;
    }

    .feature-video,
    .qs-video-shell,
    .translation-card {
      width: 100%;
      margin: 0 auto;
      overflow: hidden !important;
      border-radius: 18px !important;
      background: #000;
      box-shadow: none !important;
      position: relative;
      -webkit-mask-image: -webkit-radial-gradient(white, black);
      clip-path: inset(0 round 18px);
    }

    .feature-video video,
    .translation-card video,
    .qs-video-shell video {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 0 !important;
      border: 0 !important;
      outline: none !important;
      background: #000 !important;
      box-shadow: none !important;
      -webkit-appearance: none;
      appearance: none;
      -webkit-mask-image: -webkit-radial-gradient(white, black);
      transform: translateZ(0);
      backface-visibility: hidden;
    }

    .feature-video::before,
    .feature-video::after,
    .translation-card::before,
    .translation-card::after,
    .qs-video-shell::before,
    .qs-video-shell::after {
      background: none !important;
      box-shadow: none !important;
      opacity: 1 !important;
      filter: none !important;
      content: none !important;
    }

    .translation-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px;
      align-items: start;
      margin-top: 8px;
    }

    .translation-item {
      text-align: center;
    }

    .translation-item .marked-title {
      display: inline-block;
      margin: 0 auto 16px;
      font-size: 26px;
      line-height: 1.2;
      color: var(--ink);
      box-shadow: none !important;
      text-decoration: none !important;
      text-shadow: none !important;
      -webkit-text-stroke: 0 transparent !important;
    }

    .translation-item .marked-title::after {
      background: var(--line) !important;
    }

    .footer, .footer-inner {
      background: #000 !important;
    }

    body.safari-poster-fix .qs-video-shell {
      position: relative;
      overflow: hidden;
      border-radius: 18px;
      background: #000;
    }

    body.safari-poster-fix .qs-video-shell video {
      display: block;
      width: 100%;
      border-radius: 18px;
      background: #0a0a0a;
    }

    body.safari-poster-fix .qs-poster {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 18px;
      z-index: 2;
    }

    body.safari-poster-fix .qs-poster::after {
      content: "";
      width: 74px;
      height: 74px;
      border-radius: 999px;
      background: rgba(0, 0, 0, 0.35);
      backdrop-filter: saturate(120%) blur(2px);
      -webkit-backdrop-filter: saturate(120%) blur(2px);
      box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
      position: relative;
    }

    body.safari-poster-fix .qs-poster::before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-left: 18px solid #fff;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      transform: translateX(4px);
      z-index: 2;
    }

    body.safari-poster-fix .qs-video-shell.is-playing .qs-poster {
      display: none;
    }

    @supports (-webkit-touch-callout: none) {
      html.is-safari .case-hero-video::before { content: none !important; }
      html.is-safari body.case-skyddatboende,
      html.is-safari body.case-skyddatboende * {
        -webkit-font-smoothing: antialiased;
      }
      html.is-safari h1,
      html.is-safari h2,
      html.is-safari h3,
      html.is-safari .case-hero-title,
      html.is-safari .case-hero-kicker,
      html.is-safari .marked-title,
      html.is-safari .we-do-title,
      html.is-safari .we-do-list,
      html.is-safari .we-do-list li,
      html.is-safari .top-nav a {
        text-shadow: none !important;
        -webkit-text-stroke: 0 transparent !important;
        -webkit-text-stroke-width: 0 !important;
        font-synthesis: none !important;
        font-synthesis-weight: none !important;
        font-synthesis-style: none !important;
        font-weight: 400 !important;
      }
    }

    @media (max-width: 980px) {
      body.case-skyddatboende .case-layout {
        grid-template-columns: 1fr;
        gap: 40px;
      }

      .translation-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 640px) {
      body.case-skyddatboende .case-left p,
      .sb-copy,
      .sb-end-copy,
      .translation-copy {
        font-size: 17px;
      }

      .translation-item .marked-title {
        font-size: 24px;
      }
    }