@layer legacy {
/* Start Here role-path component owner — V3.4.5.6.161 */
:root{--start-role-ink:#2b1712;--start-role-muted:#66564d;--start-role-line:#d8c2a6;--start-role-card:#fffdf9;--start-role-accent:#873f2d;--start-role-accent-dark:#6f3023;--start-role-focus:#17324d;}
#choose-role{background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(250,247,240,.92));}
#choose-role .book-first-wrap{max-width:1180px;}
#choose-role .book-first-intro{max-width:760px;margin-bottom:0;}

.role-first-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:205px;padding:1.15rem 1.15rem 1.05rem;border:1px solid var(--start-role-line);border-radius:var(--kecb-radius-card);background:var(--start-role-card);color:var(--start-role-ink);text-decoration:none;box-shadow:var(--kecb-shadow-card);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
.role-first-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:var(--kecb-radius-card) 0 0 var(--kecb-radius-card);background:var(--start-role-accent);opacity:.82;}
.role-first-card strong{display:block;margin:0;padding-left:.15rem;font:700 clamp(1.18rem,1.8vw,1.42rem)/1.12 Georgia,"Times New Roman",serif;color:var(--start-role-ink);}
.role-first-card span{display:block;flex:1;margin:.6rem 0 .95rem;padding-left:.15rem;color:var(--start-role-muted);font-size:max(var(--kecb-type-meta), 1rem);line-height:1.55;overflow-wrap:anywhere;}
.role-first-card small{display:inline-flex;align-items:center;align-self:flex-start;min-height:40px;margin-left:.15rem;padding:.48rem .65rem;border:1px solid rgba(135,63,45,.28);border-radius:var(--kecb-radius-pill);background:#fff7ec;color:var(--start-role-accent-dark);font-size:max(var(--kecb-type-meta), max(14px,.82rem));font-weight:900;line-height:1.15;}
.role-first-card:hover{transform:translateY(-2px);border-color:#b68664;box-shadow:var(--kecb-shadow-card);}
.role-first-card:hover small{background:#f8e8d6;border-color:#b68664;}
.role-first-card:focus-visible{outline:3px solid var(--start-role-focus);outline-offset:3px;box-shadow:0 0 0 5px #fff,0 13px 30px rgba(43,23,18,.14);}
.role-first-card:active{transform:translateY(0);}
@media(max-width:960px){.role-first-card{min-height:190px;}}
@media(max-width:620px){#choose-role .book-first-wrap{width:min(94vw,1180px);}.role-first-card{min-height:0;padding:1rem;border-radius:var(--kecb-radius-card);}.role-first-card::before{border-radius:var(--kecb-radius-card) 0 0 var(--kecb-radius-card);}.role-first-card strong{font-size:max(var(--kecb-type-meta), 1.2rem);}.role-first-card span{margin:.45rem 0 .72rem;}.role-first-card small{min-height:42px;}}
@media(prefers-reduced-motion:reduce){.role-first-card{transition:none;}.role-first-card:hover{transform:none;}}
@media print{.role-first-card{min-height:0;box-shadow:var(--kecb-shadow-none);break-inside:avoid;}.role-first-card small{border:0;padding:0;background:transparent;}}

/* Deploy 35: scan grouping without additional interaction */

.role-path-group{padding:1.1rem;border:1px solid rgba(216,194,166,.78);border-radius:var(--kecb-radius-card);background:rgba(255,255,255,.5);}






@media(max-width:960px){}
@media(max-width:620px){.role-path-group{padding:.8rem;border-radius:var(--kecb-radius-card);}}
}