.role-preparation { --role-ink: #0e1e37; --role-blue: #146af5; color: #3d4f69; margin: 1rem auto 3rem; max-width: 1120px; }
.role-preparation, .role-preparation * { box-sizing: border-box; }
.role-preparation h1, .role-preparation h2 { color: var(--role-ink); line-height: 1.2; }
.role-preparation h1 { font-size: clamp(2rem, 4vw, 3rem); margin: .5rem 0; overflow-wrap: anywhere; }
.role-preparation h2 { font-size: 1.35rem; margin: .5rem 0 .8rem; }
.role-preparation p, .role-preparation li { line-height: 1.65; }
.role-preparation a { color: #0957d8; text-underline-offset: .2em; }
.role-preparation a:focus-visible { outline: 3px solid var(--role-blue); outline-offset: 4px; border-radius: 4px; }
.role-back-link { display: inline-block; margin-bottom: 1.5rem; }
.role-preparation-eyebrow { color: #0957d8; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.role-preparation-company { color: var(--role-ink); font-weight: 600; }
.role-preparation-header { max-width: 800px; }
.role-checklist { background: #f6f9ff; border: 1px solid #dbe5f2; border-radius: 12px; margin: 2rem 0; padding: 1.4rem 1.6rem; }
.role-checklist ul { margin-bottom: 0; padding-left: 1.2rem; }
.role-checklist li + li { margin-top: .4rem; }
.role-preparation-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.role-resource-card { border: 1px solid #dbe5f2; border-radius: 12px; display: flex; flex-direction: column; min-width: 0; padding: 1.4rem; }
.role-resource-number { align-items: center; background: #eef5ff; border-radius: 50%; color: #0957d8; display: inline-flex; font-size: .9rem; font-weight: 700; height: 2rem; justify-content: center; margin-bottom: .7rem; width: 2rem; }
.role-resource-card blockquote { border-left: 3px solid #dbe5f2; color: var(--role-ink); font-size: .98rem; line-height: 1.55; margin: .7rem 0 1.3rem; overflow-wrap: anywhere; padding-left: .8rem; }
.role-resource-card > a { font-weight: 600; margin-top: auto; padding-top: .8rem; }
.role-premium-card { align-items: center; background: #eef5ff; border-radius: 12px; display: flex; gap: 2rem; justify-content: space-between; margin-top: 1.5rem; padding: 1.6rem; }
.role-premium-card > div { max-width: 650px; }
.role-premium-card p { margin-bottom: 0; }
.role-premium-card nav { display: flex; flex: 0 0 auto; flex-direction: column; gap: 1rem; text-align: center; }
.role-preparation .role-primary-link { background: #146af5; border-radius: 7px; color: #fff; font-weight: 600; padding: .8rem 1rem; text-decoration: none; }
.role-secondary-link { font-weight: 600; }
@media (max-width: 800px) { .role-preparation-grid { grid-template-columns: 1fr; } .role-premium-card { align-items: stretch; flex-direction: column; gap: 1.4rem; } .role-preparation { margin-top: .5rem; } .role-checklist, .role-resource-card, .role-premium-card { padding: 1.1rem; } }