/* Scoped RDP components extend the existing website and shop design. */
.assessment-intro,.rdp-public-portfolio .rdp-portfolio-intro{background:#f4f9fa;color:#123b4e;padding:clamp(2.5rem,5vw,4.5rem) 0}
.rdp-assessment-page main .container{width:min(1360px,calc(100% - 40px));margin-inline:auto}
.assessment-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:2.5rem;align-items:start}
.assessment-hero h1{font-size:clamp(2rem,3.1vw,3rem);line-height:1.14;overflow-wrap:anywhere;margin:.5rem 0 1rem}
.assessment-question{font-size:1.2rem;font-weight:700}.assessment-approved-short{color:#405b70}
.assessment-hero-image img{width:100%;height:auto;object-fit:contain;border-radius:12px}.assessment-breadcrumb{font-size:.88rem;margin-bottom:1.6rem}
.assessment-offer{border-top:1px solid #d0dae2;padding-top:1rem;margin-top:1.5rem}.assessment-price{font-size:1.65rem;font-weight:800;margin:0 0 .5rem}
.assessment-purchase-status[disabled]{opacity:1;cursor:default;background:#405b70;color:#fff;border-color:#405b70;box-shadow:none}
.assessment-sample-actions{display:flex;flex-wrap:wrap;gap:.8rem 1.3rem;margin-top:1.2rem}.assessment-sample-actions small{flex-basis:100%;color:#405b70}
.assessment-section{padding-block:clamp(2rem,4vw,3rem)}.assessment-section:nth-child(even){background:#f6f8f8}.assessment-section>.container>p,.assessment-section>.container>ol{max-width:88ch}
.assessment-section li{margin:.7rem 0}.assessment-section details{border:1px solid #d0dae2;padding:1rem;border-radius:8px;background:white;margin:.7rem 0}.assessment-section summary{cursor:pointer;font-weight:700}
.assessment-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.assessment-benefit{background:#fff;border:1px solid #d0dae2;border-radius:10px;padding:1rem 1.3rem}
.assessment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.assessment-card{display:flex!important;flex-direction:column;color:#123b4e;background:white;border:1px solid #d0dae2;border-radius:12px;overflow:hidden;padding:0!important;min-width:0;height:100%;text-decoration:none!important}
.assessment-card *{text-decoration:none!important}.assessment-card:hover{border-color:#405b70;box-shadow:0 8px 22px #123b4e12}.assessment-card:focus-visible{outline:3px solid #207897;outline-offset:4px}
.assessment-card img{display:block;width:100%;height:auto;object-fit:contain}.assessment-card-body{padding:1.2rem;display:flex;flex:1;flex-direction:column}.assessment-card h3{font-size:1.2rem;line-height:1.3;margin:0 0 .7rem;overflow-wrap:anywhere}.assessment-card p{font-size:.95rem;line-height:1.6}
.assessment-card-foot{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-top:auto;padding-top:1rem}
.assessment-related{grid-template-columns:repeat(2,minmax(0,1fr));max-width:950px}.assessment-discovery{padding-block:2rem}
.rdp-public-portfolio .assessment-card{max-width:none}.rdp-public-portfolio .rdp-portfolio-intro h1{max-width:1050px}.rdp-public-portfolio .rdp-portfolio-intro .eyebrow{color:#207897}
.rdp-public-portfolio .page-hero__panel{background:white;color:#123b4e;border:1px solid #d0dae2}.rdp-public-portfolio .page-hero__panel a{color:#207897}
@media(max-width:1050px){.assessment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-hero{grid-template-columns:1fr}.assessment-hero-image{max-width:780px}.assessment-benefits{grid-template-columns:1fr}}
@media(max-width:650px){.assessment-grid,.assessment-related{grid-template-columns:1fr}.assessment-hero{gap:1.5rem}.assessment-card-body{padding:1rem}.rdp-assessment-page main .container{width:calc(100% - 32px)}}

/* Light portfolio contents must not inherit the dark page-hero panel colors. */
.rdp-public-portfolio .rdp-portfolio-intro{padding-top:calc(clamp(2.5rem,5vw,4.5rem) + 73px)}
.assessment-portfolio-header{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:2rem;align-items:start}
.assessment-contents{padding:1.4rem;background:#fff;color:#123b4e;border:1px solid #d0dae2;border-radius:12px}
.assessment-contents h2{color:#123b4e;font-size:1.3rem;margin:0 0 .8rem}
.assessment-contents ul{list-style:none;margin:0;padding:0}.assessment-contents li{margin:0}
.assessment-contents a{display:block;color:#207897;padding:.7rem 0;border-bottom:1px solid #d0dae2}
@media(max-width:1050px){.assessment-hero{gap:1rem}.assessment-hero>div:first-child{display:contents}.assessment-hero-image{grid-row:4}.assessment-portfolio-header{grid-template-columns:1fr}.assessment-contents{max-width:700px}}