body.ucg-project-onboarding-active {
  overflow: auto;
}

/* ATP lader den globale topbjælke rulle væk under projektguiden. */
body.ucg-project-onboarding-active #ucg-pbar,
body.ucg-project-onboarding-active #uapp .uside {
  position: absolute !important;
}

body.ucg-project-onboarding-active #ucg-home-shell .ucg-home-rail {
  top: 0;
  height: 100vh;
}

body.ucg-project-onboarding-active.ucg-rail-on #content,
body.ucg-home-route-open.ucg-rail-on #content {
  padding-left: 0 !important;
}

body.ucg-project-onboarding-active.ucg-rail-on #content.site-content,
body.ucg-home-route-open.ucg-rail-on #content.site-content {
  padding-left: 0 !important;
}

body.ucg-project-onboarding-active #ucg-home-shell,
body.ucg-project-onboarding-active #ucg-home-shell .ucg-home-main,
body.ucg-project-onboarding-active #ucg-home-shell .ucg-home-main-content {
  min-width: 0;
  max-width: 100%;
}

body.ucg-project-onboarding-active #ucg-home-shell .ucg-home-search-panel,
body.ucg-project-onboarding-active #ucg-home-shell .ucg-home-banner,
body.ucg-project-onboarding-active #ucg-home-shell .ucg-home-main-content > *:not(#ucg-project-onboarding) {
  display: none !important;
}

body.ucg-project-onboarding-active #ucg-social-proof {
  display: none !important;
}

body.ucg-project-onboarding-active #ucg-home-shell .ucg-home-offer-slot > #ucg-goal032-offer {
  display: none !important;
}

#ucg-project-onboarding,
#ucg-project-onboarding * {
  box-sizing: border-box;
}

#ucg-project-onboarding {
  --ucg-onboarding-ink: #142018;
  --ucg-onboarding-muted: #637067;
  --ucg-onboarding-line: #dce5dc;
  --ucg-onboarding-soft: #f6faf5;
  --ucg-onboarding-accent: #2b7a2b;
  --ucg-onboarding-accent-soft: #e9f6e3;
  display: block;
  width: 100%;
  min-width: 0;
  color: var(--ucg-onboarding-ink);
  font-family: inherit;
}

.ucg-onboarding-progress-rail {
  width: 100%;
  margin: 0 0 32px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.ucg-onboarding-progress-rail ol {
  display: grid;
  grid-template-columns: repeat(6, minmax(116px, 1fr));
  min-width: 720px;
  margin: 0;
  padding: 8px 2px 2px;
  list-style: none;
}

.ucg-onboarding-progress-rail li {
  position: relative;
  min-width: 0;
}

.ucg-onboarding-progress-rail li:not(:last-child)::after {
  position: absolute;
  z-index: 0;
  top: 17px;
  left: calc(50% + 18px);
  right: calc(-50% + 18px);
  height: 2px;
  background: #e0e6e0;
  content: "";
}

.ucg-onboarding-progress-rail li.is-done:not(:last-child)::after {
  background: var(--ucg-onboarding-accent);
}

.ucg-onboarding-progress-rail button {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 9px;
  width: 100%;
  padding: 0 7px;
  border: 0;
  background: transparent;
  color: #7a837d;
  font: inherit;
  text-align: center;
}

.ucg-onboarding-progress-rail button:not(:disabled) {
  cursor: pointer;
}

.ucg-onboarding-progress-rail button > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 2px solid #d7ded8;
  border-radius: 50%;
  background: #fff;
  color: #727b75;
  font-size: 12px;
  font-weight: 850;
}

.ucg-onboarding-progress-rail button > b {
  max-width: 128px;
  font-size: 12px;
  line-height: 1.25;
}

.ucg-onboarding-progress-rail .is-current button,
.ucg-onboarding-progress-rail .is-done button {
  color: var(--ucg-onboarding-ink);
}

.ucg-onboarding-progress-rail .is-current button > span {
  border-color: var(--ucg-onboarding-accent);
  box-shadow: 0 0 0 5px var(--ucg-onboarding-accent-soft);
  color: var(--ucg-onboarding-accent);
}

.ucg-onboarding-progress-rail .is-done button > span {
  border-color: var(--ucg-onboarding-accent);
  background: var(--ucg-onboarding-accent);
  color: #fff;
}

.ucg-onboarding-main {
  width: min(100%, 1080px);
  margin: 0 auto;
  padding: 0 0 70px;
}

.ucg-onboarding-step-head {
  margin: 0 0 24px;
}

.ucg-onboarding-step-head > p {
  margin: 0 0 8px;
  color: var(--ucg-onboarding-accent);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ucg-onboarding-step-head h1 {
  margin: 0 0 8px;
  color: var(--ucg-onboarding-ink);
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.05;
  letter-spacing: -.035em;
  outline: 0;
}

.ucg-onboarding-step-head > div {
  max-width: 760px;
  color: var(--ucg-onboarding-muted);
  font-size: 16px;
  line-height: 1.5;
}

.ucg-onboarding-work-progress {
  margin: 0 0 10px;
  padding: 17px 20px;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(24, 56, 30, .06);
}

.ucg-onboarding-work-progress > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 11px;
}

.ucg-onboarding-work-progress strong {
  color: var(--ucg-onboarding-ink);
  font-size: 15px;
  line-height: 1.35;
}

.ucg-onboarding-work-progress b {
  color: var(--ucg-onboarding-accent);
  font-size: 13px;
}

