/* ============================================================================
   Polish fixes, theme 0.20.3 (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 (Mike, 2026-10-12): everything centered, the container opened up to 2000px with the
   wide parts laid out as grids so lines stay readable, a shorter hero, and the page title laid over the art. Scoped to
   pages that carry the hero row, so no other company page changes. */
.sd-company .sd-entry:has(.sd-pu-hero) { --sd-max: 2000px; --sd-read: 60rem; }
/* the company layout sets body copy left with !important (its D3 rule, attribute-specific): the :not(#id) lifts this above it */
.sd-company .sd-entry:has(.sd-pu-hero) :is(h1, h2, h3, h4, h5, h6, p, li, .sd-fnt-06, .sd-fnt-07):not(#sd-pu-none) { text-align: center !important; }
.sd-company .sd-entry:has(.sd-pu-hero) .wp-block-group__inner-container > :is(h1, h2, h3) { max-width: 60rem; }

/* the hero: a little shorter (2.4:1, at most about two thirds of the screen) */
.sd-company .sd-entry .sd-pu-hero img { aspect-ratio: 12 / 5; max-height: 66vh; }
.sd-company :is(.sd-entry, .sd-entry > :where(.wpb-content-wrapper)) > .sd-pu-hero::after { height: 62%; background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bg) 70%, transparent) 55%, var(--bg)); }

/* the title over the art: the band slides up onto the hero's dark lower edge; the name set big, as WORLDs does */
.sd-company :is(.sd-entry, .sd-entry > :where(.wpb-content-wrapper)) > .sd-pu-hero + .sd-secondary-header-color { position: relative; z-index: 1; margin-top: calc(-1 * clamp(150px, 15vw, 320px)); padding-top: 0; background: transparent; }
.sd-company :is(.sd-entry, .sd-entry > :where(.wpb-content-wrapper)) > .sd-pu-hero + .sd-secondary-header-color .wp-block-group__inner-container { background: none; }
.sd-company :is(.sd-entry, .sd-entry > :where(.wpb-content-wrapper)) > .sd-pu-hero + .sd-secondary-header-color h1 { max-width: 18ch; font-size: clamp(2.6rem, 1.4rem + 5vw, 7rem); line-height: .98; text-wrap: balance; text-shadow: 0 2px 28px color-mix(in srgb, var(--bg) 85%, transparent), 0 1px 2px color-mix(in srgb, var(--bg) 60%, transparent); }
.sd-company .sd-entry .sd-pu-hero + .sd-secondary-header-color .sd-pu-ribbon { background: color-mix(in srgb, var(--bg) 55%, transparent); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* "Features that Every Business Needs": the seven as cards across */
.sd-company .sd-entry .sd-pu-overview { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: none; margin: 32px 0 0; }
.sd-company .sd-entry .sd-pu-ov { flex: 0 1 calc((100% - 3 * 14px) / 4); padding: 22px 20px; border: 1px solid var(--line); background: var(--panel); }
.sd-company .sd-entry .sd-pu-ov > h4 { margin: 0 0 6px !important; }
.sd-company .sd-entry .sd-pu-ov > p { margin: 0; max-width: none; color: var(--mute); }

/* each section: the five quick benefits as a row of chips, the two example paragraphs side by side */
.sd-company .sd-entry .sd-pu-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 72rem; margin: 22px auto 26px; }
.sd-company .sd-entry .sd-pu-chips > h4 { margin: 0 !important; padding: 9px 14px; border: 1px solid var(--line-2); background: color-mix(in srgb, var(--bg) 82%, transparent); font-size: 15px; }
.sd-company .sd-entry .sd-pu-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 48px; max-width: 88rem; margin: 0 auto; }
.sd-company .sd-entry .sd-pu-pair > p { max-width: none; margin: 0; }

/* the FAQ in columns */
.sd-company .sd-entry .sd-pu-faq-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; max-width: none; margin: 28px 0 0; }
.sd-company .sd-entry .sd-pu-qa { flex: 0 1 calc((100% - 2 * 14px) / 3); padding: 22px 22px 18px; border: 1px solid var(--line); background: var(--panel); }
.sd-company .sd-entry .sd-pu-faq .sd-pu-qa > :is(h3, p) { max-width: none; margin: 0 0 8px; }
.sd-company .sd-entry .sd-pu-faq .sd-pu-qa > h3 { margin-top: 0; }

@media (max-width: 1100px) {
	.sd-company .sd-entry .sd-pu-ov, .sd-company .sd-entry .sd-pu-qa { flex-basis: calc((100% - 14px) / 2); }
}
@media (max-width: 900px) {
	.sd-company .sd-entry .sd-pu-pair { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
	.sd-company .sd-entry .sd-pu-ov, .sd-company .sd-entry .sd-pu-qa { flex-basis: 100%; }
}
@media (max-width: 700px) {
	.sd-company .sd-entry .sd-pu-hero img { aspect-ratio: 16 / 10; max-height: none; }
	.sd-company :is(.sd-entry, .sd-entry > :where(.wpb-content-wrapper)) > .sd-pu-hero + .sd-secondary-header-color { margin-top: -96px; }
}