/* Original character artwork; readable HTML labels stay separate from the images. */
.atlas-page .poster-inspired{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px;align-items:center;padding-top:46px;padding-bottom:36px}
.atlas-page .poster-inspired h1{font-size:clamp(34px,3.7vw,52px);line-height:1.2;letter-spacing:-.055em}
.atlas-page .poster-inspired p{font-size:clamp(16px,1.4vw,19px)}
.atlas-hero-art{margin:0;min-width:0;border-radius:28px;overflow:hidden;border:5px solid #fff;box-shadow:0 18px 48px rgba(9,74,126,.16);transform:rotate(1deg)}
.atlas-hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.atlas-page .atlas-purpose{grid-column:1/-1;max-width:none;gap:14px}
.atlas-page .atlas-purpose article{display:grid;grid-template-columns:52px 1fr;column-gap:12px;min-height:0;padding:14px 18px;text-align:left;transform:none}
.atlas-page .atlas-purpose b{grid-row:1/3;margin:0;width:48px;height:48px;font-size:24px}
.atlas-page .atlas-purpose strong{align-self:end;font-size:15px}.atlas-page .atlas-purpose span{align-self:start;font-size:12px}
.atlas-page .atlas-category{padding:0;border:1px solid var(--line);border-bottom:6px solid var(--category);background:#fff;display:flex;flex-direction:column;min-width:0}
.atlas-page .atlas-category:after{display:none}
.category-illustration{margin:0;overflow:hidden;background:var(--category-light);aspect-ratio:1024/683}
.category-illustration img{display:block;width:100%;height:auto;aspect-ratio:1024/683;object-fit:contain;transition:transform .2s ease}
.atlas-category:hover .category-illustration img{transform:scale(1.02)}
.category-caption{padding:18px 20px 20px;position:relative;flex:1;display:flex;flex-direction:column;background:linear-gradient(155deg,#fff,var(--category-light))}
.category-caption .category-card-top{margin-bottom:8px}
.atlas-page .category-caption .category-card-top b{width:44px;height:36px;font-size:18px}
.atlas-page .category-caption .category-card-top span{font-size:26px}
.atlas-page .category-caption>strong{display:block;margin:0;font-size:19px;line-height:1.45;color:var(--navy)}
.atlas-page .category-caption>strong em{font-style:normal;color:#956000}
.atlas-page .category-caption>span{display:block;margin-top:7px;font-size:14px;line-height:1.65;color:#43637d}
.atlas-page .category-caption>small{display:block;padding-top:14px;margin-top:auto;color:var(--category);font-weight:850;font-size:14px}
.career-category-art{margin:0;min-width:0;background:#fff;border-radius:22px;padding:5px;box-shadow:0 16px 42px rgba(8,45,92,.12)}
.career-category-art img{display:block;width:100%;height:auto;aspect-ratio:1024/683;border-radius:17px}
.career-category-art figcaption{font-size:12px;text-align:center;color:#546f89;padding:7px 6px 4px}
.career-detail-page .detail-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}
.career-detail-page .detail-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.2;overflow-wrap:anywhere}
.career-detail-page .official-detail-hero:after{display:none}
#categories,#explore,#guide{scroll-margin-top:95px}
.atlas-page .atlas-search{position:static}
@media(max-width:980px){.atlas-page .poster-inspired{grid-template-columns:1fr}.atlas-page .poster-inspired h1{font-size:clamp(34px,5vw,48px)}.atlas-hero-art{transform:none;max-width:760px}.career-detail-page .detail-hero-grid{grid-template-columns:1fr}.career-category-art{max-width:760px}.atlas-page .atlas-purpose{grid-template-columns:repeat(3,minmax(0,1fr))}.atlas-page .atlas-purpose article{grid-template-columns:1fr;text-align:center}.atlas-page .atlas-purpose b{grid-row:auto;margin:0 auto 8px}.atlas-page .atlas-purpose strong{font-size:14px}}
@media(max-width:650px){.atlas-page .poster-inspired{padding-top:30px;gap:20px}.atlas-page .poster-inspired h1{font-size:clamp(30px,8.3vw,38px)}.atlas-hero-art{border-width:3px;border-radius:20px}.atlas-page .atlas-purpose{grid-template-columns:1fr;gap:8px}.atlas-page .atlas-purpose article{grid-template-columns:44px 1fr;text-align:left;padding:12px}.atlas-page .atlas-purpose b{grid-row:1/3;width:40px;height:40px;margin:0}.atlas-page .category-caption>strong{font-size:20px}.career-detail-page .detail-hero h1{font-size:32px}#categories,#explore,#guide{scroll-margin-top:160px}}
@media(prefers-reduced-motion:reduce){.category-illustration img{transition:none}.atlas-category:hover .category-illustration img{transform:none}}

/* Category 05 square-v2 role artwork. */
.career-category-art.is-square img,.career-category-art img.role-art-square{aspect-ratio:1/1;object-fit:contain}