/* Full-width role headings and readable copy share the card with a contained portrait. */
.onekids-home .roles-section{background:#ffffff}
.onekids-home .roles-section .native-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:0}
.onekids-home .roles-section .native-role-card{--ok-play-tint:#0ea5e9;--ok-card-tone:color-mix(in srgb,var(--card-accent,#0866ed) 40%,var(--ok-play-tint));--role-portrait-width:120px;--role-portrait-gap:16px;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:0;padding:24px 22px 0;min-height:0;max-width:none;width:100%;border:1.5px solid color-mix(in srgb,var(--ok-card-tone) 16%,#e4effc);border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,color-mix(in srgb,var(--ok-card-tone) 7%,#ffffff) 100%);box-shadow:0 10px 26px -6px rgba(16,59,118,0.05);overflow:hidden}
.onekids-home .roles-section .native-role-card:nth-child(4n+2){--ok-play-tint:#f59e0b}
.onekids-home .roles-section .native-role-card:nth-child(4n+3){--ok-play-tint:#10b981}
.onekids-home .roles-section .native-role-card:nth-child(4n+4){--ok-play-tint:#f43f5e}
.onekids-home .roles-section .role-copy{grid-column:1;grid-row:1;position:relative;align-self:stretch;display:flex;flex-direction:column;min-width:0;padding:0 0 20px;text-align:left}
.onekids-home .roles-section .role-heading{display:flex;align-items:center;gap:11px;width:100%;min-width:0;min-height:0;margin:0 0 12px}
.onekids-home .roles-section .role-icon{position:static;flex:0 0 42px;width:42px;height:42px;margin:0;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--ok-card-tone) 18%,#fff),color-mix(in srgb,var(--ok-card-tone) 8%,#fffdf5));border:1.5px solid #fff;box-shadow:0 6px 14px -3px color-mix(in srgb,var(--ok-card-tone) 24%,transparent)}
.onekids-home .roles-section .native-role-card:nth-child(even) .role-icon{border-radius:14px}
.onekids-home .roles-section .role-icon .native-icon{width:21px;height:21px}
.onekids-home .roles-section .role-copy h3{min-width:0;min-height:0;font-size:21px;line-height:1.4;margin:0;letter-spacing:-.035em;color:#113868;overflow-wrap:anywhere}
.onekids-home .roles-section .role-copy p{width:calc(100% - var(--role-portrait-width) - var(--role-portrait-gap));min-height:calc(var(--role-portrait-width)*1.6 - 62px);font-size:14px;line-height:1.8;white-space:pre-line;margin:0 0 14px;color:#4a627d;overflow-wrap:anywhere}
.onekids-home .roles-section .role-action{display:inline-flex;align-items:center;margin-top:auto;align-self:flex-start;max-width:calc(100% - var(--role-portrait-width) - var(--role-portrait-gap));min-height:36px;padding:6px 16px;border-radius:999px;background:#ffffff;border:1.5px solid color-mix(in srgb,var(--ok-card-tone) 28%,#dce8f8);color:color-mix(in srgb,var(--ok-card-tone) 88%,#0b3b78);font-size:13px;font-weight:700;line-height:1.5;gap:8px;box-shadow:0 3px 8px rgba(16,59,118,0.04);transition:background .2s,color .2s,transform .2s,box-shadow .2s,border-color .2s}
.onekids-home .roles-section .role-action .native-icon{transition:transform .2s}
.onekids-home .roles-section .role-action:hover{background:var(--ok-card-tone);border-color:var(--ok-card-tone);color:#fff;text-decoration:none;box-shadow:0 6px 16px color-mix(in srgb,var(--ok-card-tone) 32%,transparent)}
.onekids-home .roles-section .role-action:hover .native-icon{transform:translateX(3px)}
.onekids-home .roles-section .role-portrait{grid-column:auto;grid-row:auto;position:absolute;right:20px;bottom:0;top:auto;align-self:end;justify-self:end;width:var(--role-portrait-width);max-width:none;border-radius:16px 16px 0 0;background:transparent;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
.onekids-home .roles-section .role-portrait:not([data-image-mode='portrait-crop']){aspect-ratio:2/3!important}
.onekids-home .roles-section .role-portrait[data-image-mode='contain']>img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.onekids-home .roles-section .role-portrait[data-image-mode='portrait-crop']{aspect-ratio:.66836!important;background:#fff}
.onekids-home .roles-section [data-pbd-key='home.roles_intro.items.2'] .role-portrait[data-image-mode='portrait-crop']{aspect-ratio:.62456!important}
.onekids-home .roles-section [data-pbd-key='home.roles_intro.items.3'] .role-portrait[data-image-mode='portrait-crop']{aspect-ratio:.62607!important}
.onekids-home .consultation-person img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}
@media(min-width:1500px){.onekids-home .roles-section .native-role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.onekids-home .roles-section .native-role-card{--role-portrait-width:100px;--role-portrait-gap:13px;padding:19px 18px 0}.onekids-home .roles-section .role-copy h3{font-size:19px}.onekids-home .roles-section .role-copy p{font-size:13.5px}.onekids-home .roles-section .role-portrait{right:18px}}
@media(max-width:999px){.onekids-home .roles-section .native-role-card{--role-portrait-width:96px;--role-portrait-gap:13px;padding:19px 18px 0}.onekids-home .roles-section .role-copy h3{font-size:20px}.onekids-home .roles-section .role-copy p{font-size:13.5px}.onekids-home .roles-section .role-portrait{right:18px}}
@media(max-width:600px){.onekids-home .roles-section .native-role-grid{grid-template-columns:minmax(0,1fr);gap:17px}.onekids-home .roles-section .native-role-card{max-width:500px;margin-inline:auto;border-radius:22px}.onekids-home .roles-section .role-copy h3{font-size:20px}}
@media(max-width:360px){.onekids-home .roles-section .native-role-card{--role-portrait-width:80px;--role-portrait-gap:12px;padding-inline:16px}.onekids-home .roles-section .role-heading{gap:8px}.onekids-home .roles-section .role-copy h3{font-size:18px}.onekids-home .roles-section .role-icon{width:31px;height:31px;flex-basis:31px}.onekids-home .roles-section .role-portrait{right:16px}}
.onekids-home .roles-section[data-ok-layout='compact'] .native-role-card{--role-portrait-width:90px;padding-top:16px}
.onekids-home .roles-section[data-ok-layout='compact'] .role-copy{padding-bottom:16px}
.onekids-home .roles-section[data-ok-layout='compact'] .role-copy p{font-size:13px;line-height:1.75}
@media(max-width:360px){.onekids-home .roles-section[data-ok-layout='compact'] .native-role-card{--role-portrait-width:80px}}
@media(prefers-reduced-motion:reduce){.onekids-home .roles-section .role-action,.onekids-home .roles-section .role-action .native-icon{transition:none!important}.onekids-home .roles-section .role-action:hover .native-icon{transform:none}}
@media print{.onekids-home .roles-section .native-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.onekids-home .roles-section .native-role-card{break-inside:avoid;box-shadow:none}}