/* One shared illustration stage, with the original numbered editorial list. */
.principle-layout{grid-template-columns:42% 58%;gap:0}.principle-intro{padding-right:65px}.principle-display{margin-top:35px;background:#102438;border:1px solid #cad5df;position:relative;overflow:hidden}.principle-display>img{width:100%;height:300px;object-fit:contain;display:block}.principle-display[data-mode=detail]{background:#e8eef2}.principle-display figcaption{display:flex;justify-content:space-between;gap:18px;padding:15px 18px;color:#F5F7FA;border-top:1px solid #ffffff20;font-size:0.75rem;line-height:1.5}.principle-display[data-mode=detail] figcaption{color:#102438;border-color:#cad5df}.principle-caption{font-weight:500}.principle-display figcaption>span:last-child{white-space:nowrap;font-size:0.6875rem}.principle-choice{width:100%;background:transparent;border:0;border-top:1px solid #cad5df;display:flex;align-items:center;gap:25px;padding:23px 16px 23px 0;min-height:70px;text-align:left;color:#102438;cursor:pointer;font:inherit;transition:background-color 180ms ease}.principle-list .principle-number{font-size:0.875rem;color:#1C759A;flex:0 0 25px}.principle-list .principle-heading{color:#102438;padding:0;font-size:1.4375rem;font-weight:500;line-height:1.35;letter-spacing:-.5px}.principle-choice:hover,.principle-choice:focus-visible,.principle-choice[aria-pressed=true]{background:#94c9a926}.principle-choice:focus-visible{outline:2px solid #1C759A;outline-offset:4px}.principle-list{align-self:start}
@media(max-width:1100px){.principle-intro{padding-right:40px}.principle-display>img{height:255px}.principle-list .principle-heading{font-size:1.3125rem}.principle-display figcaption{flex-direction:column;gap:5px}}
@media(max-width:800px){.principle-layout{grid-template-columns:1fr 1fr;gap:25px}.principle-intro{padding:0}.principle-display>img{height:230px}.principle-choice{gap:14px;padding:20px 8px 20px 0}.principle-list .principle-heading{font-size:1.1875rem}}
@media(max-width:540px){.principle-layout{grid-template-columns:1fr;gap:28px}.principle-display{margin-top:25px}.principle-display>img{height:265px}.principle-display figcaption{flex-direction:row}.principle-list .principle-heading{font-size:1.25rem}.principle-choice{padding:21px 8px 21px 0;gap:18px}.principle-list .principle-number{font-size:0.75rem}}
@media(prefers-reduced-motion:reduce){.principle-choice{transition:none}}