/* ============================================================================
   Polish fixes, theme 0.20.4 (2026-10-12). The earlier polish files are live, so they stay byte-identical; this
   release's CSS lives here, loaded after them.
   ========================================================================= */

/* The pre-release Power-Up pages after launch (Mike, 2026-10-12): room between each chip's emoji and its label, every
   "Coming soon" label on blue, nothing off-center, and no item left alone on a row. */

/* "Coming soon" labels take the button pair (white on #0A7BC2): the hero ribbon, each section's tag, the /power-ups/ card badge */
.sd-company .sd-entry :is(.sd-pu-ribbon, .sd-pu-soon) { border-color: var(--btn-fill); background: var(--btn-fill); color: var(--btn-ink); }
.sd-company .sd-entry .sd-pu-hero + .sd-secondary-header-color .sd-pu-ribbon { background: var(--btn-fill); -webkit-backdrop-filter: none; backdrop-filter: none; }
.sd-addons .sd-entry .sd-pu__head > div:first-child .add-on-helper-text.sd-pu-soon-badge { border-color: var(--btn-fill); background: var(--btn-fill); color: var(--btn-ink) !important; }

/* the title over the art sits the same share of the way up the picture at any screen shape (it climbed to mid-picture on wide, short screens) */
@media (min-width: 701px) {
	.sd-company :is(.sd-entry, .sd-entry > :where(.wpb-content-wrapper)) > .sd-pu-hero + .sd-secondary-header-color { margin-top: calc(-1 * clamp(150px, min(15vw, 24vh), 320px)); }
}

/* one column edge for every grid on wide screens (the overview and FAQ ran 2000px wide, the paragraphs stopped at 88rem) */
.sd-company .sd-entry :is(.sd-pu-overview, .sd-pu-faq-grid) { max-width: 88rem; margin-inline: auto; }
.sd-company .sd-entry :is(.sd-pu-chips, .sd-pu-more ul) { max-width: 88rem; }

/* benefit chips: the emoji 10px off its label; five across, three and two on tablets, one per line on phones (it wrapped four and one) */
.sd-company .sd-entry .sd-pu-chips > h4 { flex: 0 1 calc((100% - 4 * 10px) / 5); align-content: center; text-wrap: balance; }
.sd-company .sd-entry .sd-pu-chip-ico { display: inline-block; margin-right: 10px; }

/* a lone paragraph (the Conclusion's) or an odd last one spans the pair, centered */
.sd-company .sd-entry .sd-pu-pair > p:last-child:nth-child(odd) { grid-column: 1 / -1; max-width: 60rem; margin-inline: auto; }
.sd-company .sd-entry .sd-pu-hero ~ .sd-content-journey .sd-row-inner > p { max-width: 60rem; margin-inline: auto; }

/* an FAQ that would leave one card on the last row of three (seven questions) goes four and three, as the feature cards do */
@media (min-width: 1101px) {
	.sd-company .sd-entry .sd-pu-faq-grid:has(> .sd-pu-qa:last-child:nth-child(3n+1)) > .sd-pu-qa { flex-basis: calc((100% - 3 * 14px) / 4); }
}

/* "More Pre-Release Power-Ups": each tile's name and line centered under its art, like everything else on the page */
.sd-company .sd-entry .sd-pu-more__tile { text-align: center; }
.sd-company .sd-entry .sd-pu-more__name { text-wrap: balance; }
.sd-company .sd-entry .sd-pu-nowrap { white-space: nowrap; }

@media (max-width: 1100px) {
	.sd-company .sd-entry .sd-pu-chips > h4 { flex-basis: calc((100% - 2 * 10px) / 3); }
}
@media (max-width: 600px) {
	.sd-company .sd-entry .sd-pu-chips > h4 { flex-basis: 100%; }
}