/* Prostate awareness page. Kept separate from shared Foundation styling. */
.prostate-health-page section[id] { scroll-margin-top: 150px; }
.prostate-health-page .foundation-section { padding-block: 72px; }
.prostate-health-page .foundation-section__heading { margin-bottom: 30px; }
.prostate-health-page .button { white-space: normal; text-align: center; line-height: 1.4; }
.prostate-health-page a:focus-visible { outline: 3px solid #198283; outline-offset: 5px; }
.prostate-health-page .prostate-hero a:focus-visible,
.prostate-health-page .prostate-donate a:focus-visible { outline-color: #fff; }
.prostate-hero { padding-block: 64px; }
.prostate-hero .foundation-hero__actions { gap: 12px; }
.prostate-health-page .prostate-button-outline { background: transparent; color: #fff; border: 1px solid #b2d4e0; }
.prostate-health-page .prostate-button-outline:hover { background: #214a62; }
.prostate-hero__media { margin: 0; overflow: hidden; border-radius: 5px; background: #fff; }
.prostate-hero__media .foundation-page-hero__image { display: block; height: 375px; border-radius: 0; object-position: center; }
.prostate-hero__media figcaption { padding: 22px 26px; color: #14304a; border-left: 5px solid var(--foundation-teal); }
.prostate-hero__media figcaption strong { display: block; font-size: 1.32rem; }
.prostate-hero__media figcaption span { display: block; font-size: .94rem; margin-top: 5px; }
.prostate-jump-nav { border-bottom: 1px solid #d4e1e7; background: #f3f7fa; }
.prostate-jump-nav .container { display: flex; flex-wrap: wrap; gap: 12px 25px; padding-block: 20px; }
.prostate-jump-nav a { font-size: .91rem; font-weight: 650; color: #174a65; text-decoration: underline; text-underline-offset: 5px; }
.prostate-key-message { background: #edf7f6; border-left: 5px solid #177f80; padding: 30px 34px; }
.prostate-key-message h2 { font-size: clamp(1.75rem, 3vw, 2.45rem); line-height: 1.15; margin: 10px 0 15px; letter-spacing: -.025em; color: #102b43; }
.prostate-key-message p { max-width: 880px; margin: 0; line-height: 1.75; }
.prostate-intro__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 12px; }
.prostate-risk-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .85fr); gap: 65px; align-items: center; }
.prostate-risk-cards { display: grid; gap: 12px; }
.prostate-risk-cards article { display: grid; grid-template-columns: 66px minmax(0,1fr); gap: 20px; padding: 23px; background: #fff; border: 1px solid #d7e5e8; border-radius: 4px; }
.prostate-risk-age { display: flex; justify-content: center; align-items: center; align-self: start; min-height: 64px; color: #143954; background: #e8f3f4; font-size: 1.65rem; font-weight: 750; border-radius: 4px; }
.prostate-risk-cards h3 { margin: 0 0 7px; color: #15344e; font-size: 1.12rem; }
.prostate-risk-cards p { margin: 0; line-height: 1.65; font-size: .97rem; color: #364c5d; }
.prostate-risk-note { font-weight: 600; color: #233f53; line-height: 1.65; margin-block: 22px; }
.prostate-infographic { margin: 0; }
.prostate-infographic img { display: block; width: 100%; height: auto; border: 1px solid #d9e3e8; box-shadow: 0 15px 40px #14395412; background: #fff; }
.prostate-infographic figcaption { font-size: .82rem; line-height: 1.65; margin-top: 15px; color: #385166; }
.prostate-infographic a, .prostate-urgent a, .prostate-information-card p a { text-decoration: underline; text-underline-offset: 3px; }
.prostate-check-steps .foundation-step { padding: 28px 22px; }
.prostate-gp-prompt { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; background: #f0f5f9; border-radius: 4px; padding: 25px 28px; margin-top: 28px; line-height: 1.75; }
.prostate-gp-prompt strong { color: #164763; }
.prostate-gp-prompt p { margin: 0; }
.prostate-symptom-grid, .prostate-support-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.prostate-information-card { background: #fff; border: 1px solid #d9e2e8; border-radius: 4px; padding: 30px 32px; }
.prostate-information-card h3 { margin: 0 0 17px; font-size: 1.3rem; color: #15344e; }
.prostate-information-card ul { padding-left: 20px; margin-bottom: 0; }
.prostate-information-card li { padding-left: 3px; margin: 10px 0; line-height: 1.7; }
.prostate-information-card p { line-height: 1.75; }
.prostate-urgent { margin-top: 25px; }
.prostate-urgent p { line-height: 1.7; }
.prostate-testing-note { margin-top: 15px; }
.prostate-action-note { margin: 27px 0 0; max-width: 920px; line-height: 1.75; color: #344f61; }
.prostate-brochure { display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: 70px; align-items: center; }
.prostate-brochure__cover { display: block; max-width: 300px; margin: auto; transform: rotate(-2deg); box-shadow: 0 18px 40px #0b294322; }
.prostate-brochure__cover img { width: 100%; height: auto; display: block; }
.prostate-brochure h2 { font-size: clamp(1.8rem,3vw,2.75rem); color: #15344e; line-height: 1.13; letter-spacing: -.03em; margin: 12px 0 22px; }
.prostate-brochure p { line-height: 1.75; }
.prostate-resource-actions { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-block: 24px; }
.prostate-text-link { color: #145571; text-decoration: underline; text-underline-offset: 4px; font-weight: 650; }
.prostate-phone { display: inline-block; font-size: clamp(1.4rem,2.4vw,1.9rem); line-height: 1.5; font-weight: 700; color: #155876; margin-top: 4px; }
.prostate-donate { background: #102d46; color: #fff; }
.prostate-donate__inner { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); align-items: center; gap: 65px; }
.prostate-donate .eyebrow { color: #8fe0da; }
.prostate-donate h2 { color: #fff; font-size: clamp(1.8rem,3vw,2.75rem); line-height: 1.13; letter-spacing: -.025em; margin: 12px 0 20px; }
.prostate-donate p { color: #e1eaf0; line-height: 1.75; }
.prostate-donate .prostate-donate__note { font-size: .87rem; color: #c7d8e1; }
.prostate-donate__actions { display: grid; gap: 22px; justify-items: start; }
.prostate-donate__actions>a:not(.button) { color: #fff; text-decoration: underline; text-underline-offset: 4px; line-height: 1.7; }
.prostate-health-page .prostate-references { padding-block: 40px; }
.prostate-references h2 { font-size: 1.15rem; color: #17354b; }
.prostate-references p, .prostate-references ul { font-size: .88rem; line-height: 1.75; color: #425a6a; }
.prostate-references ul { display: flex; gap: 7px 27px; flex-wrap: wrap; list-style: none; padding: 0; margin-block: 20px; }
.prostate-references li a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1000px) {
    .prostate-risk-layout { gap: 30px; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); }
    .prostate-brochure, .prostate-donate__inner { gap: 35px; }
    .prostate-check-steps { grid-template-columns: 1fr 1fr; }
    .prostate-check-steps .foundation-step { border: 1px solid #d9e2e8; }
}
@media (max-width: 760px) {
    .prostate-health-page .foundation-section { padding-block: 45px; }
    .prostate-intro__grid, .prostate-risk-layout, .prostate-symptom-grid, .prostate-support-grid, .prostate-donate__inner { grid-template-columns: 1fr; gap: 26px; }
    .prostate-intro__grid { gap: 0; }
    .prostate-infographic { max-width: 430px; margin-inline: auto; }
    .prostate-brochure { grid-template-columns: 1fr; gap: 36px; }
    .prostate-brochure__cover { max-width: 230px; }
    .prostate-gp-prompt { grid-template-columns: 1fr; gap: 8px; padding: 22px; }
    .prostate-jump-nav .container { gap: 14px 24px; }
    .prostate-hero__media .foundation-page-hero__image { height: auto; aspect-ratio: 16 / 10; }
    .prostate-key-message { padding: 25px; }
    .prostate-information-card { padding: 25px; }
    .prostate-health-page section[id] { scroll-margin-top: 100px; }
}
@media (max-width: 440px) {
    .prostate-check-steps { grid-template-columns: 1fr; }
    .prostate-risk-cards article { padding: 20px 16px; gap: 14px; grid-template-columns: 55px minmax(0,1fr); }
    .prostate-risk-age { min-height: 55px; font-size: 1.4rem; }
    .prostate-hero__media figcaption { padding: 20px; }
}