/* Professional Development presentation only; shared page/data logic is unchanged. */
body:has(#learnerView:not(.hidden) .learner-professional-passport-overview) .app-shell {
  --shell-pad:clamp(16px,2.5vw,44px);
  --portal-header-inline:max(var(--shell-pad),calc((100vw - 1800px)/2 + var(--shell-pad)));
  width:min(100%,1800px);max-width:1800px;padding:var(--shell-pad);
}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-overview {
  width:100%;max-width:none;padding:24px 0 48px;gap:32px;
}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-topline {gap:24px;align-items:center;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-topline h2 {font-size:clamp(2rem,2.8vw,3.25rem);line-height:1.12;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-topline > div {min-width:0;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-summary {
  grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);
  padding:clamp(20px,2vw,32px);gap:clamp(22px,2vw,32px);align-items:stretch;
}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-feature {min-height:420px;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-feature img {position:absolute;inset:0;height:100%;min-height:0;object-fit:cover;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-summary-content {gap:20px;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-score {padding:clamp(22px,2vw,32px);gap:14px;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-score strong {font-size:clamp(2rem,3vw,3.5rem);line-height:1.1;max-width:22ch;color:#8ce4b1;text-wrap:balance;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-score p {max-width:65ch;line-height:1.6;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-summary-grid article {min-width:0;padding:20px;min-height:130px;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-summary-grid strong {font-size:clamp(1.1rem,1.4vw,1.4rem);line-height:1.3;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-overview :is(h2,h3,h4,strong,span,p,em,dd) {overflow-wrap:anywhere;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-card {min-width:0;}
:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-actions .primary-action:focus-visible {outline:3px solid #98721e;outline-offset:4px;}
@media(min-width:1400px) {
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-summary-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:1050px) {
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-summary {grid-template-columns:1fr;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-feature {min-height:0;aspect-ratio:16/9;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px) {
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-overview {padding-top:16px;gap:24px;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-topline {grid-template-columns:1fr;gap:18px;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-actions {justify-content:flex-start;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-actions .primary-action {width:100%;min-height:48px;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-summary {padding:14px;gap:20px;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-feature {aspect-ratio:4/3;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-feature figcaption {inset:auto 12px 12px;padding:10px 12px;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-summary-grid,
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-grid {grid-template-columns:minmax(0,1fr);}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-score {padding:20px;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-score strong {font-size:2rem;}
  :is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-section-head {align-items:flex-start;flex-direction:column;gap:12px;}
}

:is(#learnerPortalContent, .parent-learner-mirror) .learner-professional-passport-topline .eyebrow {color:#816020;}