/* Artwork sits beside real text at its complete intrinsic ratio. Never crop a subject. */
.portal-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:center;gap:24px;min-width:0;padding:22px 26px;margin:0 0 24px;border:1px solid #dce6f2;border-radius:12px;background:#f3f7fd;color:#132b49}
.portal-scene picture{display:block;min-width:0;width:100%;max-width:220px;aspect-ratio:4/3;justify-self:end}
.portal-scene img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.portal-scene-copy{min-width:0;max-width:74ch;text-wrap:pretty;overflow-wrap:anywhere}
.portal-scene-copy small{font-size:10px;font-weight:750;letter-spacing:.12em;display:block;margin-bottom:7px;color:#0056d6}
.portal-scene-copy .portal-scene-title{font-size:clamp(1.35rem,2vw,1.85rem);letter-spacing:-.025em;line-height:1.2;margin:0 0 9px;font-weight:750;color:#132b49}
.portal-scene-copy p{font-size:13px;line-height:1.6;margin:0;color:#405974}
.portal-scene[data-art=false]{grid-template-columns:minmax(0,1fr);padding:17px 24px}
.portal-scene[data-art=false] .portal-scene-title{font-size:22px}
.portal-feature-links{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.portal-feature-links a{padding:9px 13px;border:1px solid #d5e2f3;border-radius:9px;text-decoration:none;background:#fff;color:#174b83;font-size:12px;font-weight:650;min-height:44px;display:inline-flex;align-items:center}
.portal-feature-links a:hover{border-color:#0056d6;background:#edf4ff}
.welcome-panel .account-illustration{display:block;width:min(100%,240px);max-width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:12px;margin:0 0 22px}
/* Keep the employee's next action prominent without clipping the welcome image or copy. */
body[data-portal-page=learning] .portal-scene[data-guided=true]{grid-template-columns:minmax(0,1fr) 100px;gap:18px;padding:15px 22px;margin-bottom:18px}
body[data-portal-page=learning] .portal-scene[data-guided=true] .portal-scene-title{font-size:20px;margin-bottom:5px}
body[data-portal-page=learning] .portal-scene[data-guided=true] .portal-scene-copy>p:last-child{font-size:12px}
body[data-portal-page=learning] .portal-scene[data-guided=true] .portal-scene-copy small{font-size:9px;margin-bottom:5px}
@media(max-width:700px){
  .portal-scene{grid-template-columns:minmax(0,1fr) 128px;gap:16px;padding:19px 20px;margin-bottom:20px}
  .portal-scene-copy .portal-scene-title{font-size:1.3rem}
  .portal-scene-copy p{font-size:12px}
  .portal-scene[data-art=false]{padding:16px 20px}
  .portal-scene[data-art=false] .portal-scene-title{font-size:20px}
  .welcome-panel .account-illustration{width:min(100%,200px)}
  .portal-feature-links a{flex:1 1 40%;font-size:12px}
  body[data-portal-page=learning] .portal-scene[data-guided=true]{grid-template-columns:minmax(0,1fr) 80px;gap:12px;padding:14px 17px}
  body[data-portal-page=learning] .portal-scene[data-guided=true] .portal-scene-title{font-size:17px}
  body[data-portal-page=learning] .portal-scene[data-guided=true] .portal-scene-copy>p:last-child{font-size:11px}
}
@media(max-width:420px){.portal-scene{grid-template-columns:minmax(0,1fr) 96px;gap:12px;padding:17px}.portal-scene-copy small{font-size:9px;letter-spacing:.08em}}
@media print{.portal-scene,.portal-feature-links,.account-illustration{display:none!important}}