/* Only loaded on the two discovery landing pages. Native role-page styles do the rest. */
.page-discovery .discovery-content { max-width: 1000px; margin-inline: auto; }
.page-discovery .discovery-content a:not(.btn) { color: #176a59; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.page-discovery .discovery-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 28px; }
.page-discovery .discovery-primary { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 14px 22px; border-radius: 999px; background: #fff; color: #003366; font-weight: 600; text-decoration: none; text-align: center; }
.page-discovery .discovery-primary:hover { background: #f3e8bc; color: #003366; }
.page-discovery .discovery-secondary { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.page-discovery a:focus-visible, .page-discovery summary:focus-visible { outline: 3px solid #bd7915; outline-offset: 5px; }
.page-discovery .role-landing-hero a:focus-visible { outline-color: #fff; }
.page-discovery .discovery-skip { position: fixed; top: 8px; left: 8px; z-index: 10000; transform: translateY(-160%); padding: 12px 20px; background: #fff; color: #003366; }
.page-discovery .discovery-skip:focus { transform: translateY(0); }
.page-discovery .discovery-phone-wrap { margin: 0; text-align: center; }
.page-discovery .discovery-phone { max-width: 265px; margin: auto; border: 8px solid #003366; border-radius: 34px; padding: 28px 16px 22px; background: #f5f7fc; box-shadow: 0 24px 55px rgba(0,0,0,.18); text-align: left; }
.page-discovery .discovery-phone-brand { display: block; color: #003366; font-size: 1.65rem; font-weight: 700; }
.page-discovery .discovery-phone-subtitle { color: #43536a; font-size: .8rem; }
.page-discovery .discovery-phone-search { margin: 18px 0; padding: 12px; border: 1px solid #dfe8f2; border-radius: 999px; color: #43536a; font-size: .72rem; }
.page-discovery .discovery-phone-card { display: grid; gap: 5px; margin-top: 10px; padding: 14px; background: #fff; border: 1px solid #dfe8f2; border-radius: 14px; }
.page-discovery .discovery-phone-card strong { color: #003366; font-size: .88rem; }
.page-discovery .discovery-phone-card span { color: #43536a; font-size: .72rem; }
.page-discovery .discovery-phone-wrap figcaption { max-width: 290px; margin: 16px auto 0; color: #fff; font-size: .72rem; line-height: 1.6; }
@media (max-width: 650px) { .page-discovery .discovery-actions { align-items: stretch; flex-direction: column; } .page-discovery .discovery-secondary { text-align: center; padding: 8px; } }