/* ===================================================== e-RADIO PAGE (eradio.html) Loads after: styles.css, about.css, esuite.css Use with . ===================================================== */ /* Hero — teal accent tracking (was inline letter-spacing) */ .au-actions { justify-content: center; } .bg-wave-bottom { top: 4788px; } .page-eradio .eradio-hero-accent { letter-spacing: -0.06em; } .page-eradio .au-hero-text .au-subtitle { max-width: 38rem; } /* Hero "Your radio" sample player — sits under the text in the left column, left-aligned and a little smaller so it fits neatly beneath the copy. */ .page-eradio .eradio-hero-actions { justify-content: flex-start; padding-top: 0; margin-top: 28px; } .page-eradio .eradio-hero-actions .eradio-sample { max-width: 365px; width: 100%; margin-top: 0; } .page-eradio .eradio-hero-actions .eradio-sample__text { padding: 16px 26px; } .page-eradio .eradio-hero-actions .eradio-sample__line1 { font-size: 23px; } .page-eradio .eradio-hero-actions .eradio-sample__line2 { font-size: 15px; } .page-eradio .eradio-hero-actions .eradio-sample__toggle { width: 104px; height: 104px; } .page-eradio .eradio-hero-actions .eradio-sample__icon { font-size: 36px; } .big-img { min-height: 600px; } .small-img { min-height: 315px; } .etk-grid--layers .etk-card { padding-top: 0px !important; } @media (max-width: 1024px) { .page-eradio .au-hero-text .au-subtitle { max-width: 100%; } .page-eradio .au-h1.section-heading { text-wrap: balance; } .page-eradio .platform-heading { text-wrap: balance; } .page-eradio h2.section-heading.text-center { text-wrap: balance; } .page-eradio .au-two-col .section-heading { text-wrap: balance; } } /* Platform heading — teal phrase tracking */ .page-eradio .platform-heading .text-teal { letter-spacing: -0.04em; } /* “What is inside” — 4 cards; override esuite 3-col .etk-grid--layers */ .page-eradio .etk-grid.etk-grid--layers.etk-grid--toolkit-four { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2vw, 22px); } @media (max-width: 1200px) { .page-eradio .etk-grid.etk-grid--layers.etk-grid--toolkit-four { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .page-eradio .etk-grid.etk-grid--layers.etk-grid--toolkit-four { grid-template-columns: 1fr; } } .page-eradio .etk-card .etk-title, .page-eradio .etk-card .etk-desc { word-break: break-word; hyphens: auto; } /* e-Portal integration block — same pattern as e-Toolkit innovation */ .page-eradio .etk-innovation-intro { margin-top: 16px; margin-bottom: 0; } .page-eradio .etk-innovation-list { margin-top: 20px; } /* Explore row */ .page-eradio .ep-explore-grid { margin-top: 52px; } @media (max-width: 1024px) { .page-eradio .ep-explore-grid { margin-top: 44px; } } @media (max-width: 768px) { .page-eradio .ep-explore-grid { margin-top: 36px; } .page-eradio .eradio-hero-actions{ justify-content:center; } } /* Key outcomes / problem cards — comfortable bullets on narrow screens */ @media (max-width: 480px) { .page-eradio .problem-section .problem-card-body-content p { font-size: 16px; line-height: 1.5; } .page-eradio .etk-card .es-feature-list li { font-size: 15px; } .page-eradio .etk-card .etk-title { font-size: clamp(17px, 4.2vw, 22px); } .page-eradio .au-two-col .au-bullet-list { margin-left: 0; margin-right: 0; } } /* Sample pill: avoid horizontal scroll in hero */ @media (max-width: 380px) { .page-eradio .eradio-sample { max-width: 100%; } } /* The previous .au-bullet-list--tick variant has been folded into the global .au-bullet-list rule (about.css), so every list across the site now uses the white-circle + azure-tick marker by default. No e-Radio override required. */