.hgq .hgq__cta { padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px)); min-height: 74px; }
.hgq .hgq__cta.is-docked > .hgq__button {
	position: fixed;
	left: var(--hgq-cta-left);
	bottom: calc(var(--hgq-cta-bottom, 0px) + env(safe-area-inset-bottom, 0px) + 8px);
	width: var(--hgq-cta-width);
	z-index: 20;
	box-shadow: 0 0 0 8px #fff;
}
.hgq .hgq__screen--summary > .hgq__body, .hgq .hgq__screen--plan > .hgq__body { margin-bottom: 12px; }
.hgq .hgq__screen--summary .hgq__dimensions { margin: 12px 0; gap: 10px; }
.hgq .hgq__screen--summary .hgq__scale { margin: 4px 0 8px; }
.hgq .hgq__screen--summary .hgq__scale-levels { padding-bottom: 8px; margin-top: 8px; }
.hgq .hgq__screen--summary .hgq__reasons { margin: 10px 0; }
.hgq .hgq__screen--info .hgq__cascade { margin: 12px 0; }
.hgq .hgq__screen--info .hgq__cascade-step { padding-bottom: 16px; }
.hgq .hgq__screen--info .hgq__cascade-step:last-child { padding-bottom: 0; }
.hgq .hgq__screen--plan .hgq__milestones { margin: 12px 0; gap: 10px; }
.hgq .hgq__screen--info > .hgq__question, .hgq .hgq__screen--summary > .hgq__question,
.hgq .hgq__screen--plan > .hgq__question { margin-bottom: 12px; }

.hgq[data-hgq-config] { container: hgq-quiz / inline-size; }
.hgq .hgq__screen--info, .hgq .hgq__screen--summary, .hgq .hgq__screen--plan {
	min-height: 0; padding-top: 16px; padding-bottom: 16px;
}
.hgq .hgq__intro { display: grid; gap: 16px; margin-bottom: 12px; }
.hgq .hgq__intro-copy { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.hgq .hgq__intro .hgq__question { font-size: 26px; line-height: 1.2; margin: 0; }
.hgq .hgq__intro .hgq__body { font-size: 16px; line-height: 1.5; margin: 0; }
.hgq .hgq__intro .hgq__badge { align-self: flex-start; margin: 0; }
.hgq .hgq__intro .hgq__media { margin: 0; }
.hgq .hgq__scale-level { display: block; text-align: center; }
.hgq .hgq__scale-marker { display: block; margin: 6px auto 0; padding: 2px 5px; font-size: 10px; }
.hgq .hgq__screen--summary .hgq__dimension { padding: 12px 14px; }
@container hgq-quiz (min-width: 760px) {
	.hgq .hgq__intro .hgq__question { font-size: clamp(26px, 3.2vw, 34px); }
}

.hgq .hgq__screen--summary .hgq__dimensions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hgq .hgq__screen--summary .hgq__intro { gap: 12px; }
.hgq .hgq__screen--summary .hgq__intro-copy { gap: 10px; }
.hgq .hgq__screen--summary .hgq__dimension { padding: 10px 14px; }

@container hgq-quiz (max-width: 479.99px) {
	.hgq .hgq__scale-level { display: block; font-size: 12px; }
	.hgq .hgq__scale-marker { display: block; margin: 6px auto 0; }
}

.hgq .hgq__scale-label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
	overflow: hidden; overflow-wrap: normal; word-break: normal; hyphens: none; }