/* Mosaic approved change 1: compact only the three commercial product hero introductions. */
.hero.product-hero-compact{padding-top:27px;padding-bottom:33px}
.hero.product-hero-compact h1{font-size:clamp(27px,3vw,41px);line-height:1.16;margin:8px 0 9px;max-width:1050px}
.hero.product-hero-compact .subtitle{font-size:clamp(14px,1.2vw,16px);line-height:1.49;margin:6px 0 12px;max-width:1000px}
.hero.product-hero-compact .status{margin-bottom:10px}
.hero.product-hero-compact .product-grid{margin-top:11px}
/* The same requested compaction applies to the homepage introduction before the three-book cover. */
.hero--planet h1{font-size:clamp(34px,4.1vw,54px);line-height:1.1;margin:7px auto 8px}
.hero--planet .subtitle{font-size:clamp(14px,1.25vw,17px);line-height:1.4;margin:7px auto}
.hero--planet .collection-stage{margin-top:19px}
@media(max-width:480px){.hero--planet h1{font-size:clamp(30px,8vw,37px);line-height:1.14}.hero--planet .collection-stage{margin-top:12px}}
/* Mosaic approved change 4: justified body paragraphs, not headings, buttons or navigation. */
main :is(.prose p,.contents p,.card p,.hero .subtitle,.hero .lead,.mosaic-portfolio-focus p){text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word}
main :is(.caption,.price-label,.purchase-explain,.eyebrow,.mini){text-align:left}
/* Mosaic approved change 5: the sample download sits directly above purchase/request action. */
.mosaic-sample-download{width:100%;margin:0 0 13px}
.mosaic-sample-download .mosaic-download-btn{display:block;width:100%;padding:13px 17px;text-align:center;font-weight:750;border-radius:11px;line-height:1.35}
.mosaic-sample-download .mosaic-download-btn:disabled{background:#133147;border-color:#326b8c;color:#c5dce8;opacity:1;cursor:not-allowed}
.mosaic-sample-download a.mosaic-download-btn{background:#0c3850;color:#d6faff}
.mosaic-portfolio-focus{margin:20px 0 22px;padding:18px 20px;border-left:3px solid #1bc9ff;background:#0b2538;border-radius:10px}
.mosaic-portfolio-focus h3{margin:0 0 9px;font-size:21px}
.mosaic-portfolio-focus p{margin:8px 0}
@media(max-width:850px){.hero.product-hero-compact{padding-top:20px;padding-bottom:24px}.hero.product-hero-compact h1{font-size:clamp(27px,6vw,35px)}.hero.product-hero-compact .subtitle{font-size:14px;line-height:1.45}.mosaic-portfolio-focus{padding:13px 15px}}
@media(max-width:480px){.hero.product-hero-compact{padding-top:13px;padding-bottom:20px}.hero.product-hero-compact h1{font-size:27px;line-height:1.14}.hero.product-hero-compact .subtitle{line-height:1.43}}