.ucg-onboarding-progress-status {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.ucg-onboarding-progress-action {
  min-height: 42px;
  padding: 8px 18px;
  border: 1px solid var(--ucg-onboarding-accent);
  border-radius: 8px;
  background: var(--ucg-onboarding-accent);
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.ucg-onboarding-progress-track {
  position: relative;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e9eeea;
}

.ucg-onboarding-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2b7a2b, #76bd5d);
}

.ucg-onboarding-work-progress.is-working .ucg-onboarding-progress-track span {
  animation: ucg-onboarding-progress 1.55s ease-in-out infinite;
}

.ucg-onboarding-elapsed {
  margin: 8px 3px 28px;
  color: var(--ucg-onboarding-muted);
  font-size: 13px;
}

.ucg-onboarding-wait-note {
  display: grid;
  gap: 3px;
  margin: 30px 0 13px;
}

.ucg-onboarding-wait-note b {
  color: var(--ucg-onboarding-ink);
  font-size: 17px;
}

.ucg-onboarding-wait-note span {
  color: var(--ucg-onboarding-muted);
  font-size: 13px;
}

.ucg-onboarding-card {
  min-width: 0;
  max-width: 100%;
  margin: 0 0 20px;
  padding: clamp(20px, 2.8vw, 28px);
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 7px 24px rgba(24, 56, 30, .045);
}

.ucg-onboarding-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.ucg-onboarding-card-head span:first-child {
  color: var(--ucg-onboarding-accent);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.ucg-onboarding-card-head h2 {
  margin: 4px 0 0;
  color: var(--ucg-onboarding-ink);
  font-size: clamp(20px, 2.3vw, 27px);
  line-height: 1.18;
}

.ucg-onboarding-count {
  flex: 0 0 auto;
  padding: 7px 11px;
  border-radius: 999px;
  background: var(--ucg-onboarding-accent-soft);
  color: var(--ucg-onboarding-accent) !important;
  font-size: 11px !important;
  font-weight: 850;
  letter-spacing: .03em !important;
  text-transform: uppercase;
}

.ucg-onboarding-style-grid {
  display: grid;
  gap: 10px;
}

.ucg-onboarding-style-grid.is-writing {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ucg-onboarding-voice-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 82px;
  padding: 15px 17px;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 11px;
  background: var(--ucg-onboarding-soft);
}

.ucg-onboarding-voice-summary > div {
  display: grid;
  gap: 4px;
}

.ucg-onboarding-voice-summary b {
  color: var(--ucg-onboarding-ink);
  font-size: 15px;
}

.ucg-onboarding-voice-summary small {
  color: var(--ucg-onboarding-muted);
  line-height: 1.4;
}

.ucg-onboarding-voice-summary > button {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid var(--ucg-onboarding-accent);
  border-radius: 8px;
  background: #fff;
  color: var(--ucg-onboarding-accent);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.ucg-onboarding-choice-dialog {
  width: min(92vw, 720px);
  max-height: min(86vh, 820px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 16px;
  background: #fff;
  color: var(--ucg-onboarding-ink);
  box-shadow: 0 24px 80px rgba(10, 26, 14, .28);
}

.ucg-onboarding-choice-dialog::backdrop {
  background: rgba(11, 22, 14, .55);
}

.ucg-onboarding-choice-dialog > form {
  display: grid;
  gap: 18px;
  padding: clamp(20px, 4vw, 30px);
}

.ucg-onboarding-choice-dialog header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.ucg-onboarding-choice-dialog header span {
  color: var(--ucg-onboarding-accent);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.ucg-onboarding-choice-dialog h3 {
  margin: 5px 0 0;
  color: var(--ucg-onboarding-ink);
  font-size: clamp(23px, 4vw, 31px);
  line-height: 1.12;
}

.ucg-onboarding-choice-dialog header > button {
  display: grid;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 50%;
  background: #fff;
  color: var(--ucg-onboarding-ink);
  font: 26px/1 inherit;
  cursor: pointer;
}

.ucg-onboarding-choice-dialog > form > p,
.ucg-onboarding-dialog-image p {
  margin: 0;
  color: var(--ucg-onboarding-muted);
  line-height: 1.5;
}

.ucg-onboarding-dialog-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.ucg-onboarding-choice-dialog footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 4px;
}

.ucg-onboarding-choice-dialog footer button {
  min-height: 46px;
  padding: 9px 17px;
  border-radius: 8px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.ucg-onboarding-dialog-image {
  display: grid;
  gap: 14px;
}

.ucg-onboarding-dialog-image .ucg-onboarding-style-preview {
  height: clamp(220px, 45vw, 360px);
}

.ucg-onboarding-style-grid.is-images {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ucg-onboarding-style-choice {
  position: relative;
  min-width: 0;
}

.ucg-onboarding-style-choice input,
.ucg-onboarding-choice input,
.ucg-onboarding-topic input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.ucg-onboarding-style-choice > span {
  position: relative;
  display: grid;
  align-content: start;
  gap: 5px;
  min-height: 104px;
  padding: 15px;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
}

.ucg-onboarding-style-grid.is-images .ucg-onboarding-style-choice > span {
  min-height: 178px;
}

.ucg-onboarding-style-grid.is-images .ucg-onboarding-style-choice > span::before {
  display: block;
  height: 92px;
  margin: -7px -7px 7px;
  border-radius: 8px;
  background: linear-gradient(145deg, #edf6e9, #d9ead3);
  content: "";
}

.ucg-onboarding-style-choice > span[data-visual="auto"]::before {
  background: radial-gradient(circle at 50% 45%, #6aaf55 0 12%, transparent 13%), radial-gradient(circle at 30% 65%, #b8ddb0 0 18%, transparent 19%), linear-gradient(145deg, #f2f8ef, #d9ead3);
}

.ucg-onboarding-style-choice > span[data-visual="illustration"]::before {
  background: linear-gradient(135deg, transparent 35%, #73ae61 36% 42%, transparent 43%), radial-gradient(circle at 68% 35%, #d4a844 0 14%, transparent 15%), #edf6e9;
}

.ucg-onboarding-style-choice > span[data-visual="photo"]::before {
  background: linear-gradient(22deg, #315a34 0 32%, transparent 33%), linear-gradient(158deg, #94c67f 0 42%, #e9dfc4 43% 100%);
}

.ucg-onboarding-style-choice > span[data-visual="threed"]::before {
  background: radial-gradient(circle at 38% 58%, #e4b74e 0 19%, transparent 20%), radial-gradient(circle at 63% 42%, #6da95b 0 24%, transparent 25%), #edf3ea;
}

.ucg-onboarding-style-choice > span[data-visual="isometric"]::before {
  background: linear-gradient(30deg, transparent 40%, rgba(43,122,43,.28) 41% 45%, transparent 46%), linear-gradient(150deg, transparent 40%, rgba(43,122,43,.28) 41% 45%, transparent 46%), #edf5eb;
}

.ucg-onboarding-style-choice > span[data-visual="handdrawn"]::before {
  background: repeating-linear-gradient(-12deg, transparent 0 12px, rgba(43,122,43,.24) 13px 15px), #faf7ea;
}

.ucg-onboarding-style-choice b {
  color: var(--ucg-onboarding-ink);
  font-size: 14px;
  line-height: 1.3;
}

.ucg-onboarding-style-choice small {
  color: var(--ucg-onboarding-muted);
  font-size: 12px;
  line-height: 1.4;
}

.ucg-onboarding-image-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -3px 0 14px;
}

.ucg-onboarding-image-filters button {
  min-height: 44px;
  padding: 7px 13px;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 999px;
  background: #fff;
  color: var(--ucg-onboarding-muted);
  font: inherit;
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
}

.ucg-onboarding-image-filters button[aria-pressed="true"] {
  border-color: var(--ucg-onboarding-accent);
  background: var(--ucg-onboarding-accent-soft);
  color: var(--ucg-onboarding-accent);
}

.ucg-onboarding-style-grid.is-images {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ucg-onboarding-image-choice {
  position: relative;
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  min-height: 202px;
  padding: 8px 8px 12px;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 11px;
  background: #fff;
  color: var(--ucg-onboarding-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.ucg-onboarding-image-choice[aria-pressed="true"] {
  border-color: var(--ucg-onboarding-accent);
  background: var(--ucg-onboarding-accent-soft);
  box-shadow: 0 0 0 2px rgba(43, 122, 43, .12);
}

.ucg-onboarding-image-choice[aria-pressed="true"]::after {
  position: absolute;
  top: 13px;
  right: 13px;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: var(--ucg-onboarding-accent);
  color: #fff;
  content: "✓";
  font-size: 12px;
  font-weight: 850;
}

.ucg-onboarding-image-choice b {
  padding: 0 4px;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.25;
  text-align: center;
}

.ucg-onboarding-image-choice small {
  padding: 0 4px;
  color: var(--ucg-onboarding-muted);
  font-size: 10.5px;
  line-height: 1.35;
  text-align: center;
}

.ucg-onboarding-style-preview {
  position: relative;
  display: block;
  height: 98px;
  overflow: hidden;
  border-radius: 8px;
  background: #edf4e9;
}

.ucg-onboarding-style-preview::before,
.ucg-onboarding-style-preview::after {
  position: absolute;
  content: "";
}

.ucg-onboarding-style-preview[data-scene="auto"] { background: radial-gradient(circle at 50% 48%,#4e9347 0 12%,transparent 13%),radial-gradient(circle at 31% 67%,#b8d9ad 0 18%,transparent 19%),linear-gradient(145deg,#f4f8f1,#dcebd7); }
.ucg-onboarding-style-preview[data-scene="editorial"] { background: radial-gradient(circle at 72% 29%,#e8b54c 0 13%,transparent 14%),linear-gradient(135deg,transparent 35%,#5d9f56 36% 42%,transparent 43%),#edf5e9; }
.ucg-onboarding-style-preview[data-scene="cutpaper"] { background: radial-gradient(ellipse at 30% 70%,#98c48f 0 24%,transparent 25%),radial-gradient(ellipse at 70% 44%,#d6b65c 0 25%,transparent 26%),linear-gradient(145deg,#f8f2df,#e2eddd); }
.ucg-onboarding-style-preview[data-scene="line"] { background: repeating-linear-gradient(-14deg,transparent 0 12px,rgba(43,122,43,.25) 13px 15px),#fbf8ed; }
.ucg-onboarding-style-preview[data-scene="color"] { background: linear-gradient(135deg,#d7e9d0 0 34%,#eecb6d 35% 61%,#6caa65 62% 100%); }
.ucg-onboarding-style-preview[data-scene="place"] { background: linear-gradient(22deg,#315a34 0 35%,transparent 36%),linear-gradient(158deg,#94c67f 0 43%,#e8dfc3 44% 100%); }
.ucg-onboarding-style-preview[data-scene="documentary"] { background: linear-gradient(90deg,rgba(23,42,24,.76),transparent 44%),radial-gradient(circle at 70% 46%,#c7d7bd 0 18%,transparent 19%),linear-gradient(145deg,#d7c39b,#64775e); }
.ucg-onboarding-style-preview[data-scene="product"] { background: radial-gradient(ellipse at 50% 62%,#467943 0 21%,transparent 22%),linear-gradient(160deg,#f3efe3 0 53%,#c3d9bc 54%); }
.ucg-onboarding-style-preview[data-scene="detail"] { background: radial-gradient(circle at 55% 52%,#d6ad53 0 23%,#6f9e65 24% 36%,transparent 37%),#e9eee2; }
.ucg-onboarding-style-preview[data-scene="soft3d"] { background: radial-gradient(circle at 36% 62%,#e7b94f 0 20%,transparent 21%),radial-gradient(circle at 66% 39%,#73ad65 0 25%,transparent 26%),#edf3ea; }
.ucg-onboarding-style-preview[data-scene="model"] { background: linear-gradient(30deg,transparent 40%,rgba(43,122,43,.29) 41% 46%,transparent 47%),linear-gradient(150deg,transparent 40%,rgba(212,174,75,.38) 41% 46%,transparent 47%),#edf5eb; }
.ucg-onboarding-style-preview[data-scene="geometric"] { background: conic-gradient(from 30deg at 50% 52%,#5b9856 0 25%,#e2bd62 0 50%,#c8dfc2 0 75%,#f2f4ea 0); }
.ucg-onboarding-style-preview[data-scene="overview"] { background: linear-gradient(30deg,transparent 39%,#87b57e 40% 45%,transparent 46%),linear-gradient(150deg,transparent 39%,#d5b55d 40% 45%,transparent 46%),#eef5eb; }
.ucg-onboarding-style-preview[data-scene="map"] { background: radial-gradient(circle at 28% 62%,#2b7a2b 0 7%,transparent 8%),radial-gradient(circle at 72% 34%,#d29f39 0 7%,transparent 8%),linear-gradient(27deg,transparent 46%,#7eaa78 47% 51%,transparent 52%),#eef4e9; }
.ucg-onboarding-style-preview[data-scene="process"] { background: radial-gradient(circle at 20% 50%,#4f9250 0 8%,transparent 9%),radial-gradient(circle at 50% 50%,#d7a844 0 8%,transparent 9%),radial-gradient(circle at 80% 50%,#4f9250 0 8%,transparent 9%),linear-gradient(90deg,transparent 19%,#9abf91 20% 80%,transparent 81%),#f0f5ed; }
.ucg-onboarding-style-preview[data-scene="pencil"] { background: repeating-linear-gradient(-10deg,transparent 0 11px,rgba(52,63,54,.25) 12px 13px),#f8f5eb; }
.ucg-onboarding-style-preview[data-scene="marker"] { background: linear-gradient(18deg,transparent 0 31%,#356e38 32% 39%,transparent 40%),linear-gradient(-22deg,transparent 0 49%,#d4a63f 50% 58%,transparent 59%),#f5f1df; }
.ucg-onboarding-style-preview[data-scene="board"] { background: repeating-linear-gradient(0deg,transparent 0 19px,rgba(238,245,235,.18) 20px 21px),linear-gradient(145deg,#29422c,#142a1a); }
.ucg-onboarding-style-preview[data-scene="type"] { background: linear-gradient(#2e7332,#2e7332) 20% 30%/56% 8px no-repeat,linear-gradient(#d3a645,#d3a645) 20% 48%/72% 13px no-repeat,linear-gradient(#789f72,#789f72) 20% 69%/45% 7px no-repeat,#edf4e9; }
.ucg-onboarding-style-preview[data-scene="data"] { background: linear-gradient(135deg,transparent 0 42%,#2b7a2b 43% 48%,transparent 49%) 0 0/100% 100%,repeating-linear-gradient(90deg,transparent 0 18px,rgba(43,122,43,.12) 19px 20px),#eef4e9; }

.ucg-onboarding-people-toggle {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 2px 13px;
  align-items: center;
  margin-top: 18px;
  padding-top: 17px;
  border-top: 1px solid var(--ucg-onboarding-line);
  cursor: pointer;
}

.ucg-onboarding-people-toggle input {
  position: absolute;
  opacity: 0;
}

.ucg-onboarding-people-toggle > span {
  position: relative;
  grid-row: 1 / 3;
  width: 46px;
  height: 26px;
  border-radius: 999px;
  background: #cfd8d0;
}

.ucg-onboarding-people-toggle > span::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(16, 32, 18, .22);
  content: "";
  transition: transform .18s ease;
}

.ucg-onboarding-people-toggle input:checked + span {
  background: var(--ucg-onboarding-accent);
}

.ucg-onboarding-people-toggle input:checked + span::after {
  transform: translateX(20px);
}

.ucg-onboarding-people-toggle input:focus-visible + span,
.ucg-onboarding-image-choice:focus-visible,
.ucg-onboarding-image-filters button:focus-visible {
  outline: 3px solid rgba(43, 122, 43, .22);
  outline-offset: 2px;
}

.ucg-onboarding-people-toggle b {
  color: var(--ucg-onboarding-ink);
  font-size: 14px;
}

.ucg-onboarding-people-toggle small {
  color: var(--ucg-onboarding-muted);
  font-size: 12px;
}

.ucg-onboarding-style-choice input:checked + span {
  border-color: var(--ucg-onboarding-accent);
  background: var(--ucg-onboarding-accent-soft);
  box-shadow: 0 0 0 2px rgba(43, 122, 43, .12);
}

.ucg-onboarding-style-choice input:checked + span::after {
  position: absolute;
  top: 9px;
  right: 9px;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: var(--ucg-onboarding-accent);
  color: #fff;
  content: "✓";
  font-size: 12px;
  font-weight: 850;
}

.ucg-onboarding-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ucg-onboarding-field,
.ucg-onboarding-add {
  display: grid;
  gap: 7px;
}

.ucg-onboarding-field.is-wide {
  grid-column: 1 / -1;
}

.ucg-onboarding-field > span,
.ucg-onboarding-add > label {
  color: var(--ucg-onboarding-ink);
  font-size: 13px;
  font-weight: 760;
}

.ucg-onboarding-field input,
.ucg-onboarding-field textarea,
.ucg-onboarding-field select,
.ucg-onboarding-add input {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #cdd7cf;
  border-radius: 8px;
  background: #fff;
  color: var(--ucg-onboarding-ink);
  font: inherit;
}

.ucg-onboarding-field textarea {
  min-height: 104px;
  resize: vertical;
  line-height: 1.5;
}

.ucg-onboarding-field select:disabled {
  opacity: 1;
  background: var(--ucg-onboarding-soft);
  color: var(--ucg-onboarding-muted);
}

.ucg-onboarding-field input:focus,
.ucg-onboarding-field textarea:focus,
.ucg-onboarding-field select:focus,
.ucg-onboarding-add input:focus,
.ucg-onboarding-progress-action:focus-visible,
.ucg-onboarding-actions button:focus-visible,
.ucg-onboarding-progress-rail button:focus-visible,
.ucg-onboarding-style-choice input:focus-visible + span,
.ucg-onboarding-choice input:focus-visible + span,
.ucg-onboarding-topic input:focus-visible + span {
  outline: 3px solid rgba(43, 122, 43, .22);
  outline-offset: 2px;
  border-color: var(--ucg-onboarding-accent);
}

.ucg-onboarding-inline-state {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  padding: 14px;
  border-radius: 9px;
  background: var(--ucg-onboarding-soft);
  color: var(--ucg-onboarding-muted);
}

.ucg-onboarding-spinner {
  display: inline-block;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 2px solid #cdd7cf;
  border-top-color: var(--ucg-onboarding-accent);
  border-radius: 50%;
  animation: ucg-onboarding-spin .7s linear infinite;
}

.ucg-onboarding-choices {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 16px;
}

.ucg-onboarding-choice {
  position: relative;
}

.ucg-onboarding-choice span {
  position: relative;
  display: grid;
  gap: 3px;
  min-height: 62px;
  padding: 12px 14px 12px 44px;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 9px;
  cursor: pointer;
}

.ucg-onboarding-choice span::before {
  position: absolute;
  top: 19px;
  left: 14px;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid #b9c4bb;
  border-radius: 5px;
  background: #fff;
  content: "";
}

.ucg-onboarding-choice input:checked + span {
  border-color: var(--ucg-onboarding-accent);
  background: var(--ucg-onboarding-accent-soft);
}

.ucg-onboarding-choice input:checked + span::before {
  border-color: var(--ucg-onboarding-accent);
  background: var(--ucg-onboarding-accent);
  color: #fff;
  content: "✓";
}

.ucg-onboarding-choice small,
.ucg-onboarding-add small {
  color: var(--ucg-onboarding-muted);
  line-height: 1.4;
}

.ucg-onboarding-add > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
}

.ucg-onboarding-add button,
.ucg-onboarding-sitemaps button {
  min-height: 44px;
  padding: 8px 15px;
  border: 1px solid var(--ucg-onboarding-accent);
  border-radius: 8px;
  background: #fff;
  color: var(--ucg-onboarding-accent);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.ucg-onboarding-topics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.ucg-onboarding-topics-layout {
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
  gap: 20px;
  align-items: start;
}

.ucg-onboarding-topics-column {
  display: grid;
  gap: 0;
  min-width: 0;
}

.ucg-onboarding-topic span {
  display: block;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 8px;
  color: var(--ucg-onboarding-muted);
  cursor: pointer;
  overflow-wrap: anywhere;
}

.ucg-onboarding-topic input:checked + span {
  border-color: var(--ucg-onboarding-accent);
  background: var(--ucg-onboarding-accent-soft);
  color: var(--ucg-onboarding-accent);
  font-weight: 760;
}

.ucg-onboarding-foundation {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.ucg-onboarding-foundation > * {
  min-width: 0;
}

.ucg-onboarding-market {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 14px;
}

.ucg-onboarding-sitemaps {
  display: grid;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  gap: 8px;
  margin-bottom: 16px;
}

.ucg-onboarding-sitemaps > div {
  display: flex;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 11px;
  border: 1px solid var(--ucg-onboarding-line);
  border-radius: 8px;
}

.ucg-onboarding-sitemaps span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ucg-onboarding-sitemaps button {
  min-height: 34px;
  padding: 5px 9px;
}

.ucg-onboarding-auto-card {
  display: flex;
  align-items: center;
  gap: 15px;
  background: var(--ucg-onboarding-soft);
}

.ucg-onboarding-auto-card b {
  color: var(--ucg-onboarding-ink);
  font-size: 16px;
}

.ucg-onboarding-auto-card p {
  margin: 4px 0 0;
  color: var(--ucg-onboarding-muted);
  line-height: 1.5;
}

.ucg-onboarding-message {
  margin: 0 0 15px;
  padding: 13px 15px;
  border: 1px solid #dd9b92;
  border-radius: 9px;
  background: #fff4f1;
  color: #8c2f24;
}

.ucg-onboarding-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 13px;
  padding-top: 8px;
}

.ucg-onboarding-actions button {
  min-height: 48px;
  padding: 10px 21px;
  border-radius: 8px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.ucg-onboarding-back {
  border: 1px solid #cdd7cf;
  background: #fff;
  color: var(--ucg-onboarding-ink);
}

.ucg-onboarding-primary {
  border: 1px solid var(--ucg-onboarding-accent);
  background: var(--ucg-onboarding-accent);
  color: #fff;
}

.ucg-onboarding-actions button:disabled,
.ucg-onboarding-add button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

@keyframes ucg-onboarding-spin {
  to { transform: rotate(360deg); }
}

@keyframes ucg-onboarding-progress {
  0%, 100% { filter: brightness(.92); opacity: .78; }
  50% { filter: brightness(1.14); opacity: 1; }
}

@media (max-width: 1180px) {
  .ucg-onboarding-style-grid.is-images {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.ucg-project-onboarding-active #ucg-home-shell .ucg-home-offer-slot > #ucg-goal032-offer {
    margin-bottom: 16px;
  }

  .ucg-onboarding-progress-rail {
    margin-bottom: 24px;
  }

  .ucg-onboarding-progress-rail ol {
    grid-template-columns: repeat(6, 116px);
    min-width: 696px;
  }

  .ucg-onboarding-main {
    padding-bottom: 54px;
  }

  .ucg-onboarding-style-grid.is-images {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .ucg-onboarding-progress-rail {
    overflow-x: hidden;
  }

  .ucg-onboarding-progress-rail ol {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    min-width: 0;
  }

  .ucg-onboarding-progress-rail li:not(:last-child)::after {
    top: 15px;
    left: calc(50% + 15px);
    right: calc(-50% + 15px);
  }

  .ucg-onboarding-progress-rail button {
    gap: 7px;
    padding-inline: 1px;
  }

  .ucg-onboarding-progress-rail button > span {
    width: 30px;
    height: 30px;
    font-size: 11px;
  }

  .ucg-onboarding-progress-rail button > b {
    max-width: 100%;
    overflow-wrap: normal;
    font-size: 0;
    line-height: 1.18;
  }

  .ucg-onboarding-progress-rail button > b::after {
    display: block;
    content: attr(data-short);
    font-size: 9px;
    letter-spacing: -.015em;
  }

  .ucg-onboarding-main {
    width: 100%;
  }

  .ucg-onboarding-step-head h1 {
    font-size: 31px;
  }

  .ucg-onboarding-step-head > div {
    font-size: 15px;
  }

  .ucg-onboarding-style-grid.is-writing,
  .ucg-onboarding-style-grid.is-images,
  .ucg-onboarding-grid,
  .ucg-onboarding-choices,
  .ucg-onboarding-topics,
  .ucg-onboarding-foundation,
  .ucg-onboarding-topics-layout,
  .ucg-onboarding-market {
    grid-template-columns: 1fr;
  }

  .ucg-onboarding-style-grid.is-writing {
    grid-template-columns: 1fr;
  }

  .ucg-onboarding-voice-summary {
    display: grid;
  }

  .ucg-onboarding-voice-summary > button {
    width: 100%;
  }

  .ucg-onboarding-dialog-options {
    grid-template-columns: 1fr;
  }

  .ucg-onboarding-choice-dialog footer {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ucg-onboarding-style-grid.is-images {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ucg-onboarding-card-head {
    display: grid;
  }

  .ucg-onboarding-count {
    justify-self: start;
  }
}

@media (max-width: 390px) {
  .ucg-onboarding-progress-rail button > b::after {
    font-size: 8.5px;
  }

  .ucg-onboarding-card,
  .ucg-onboarding-work-progress {
    padding: 17px;
  }

  .ucg-onboarding-add > div {
    grid-template-columns: 1fr;
  }

  .ucg-onboarding-actions button {
    flex: 1 1 0;
    padding-inline: 10px;
  }

  .ucg-onboarding-work-progress > div:first-child {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 340px) {
  .ucg-onboarding-style-grid.is-images {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ucg-onboarding-work-progress.is-working .ucg-onboarding-progress-track span {
    animation: none;
  }

  .ucg-onboarding-spinner {
    animation: none;
  }

  .ucg-onboarding-people-toggle > span::after {
    transition: none;
  }
}

/* Goal055: samme synlige rytme og mekanik som den levende reference. */
#ucg-project-onboarding {
  font-family: var(--ucg-sans, Arial, sans-serif);
}

#ucg-project-onboarding .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.ucg-onboarding-main {
  padding-right: 16px;
  padding-left: 16px;
}

.ucg-onboarding-analysis-step > .ucg-onboarding-step-head {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.ucg-onboarding-analysis-step > .ucg-onboarding-work-progress {
  margin-top: 64px;
}

.ucg-onboarding-analysis-step > .ucg-onboarding-work-progress strong {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ucg-onboarding-ink);
  font-size: 23px;
  font-weight: 750;
  line-height: 1.2;
}

.ucg-onboarding-analysis-step > .ucg-onboarding-work-progress strong::before {
  display: grid;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  background: var(--ucg-onboarding-accent);
  color: #fff;
  content: "✓";
  font-size: 12px;
  line-height: 1;
}

.ucg-onboarding-analysis-step > .ucg-onboarding-work-progress.is-working strong::before {
  content: "";
  background: transparent;
  border: 2px solid #dce5dc;
  border-top-color: var(--ucg-onboarding-accent);
  animation: ucg-onboarding-spin .9s linear infinite;
}

.ucg-onboarding-step-head {
  margin-bottom: 20px;
}

.ucg-onboarding-step-head h1,
.ucg-onboarding-summary-panel h1,
.ucg-onboarding-focus-panel h2,
.ucg-onboarding-foundation h2,
.ucg-onboarding-style-title h2 {
  font-family: var(--ucg-sans, Arial, sans-serif);
  font-style: normal;
  letter-spacing: -.025em;
}

.ucg-onboarding-step-head h1 {
  margin: 0 0 9px;
  font-size: clamp(23px, 2.4vw, 29px);
  line-height: 1.15;
}

.ucg-onboarding-step-head > div {
  max-width: 760px;
  font-size: 14px;
  line-height: 1.5;
}

.ucg-onboarding-work-progress {
  margin: 0 0 42px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ucg-onboarding-work-progress > div:first-child {
  margin-bottom: 9px;
}

.ucg-onboarding-work-progress strong {
  color: var(--ucg-onboarding-muted);
  font-size: 13px;
  font-weight: 500;
}

.ucg-onboarding-work-progress b {
  font-size: 13px;
  font-weight: 650;
}

.ucg-onboarding-progress-track {
  height: 4px;
  border-radius: 0;
  background: #edf0ed;
}

.ucg-onboarding-progress-track span {
  border-radius: 0;
  background: var(--ucg-onboarding-accent);
}

.ucg-onboarding-progress-action {
  min-height: 38px;
  padding: 7px 16px;
}

.ucg-onboarding-elapsed {
  margin: -34px 0 38px;
  font-size: 12px;
}

.ucg-onboarding-wait-note {
  gap: 5px;
  margin: 0 0 13px;
}

.ucg-onboarding-wait-note b {
  font-size: 16px;
}

.ucg-onboarding-card.ucg-onboarding-style-card {
  margin-bottom: 12px;
  padding: 24px;
  border-color: #d9ddda;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(18, 29, 20, .05);
}

.ucg-onboarding-style-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.ucg-onboarding-style-title h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}

.ucg-onboarding-style-title button {
  min-height: 36px;
  padding: 5px 8px;
  border: 0;
  background: transparent;
  color: var(--ucg-onboarding-accent);
  font: inherit;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
}

.ucg-onboarding-voice-summary {
  display: block;
  min-height: 0;
  padding: 0 0 0 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.ucg-onboarding-voice-summary b {
  font-size: 14px;
}

.ucg-onboarding-voice-summary small {
  max-width: 470px;
  font-size: 12px;
}

.ucg-onboarding-image-filters {
  gap: 7px;
  margin: 0 0 14px;
}

.ucg-onboarding-image-filters button {
  min-height: 34px;
  padding: 5px 12px;
  border-radius: 8px;
}

.ucg-onboarding-image-choice {
  min-height: 176px;
  border-color: #d9ddda;
}

.ucg-onboarding-style-preview {
  height: 90px;
}

.ucg-onboarding-competitors {
  max-width: 890px;
}

.ucg-onboarding-competitors .ucg-onboarding-add > div {
  gap: 8px;
}

.ucg-onboarding-competitors .ucg-onboarding-add input {
  min-height: 40px;
  border-color: #d7dad8;
  border-radius: 6px;
  background: #fafafa;
  font-size: 13px;
}

.ucg-onboarding-competitors .ucg-onboarding-add button {
  min-height: 40px;
  padding-inline: 16px;
  border-color: #e4e5e4;
  background: #f2f2f2;
  color: #8a8e8a;
}

.ucg-onboarding-choices {
  gap: 8px;
  margin-top: 14px;
}

.ucg-onboarding-choice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  align-items: center;
  min-height: 54px;
  padding: 7px 10px;
  border: 1px solid #d7dad8;
  border-radius: 7px;
  background: #fafafa;
}

.ucg-onboarding-choice label {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  cursor: pointer;
}

.ucg-onboarding-choice .ucg-onboarding-check {
  position: relative;
  display: block;
  width: 17px;
  height: 17px;
  min-height: 0;
  padding: 0;
  border: 1px solid #cfd3d0;
  border-radius: 4px;
  background: #fff;
}

.ucg-onboarding-choice span::before {
  display: none;
  content: none;
}

.ucg-onboarding-choice input:checked + .ucg-onboarding-check {
  border-color: var(--ucg-onboarding-accent);
  background: var(--ucg-onboarding-accent);
}

.ucg-onboarding-choice input:checked + .ucg-onboarding-check::after {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  content: "✓";
  font-size: 11px;
  font-weight: 800;
}

.ucg-onboarding-choice .ucg-onboarding-choice-domain {
  display: flex;
  min-height: 0;
  align-items: center;
  gap: 9px;
  padding: 0;
  border: 0;
  background: transparent;
}

.ucg-onboarding-choice-domain i {
  color: var(--ucg-onboarding-accent);
  font-size: 11px;
  font-style: normal;
}

.ucg-onboarding-choice-domain b {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.ucg-onboarding-choice-domain small {
  flex: 0 0 auto;
  padding: 5px 12px;
  border: 1px solid #dedfdf;
  border-radius: 999px;
  background: #f4f4f4;
  color: #424542;
  font-size: 10px;
  font-weight: 750;
}

.ucg-onboarding-choice > button {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  padding: 0;
  border: 1px solid #d7dad8;
  border-radius: 6px;
  background: #fff;
  color: #616661;
  font: 18px/1 var(--ucg-sans, Arial, sans-serif);
  cursor: pointer;
}

.ucg-onboarding-topics-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
}

.ucg-onboarding-summary-panel h1,
.ucg-onboarding-focus-panel h2,
.ucg-onboarding-foundation h2 {
  margin: 0 0 18px;
  font-size: 20px;
  line-height: 1.2;
}

.ucg-onboarding-focus-panel > p {
  margin: -7px 0 16px;
  color: var(--ucg-onboarding-muted);
  font-size: 13px;
  line-height: 1.45;
}

.ucg-onboarding-business-summary {
  display: grid;
  gap: 12px;
  max-height: 430px;
  padding: 18px 20px 18px 0;
  overflow-y: auto;
  border-top: 1px solid #dfe2df;
  scrollbar-width: thin;
}

.ucg-onboarding-summary-row {
  padding: 14px 16px;
  background: #f6f6f6;
}

.ucg-onboarding-summary-row summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  list-style: none;
  cursor: pointer;
}

.ucg-onboarding-summary-row summary::-webkit-details-marker {
  display: none;
}

.ucg-onboarding-summary-row summary > span:first-child {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.ucg-onboarding-summary-row summary b {
  color: var(--ucg-onboarding-ink);
  font-size: 12px;
}

.ucg-onboarding-summary-row summary em {
  color: var(--ucg-onboarding-muted);
  font-size: 13px;
  font-style: normal;
  line-height: 1.45;
  white-space: pre-line;
}

.ucg-onboarding-summary-row summary > span:last-child {
  flex: 0 0 auto;
  color: var(--ucg-onboarding-ink);
  font-size: 11px;
}

.ucg-onboarding-summary-row > label {
  display: block;
  margin-top: 12px;
}

.ucg-onboarding-summary-row input,
.ucg-onboarding-summary-row textarea {
  width: 100%;
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid #cfd4d0;
  border-radius: 5px;
  background: #fff;
  color: var(--ucg-onboarding-ink);
  font: 13px/1.45 var(--ucg-sans, Arial, sans-serif);
}

.ucg-onboarding-summary-row textarea {
  min-height: 104px;
  resize: vertical;
}

.ucg-onboarding-topics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-height: 88px;
  padding: 12px;
  border: 1px solid #d7dad8;
  border-radius: 7px;
  background: #fff;
}

.ucg-onboarding-topic span {
  display: flex;
  min-height: 30px;
  align-items: center;
  gap: 8px;
  padding: 5px 9px;
  border-color: #cfe1ca;
  border-radius: 6px;
  background: #f0f8ed;
  color: #386d32;
  font-size: 11px;
  line-height: 1.25;
}

.ucg-onboarding-topic input:checked + span {
  background: #f0f8ed;
}

.ucg-onboarding-topic i {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

#ucg-onboarding-topic-input {
  min-width: 120px;
  flex: 1 1 140px;
  height: 32px;
  padding: 5px 4px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ucg-onboarding-ink);
  font: 12px/1.3 var(--ucg-sans, Arial, sans-serif);
}

.ucg-onboarding-foundation {
  gap: 18px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid #dfe2df;
}

.ucg-onboarding-foundation h2 {
  margin-bottom: 12px;
}

.ucg-onboarding-sitemaps > div {
  background: #fafafa;
}

.ucg-onboarding-sitemaps button {
  display: grid;
  width: 34px;
  height: 34px;
  min-height: 34px;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #626762;
  font-size: 18px;
  font-weight: 450;
}

.ucg-onboarding-more-sitemaps {
  width: 100%;
  min-height: 42px;
  margin: -7px 0 16px;
  padding: 8px 14px;
  border: 1px solid #d5d9d5;
  border-radius: 6px;
  background: #fff;
  color: var(--ucg-onboarding-ink);
  font: 13px/1.3 var(--ucg-sans, Arial, sans-serif);
  cursor: pointer;
}

.ucg-onboarding-more-sitemaps:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.ucg-onboarding-actions {
  justify-content: flex-end;
  padding-top: 22px;
}

.ucg-onboarding-actions > span:empty,
.ucg-onboarding-actions .ucg-onboarding-back[data-action="back"] {
  display: none;
}

.ucg-onboarding-actions button {
  min-height: 42px;
  padding: 8px 20px;
}

@media (max-width: 700px) {
  .ucg-onboarding-main {
    padding-right: 16px;
    padding-left: 16px;
  }

  .ucg-onboarding-progress-rail {
    margin-bottom: 55px;
  }

  .ucg-onboarding-progress-rail button > b {
    max-width: none;
    overflow: visible;
    font-size: 9px;
    line-height: 1;
    white-space: nowrap;
  }

  .ucg-onboarding-progress-rail button > b::after {
    display: none;
  }

  .ucg-onboarding-step-head h1 {
    font-size: 24px;
  }

  .ucg-onboarding-card.ucg-onboarding-style-card {
    padding: 24px;
  }

  .ucg-onboarding-style-grid.is-images {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ucg-onboarding-image-choice {
    min-height: 164px;
  }

  .ucg-onboarding-choice-domain {
    flex-wrap: nowrap;
  }

  .ucg-onboarding-choice-domain i {
    display: none;
  }

  .ucg-onboarding-choice-domain b {
    flex: 1 1 auto;
    font-size: 12px;
  }

  .ucg-onboarding-choice-domain small {
    padding: 5px 10px;
  }

  .ucg-onboarding-topics-layout {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .ucg-onboarding-business-summary {
    max-height: none;
    padding-right: 0;
    overflow: visible;
  }

  .ucg-onboarding-summary-row {
    padding: 14px;
  }

  .ucg-onboarding-foundation {
    grid-template-columns: 1fr;
  }

  .ucg-onboarding-actions .ucg-onboarding-primary {
    flex: 1 1 auto;
    width: 100%;
  }
}

@media (max-width: 390px) {
  .ucg-onboarding-competitors .ucg-onboarding-add > div {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .ucg-onboarding-choice {
    grid-template-columns: minmax(0, 1fr) 32px;
    padding: 7px 8px;
  }

  .ucg-onboarding-choice label {
    grid-template-columns: 17px minmax(0, 1fr);
    gap: 8px;
  }

  .ucg-onboarding-choice-domain small {
    font-size: 9px;
  }
}