.sample-notice{background:#e7f1f8;color:#174767;text-align:center;padding:8px 20px;font-size:12px;font-weight:800;letter-spacing:.08em}.sample-notice span{margin-left:14px;font-weight:400;letter-spacing:0}.sus-brand{width:270px;height:84px;overflow:hidden;position:relative}.sus-brand img{position:absolute;width:282px;height:auto;max-width:none;left:-7px;top:-34px}.header-main{min-height:100px}.rich-footer{margin-top:24px;padding:0;background:#fff;color:#253d50}.rich-footer a:focus-visible,.rich-footer summary:focus-visible,.sus-brand:focus-visible{outline:3px solid #ef7418;outline-offset:4px}.footer-back{background:#e7edf1;text-align:center}.footer-back a{display:block;padding:13px;font-size:14px;font-weight:700}.sus-story{background:linear-gradient(115deg,#082f51,#125c88);color:#fff;padding:48px 0}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.footer-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;color:#2674a8}.story-copy .footer-eyebrow{color:#9bd7f6}.story-copy h2{font-size:clamp(25px,3vw,40px);line-height:1.5;margin:14px 0 20px;letter-spacing:.04em}.story-copy p{font-size:16px;color:#d4e5f0;max-width:430px}.story-link{display:flex;justify-content:space-between;max-width:320px;border-bottom:1px solid #77a6c4;padding:15px 0;margin-top:20px;font-weight:700}.concept-art{position:relative;display:block;line-height:0;box-shadow:0 14px 35px #001a2f55;border:1px solid #ffffff40}.concept-art img{display:block;width:100%;height:auto}.concept-art>span{position:absolute;bottom:12px;right:12px;background:#fff;color:#153d61;padding:10px 14px;line-height:1.5;font-size:12px}.footer-directory{padding-top:40px;padding-bottom:36px}.directory-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.directory-title h2{font-size:24px;margin:6px 0}.sample-pill{font-size:12px;border:1px solid #bdcdd9;padding:5px 12px;white-space:nowrap;border-radius:3px}.footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.3fr;gap:25px}.footer-columns h3{font-size:15px;margin:0 0 17px;color:#173d5a}.footer-columns section>a:not(.btn){display:block;font-size:14px;padding:6px 0;color:#526677}.footer-columns a:hover,.footer-guides summary:hover{color:#076ab1;text-decoration:underline}.footer-consult{padding:20px;background:#edf5fa;border-top:3px solid #0c66a4}.footer-consult h3{font-size:19px;margin:10px 0}.footer-consult p{font-size:14px}.footer-consult .btn{padding:10px;width:100%;font-size:14px}.footer-consult small{display:block;font-size:12px;line-height:1.7;color:#5c7080;margin-top:12px}.footer-guides{border-top:1px solid #dbe1e5;margin-top:32px;padding-top:25px}.footer-guides h2{font-size:18px;margin:0 0 16px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}.guide-grid details{border-bottom:1px solid #dbe1e5;scroll-margin-top:24px}.guide-grid summary{cursor:pointer;font-size:14px;font-weight:700;padding:15px 0}.guide-grid p{font-size:14px;line-height:1.9;color:#526677;margin:0 0 18px}.character-detail{margin-top:28px;background:#f4f7f9;border:1px solid #dae3e9;scroll-margin-top:24px}.character-detail>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-weight:700}.character-detail small{font-size:13px;font-weight:400;color:#5a6d7c;margin-left:20px}.character-detail>div{padding:0 24px 24px}.character-detail p{font-size:14px}.character-detail img{display:block;width:100%;max-width:1050px;height:auto;margin:auto}.footer-signoff{background:#18374f;color:#fff;padding:28px 0}.footer-signoff .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-signoff strong{font-size:25px;letter-spacing:.1em}.footer-signoff p{font-size:13px;margin:4px 0;color:#c4d4df}.footer-signoff small{font-size:12px;line-height:1.8;color:#c4d4df;text-align:right}@media(max-width:1100px){.footer-columns{grid-template-columns:repeat(4,1fr)}.footer-consult{grid-column:1/-1}.footer-consult .btn{max-width:300px}.story-grid{gap:28px}.sus-brand{width:220px}.sus-brand img{width:234px;top:-22px}}@media(max-width:720px){.sample-notice{font-size:11px;padding:8px 12px}.sample-notice span{display:block;margin:2px 0 0}.header-main{min-height:0}.sus-brand{width:210px;height:62px}.sus-brand img{width:220px;top:-26px;left:-5px}.sus-story{padding:30px 0}.story-grid{grid-template-columns:1fr;gap:24px}.story-copy h2{font-size:28px}.story-copy p{max-width:none}.concept-art{max-width:550px}.directory-title{align-items:flex-start;flex-direction:column;gap:8px}.directory-title h2{font-size:21px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.guide-grid{grid-template-columns:1fr}.character-detail small{display:block;margin:5px 0 0}.footer-signoff .wrap{display:block}.footer-signoff small{display:block;text-align:left;margin-top:20px}.footer-directory{padding-top:28px}.footer-columns h3{font-size:14px}.character-detail>summary{padding:16px}.character-detail>div{padding:0 12px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
