/* ===================================================== e-PORTAL PAGE (eportal.html) Loads after: styles.css, about.css, esuite.css Use with for safe scoping. ===================================================== */ .bg-wave-bottom { top: 3318px; } .page-eportal .au-diff-card-body { border: none; } /* Layer title spacing (replaces inline margin on Engage / Move / Connect) */ .page-eportal .etk-grid--layers .etk-layer-title { margin-bottom: 10px; } /* Image band inside Engage / Move / Connect cards — was unstyled */ .page-eportal .etk-card-img { padding: 0 clamp(14px, 3vw, 20px); margin: 0 0 10px; } .page-eportal .etk-card-img img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; } .page-eportal .etk-grid--layers .etk-product-title { word-break: break-word; hyphens: auto; } .page-eportal .es-product-footer { padding-left: 20px; padding-right: 20px; } /* “Explore each layer” grid — replaces inline margin-top */ .page-eportal .ep-explore-grid { margin-top: 52px; } /* Challenges / solutions cards: subtitles inside cards */ .page-eportal .audience-card-body > .section-subtitle { font-size: clamp(16px, 2.1vw, 18px); line-height: 1.45; text-align: left; margin-top: 12px; } @media (max-width: 1024px) { .page-eportal .ep-explore-grid { margin-top: 44px; } .page-eportal .platform-heading { text-wrap: balance; } .page-eportal h2.section-heading { text-wrap: balance; } } @media (max-width: 768px) { .page-eportal .ep-explore-grid { margin-top: 36px; } .page-eportal .etk-card-img { padding: 0 16px; } } @media (max-width: 680px) { .page-eportal .etk-grid--layers .etk-product-title { font-size: clamp(16px, 3.8vw, 18px); line-height: 1.35; } } @media (max-width: 480px) { .page-eportal .audience-card-body > .section-subtitle { font-size: 16px; } /*.page-eportal .etk-card .es-feature-list li {*/ /* font-size: 15px;*/ /*}*/ }