#member-development{font-size:18px;line-height:1.55}
.development-member-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.development-member-heading h1{margin:8px 0 20px}
.development-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin:24px 0}
.development-member-grid>div{background:var(--panel,#153746);border:1px solid var(--line,#517484);border-radius:14px;padding:20px;min-width:0}
.development-member-grid span{display:block;font-size:16px;margin-bottom:9px}
.development-member-grid strong{display:block;font-size:25px;overflow-wrap:anywhere}
#member-development progress{display:block;width:100%;height:22px;accent-color:#18b992;margin:24px 0}
#member-development [role=status]{font-weight:600}

/* Light mode needs light card surfaces and explicit readable text. */
html[data-pino-appearance="light"] #member-development .development-member-grid>div{background:#fff;border-color:#b7ccdc;color:#142d43}
html[data-pino-appearance="light"] #member-development .development-member-grid span{color:#456176}
html[data-pino-appearance="light"] #member-development .development-member-grid strong{color:#142d43}

/* Emphasize the total collected without changing any calculation. */
#member-development .development-member-grid>.development-collected-highlight{background:#594717;border-color:#c9a347;color:#fff8df;display:flex;flex-direction:column}
#member-development .development-collected-highlight strong{font-size:37.5px;text-align:center;line-height:1.2;margin-top:auto;color:#fff8df}
html[data-pino-appearance="light"] #member-development .development-member-grid>.development-collected-highlight{background:#fff0ba;border-color:#b48b28;color:#142d43}
html[data-pino-appearance="light"] #member-development .development-collected-highlight span{color:#594312}
html[data-pino-appearance="light"] #member-development .development-collected-highlight strong{color:#142d43}


/* PdS identity beside the personal results name; visual-only preview for Pino. */
.results-pds-heading{display:flex;align-items:center;flex-wrap:wrap;column-gap:clamp(32px,4vw,72px);row-gap:12px}
.results-pds-heading>h1{margin-block:0}
.results-pds-badge{display:inline-flex;align-items:center;gap:16px;max-width:100%;padding:6px 0;flex:0 1 auto}
.results-pds-badge[hidden]{display:none}
.results-pds-badge img{display:block;width:84px;height:84px;object-fit:contain;flex:0 0 84px;filter:drop-shadow(0 2px 9px rgba(232,184,56,.24))}
.results-pds-label{max-width:290px;font-size:20px;font-weight:750;line-height:1.4;color:#f5d56a;text-wrap:balance;letter-spacing:.015em}
.pds-badge-intro img{animation:pds-emblem-intro 1.4s ease-in-out 3}
@keyframes pds-emblem-intro{0%,100%{opacity:1}50%{opacity:.25}}
html[data-pino-appearance="light"] .results-pds-label{color:#805600}
@media(max-width:650px){.results-pds-heading{column-gap:24px}.results-pds-badge{gap:12px}.results-pds-badge img{width:66px;height:66px;flex-basis:66px}.results-pds-label{font-size:17px;max-width:240px}}
@media(prefers-reduced-motion:reduce){.pds-badge-intro img{animation:none}}

/* L&P companion mark: personal graphic for Pino only. */
.results-lp-logo{display:block;width:90px;height:90px;object-fit:contain;flex:0 0 90px;filter:drop-shadow(0 2px 8px rgba(232,184,56,.2))}
@media(max-width:650px){.results-lp-logo{width:70px;height:70px;flex-basis:70px}}


/* Equal flexible gaps: PdS block | L&P | read-only label. */
.title-row:has(.results-program-marks){display:block}
.results-program-marks{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1 1 700px;min-width:min(100%,700px)}
.results-program-marks .results-pds-badge{flex:0 0 auto}
.results-program-marks .results-lp-logo{margin:0;transform:translateX(-28px)}
.results-program-marks .readonly{margin:0;flex:0 0 auto;white-space:nowrap}
@media(max-width:750px){.results-program-marks{flex-wrap:wrap;min-width:0;flex-basis:100%;row-gap:18px}.results-program-marks .results-pds-badge{flex:0 1 auto}}

@media(max-width:750px){.results-program-marks .results-lp-logo{transform:none}}