/* Site Card 09: Graphite Onboarding, editorial registration steps. */
.ci09-steps,.ci09-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.ci09-steps{counter-reset:ci09;padding:0!important;list-style:none!important}
.ci09-steps>li{min-width:0;padding:20px!important;margin:0!important;border:1px solid #302B31;border-radius:12px;background:#E57A2C;color:#302B31;list-style:none!important;overflow-wrap:anywhere}
.ci09-steps>li::before{counter-increment:ci09;content:counter(ci09);display:block;background:#FFFFFF;color:#302B31;border-radius:50%;width:32px;line-height:32px;text-align:center;font-weight:700;margin-bottom:12px}
.ci09-steps p{margin:12px 0 0}.ci09-steps strong{font-size:1.1em}
.ci09-login{margin-top:24px;padding:20px;background:#FFFFFF;border:1px solid #302B31;border-radius:12px}.ci09-login h3{margin-top:0}
.ci09-guides a{display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px;border:1px solid #302B31;border-top:4px solid #E57A2C;border-radius:12px;background:#FFFFFF;color:#302B31;text-decoration:none!important;overflow-wrap:anywhere}
.ci09-guides a:hover,.ci09-guides a:focus-visible{outline:2px solid #086E4A;outline-offset:2px}.component:has(.ci09-guides){display:block!important}
.generated-section-image img.generated-section-image__asset,.component-card__media img.generated-section-image__asset{height:auto;max-height:var(--media-container-height,320px);aspect-ratio:auto 16/9;object-fit:contain}
@media(min-width:1100px){.library-review-sidebar.library-review-sidebar--flow{position:sticky;top:var(--library-review-sticky-top,110px);align-self:start}}
@media(max-width:700px){.ci09-steps,.ci09-guides{grid-template-columns:minmax(0,1fr)}.ci09-steps>li,.ci09-guides a{padding:16px!important}}