/* Short role paths, progressive choices and shared illustrated tasks */
.guide-start{padding-block:68px 76px}
.guide-start-layout{display:flex;flex-wrap:wrap;gap:clamp(35px,8vw,128px);align-items:start}
.guide-start-intro{flex:.8 1 15rem;min-inline-size:0}
.guide-start-layout>.guide-role-picker{flex:1.3 1 22rem;min-inline-size:min(100%,22rem)}
.guide-start-intro h2{font-size:var(--companion-type-subheading);line-height:1.17;margin-block:17px 24px;margin-inline:0;letter-spacing:-.045em}
.guide-start-intro>p:not(.eyebrow){font-size:.95rem;color:var(--muted);max-inline-size:295px;line-height:1.7}
.guide-start-intro>p+p{margin-block-start:15px}
.guide-orientation{margin-block-start:40px;padding-block-start:25px;border-block-start:1px solid var(--line);max-inline-size:295px}
.guide-orientation h3{font-size:.95rem;margin-block:0 12px;margin-inline:0}
.guide-orientation a,.guide-edition-note a,.role-back{font-size:.85rem;font-weight:700;color:var(--purple);text-decoration:none}
@media (hover:hover) and (pointer:fine){
.guide-orientation a:hover,.guide-edition-note a:hover,.role-back:hover{text-decoration:underline}}
.guide-role-picker{border-block-start:1px solid var(--line)}
.guide-role-group{border-block-end:1px solid var(--line)}
.guide-role-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;padding-inline:0;color:var(--ink)}
.guide-role-group>summary::-webkit-details-marker,.guide-screen-preview>summary::-webkit-details-marker{display:none}
.guide-role-group summary strong{display:block;font-size:1.03rem;line-height:1.45;font-weight:700}
.guide-role-group summary>span:first-child>span{display:block;color:var(--muted);font-size:.78rem;line-height:1.6;margin-block-start:6px}
@media (hover:hover) and (pointer:fine){
.guide-role-group>summary:hover strong{color:var(--purple)}}
.guide-disclosure-mark{font-size:1.45rem;font-weight:400;color:var(--purple);text-align:center}
.guide-disclosure-mark,.guide-screen-preview>summary span{display:grid;place-items:center;flex:0 0 1.5rem;inline-size:1.5rem;block-size:1.5rem;line-height:1;margin-inline:.375rem}
@media (prefers-reduced-motion:no-preference){
.guide-disclosure-mark{transition:transform .15s}}
.guide-role-group[open] .guide-disclosure-mark{transform:rotate(45deg)}
.guide-role-group[open]>summary{padding-block-end:17px}
.guide-role-links{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none}
.guide-role-group .guide-role-links{padding-block:0 18px;padding-inline:20px 0;border-inline-start:2px solid #dbc9e7;margin-block:0 22px;margin-inline:0}
.guide-role-links li{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}
.guide-role-links a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-block-size:49px;padding-block:10px;padding-inline:0;font-size:.93rem;line-height:1.5;color:var(--purple);text-decoration:none}
@media (hover:hover) and (pointer:fine){
.guide-role-links a:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}}
.guide-role-links a>span:last-child{padding-inline-end:3px;font-size:1.06rem}
.guide-role-group .guide-role-links li+li{border-block-start:1px solid #eae0ef}
.guide-familiar{background:var(--lavender);border-block:1px solid var(--line);padding-block:33px;padding-inline:0}
.guide-familiar-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.guide-familiar-inner>div{flex:1 1 25rem;min-inline-size:0}
.guide-familiar h2{font-size:1.18rem;line-height:1.45;margin-block:0 8px;margin-inline:0}
.guide-familiar p{font-size:.84rem;color:var(--muted)}
.guide-familiar nav{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;flex:0 1 auto;min-inline-size:0}
.guide-familiar nav a{color:var(--purple);text-decoration:none;font-weight:700;font-size:.91rem;white-space:nowrap}
@media (hover:hover) and (pointer:fine){
.guide-familiar nav a:hover{text-decoration:underline}}
.guide-familiar nav a span{margin-inline-start:8px}
.guide-edition-note{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:24px 42px}
.guide-edition-note p,.guide-edition-note a{font-size:.75rem;line-height:1.6}
.guide-edition-note p{color:var(--muted)}
.role-guide{padding-block-start:54px}
.role-guide-layout{display:flex;flex-wrap:wrap;gap:clamp(35px,7vw,110px);align-items:start}
.role-guide-main{flex:1.5 1 28rem;min-inline-size:0}
.role-guide-aside{flex:.8 1 15.3125rem;min-inline-size:0}
.role-guide-main>.eyebrow{margin-block-end:30px}
.role-path{list-style:none;padding-block:0;padding-inline:0;margin-block:0;margin-inline:0;counter-reset:role-steps}
.role-path>li{counter-increment:role-steps;position:relative;padding-block:0 32px;padding-inline:48px 0;margin-block:0 30px;margin-inline:0;border-block-end:1px solid var(--line)}
.role-path>li:before{content:counter(role-steps,decimal-leading-zero);position:absolute;inset-block-start:4px;inset-inline-start:0;color:#9177a4;font-size:.8rem;font-weight:700;letter-spacing:.03em}
.role-path h2{font-size:1.4rem;line-height:1.35;margin-block:0 13px;margin-inline:0;letter-spacing:-.03em}
.role-path p{font-size:.96rem;line-height:1.8;color:var(--muted);margin-block:0;margin-inline:0}
.role-step-link{display:inline-block;margin-block-start:16px;font-size:.83rem;font-weight:700;color:var(--purple);text-decoration:none}
@media (hover:hover) and (pointer:fine){
.role-step-link:hover{text-decoration:underline;text-underline-offset:4px}}
.role-step-link span{margin-inline-start:8px}
.role-guide-aside{padding-block:27px 0;padding-inline:0;border-block-start:3px solid #b78dcc}
.role-guide-aside h2{font-size:1.02rem;line-height:1.45;letter-spacing:-.02em;margin-block:0 20px;margin-inline:0;max-inline-size:230px}
.role-guide-aside ul{list-style:none;padding-block:0;padding-inline:0;margin-block:0;margin-inline:0}
.role-guide-aside li{font-size:.89rem;line-height:1.75;color:var(--muted);padding-block:0 18px;padding-inline:0;margin-block:0 17px;margin-inline:0;border-block-end:1px solid var(--line)}
.role-guide-aside .role-scope{font-size:.75rem;line-height:1.85;color:var(--muted);margin-block:27px;margin-inline:0}
.role-guide-aside .role-back{font-size:.8rem}
.guide-screen-preview{margin-block:5px 32px;margin-inline:0}
.guide-screen-preview>summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:.83rem;font-weight:700;color:var(--purple);padding-block:4px 14px;padding-inline:0}
.guide-screen-preview>summary span{font-size:1.1rem;font-weight:400}
.guide-screen-preview[open]>summary span{transform:rotate(45deg)}
.guide-screen-preview figure{margin-block:0;margin-inline:0;border:1px solid var(--line);background:#faf8fc}
.guide-screen-preview img{display:block;inline-size:100%;block-size:auto}
.guide-screen-preview figcaption{font-size:.72rem;line-height:1.7;padding-block:14px;padding-inline:17px;color:var(--muted);border-block-start:1px solid var(--line)}
.role-takeaway{background:var(--lavender);padding-block:28px;padding-inline:30px;border-inline-start:3px solid #c6a4da}
.role-takeaway h2{font-size:1.17rem;margin-block:0 14px;margin-inline:0;line-height:1.4}
.role-takeaway p{font-size:.94rem;line-height:1.8;color:var(--muted);margin-block:0 22px;margin-inline:0}
.role-takeaway .button{font-size:.82rem}
.guide-compatibility{max-inline-size:760px}
.guide-compatibility>h2{font-size:1.35rem;margin-block:0 27px;margin-inline:0}
.guide-compatibility>.guide-role-links{border-block-start:1px solid var(--line);margin-block-end:32px}
.guide-compatibility .guide-role-links li{border-block-end:1px solid var(--line)}
.guide-compatibility .guide-role-links a{padding-block:20px}
@media(max-width:1000px){.role-path>li{padding-inline-start:36px}.role-path h2{font-size:1.3rem}.role-takeaway{padding-block:25px;padding-inline:25px}}
@media(max-width:700px){.guide-start{padding-block:38px 48px}.guide-start-intro h2{margin-block-end:17px}.guide-start-intro h2 br{display:none}.guide-start-intro>p:not(.eyebrow){max-inline-size:480px}.guide-start-intro>p+p{margin-block-start:6px}.guide-orientation{max-inline-size:none;margin-block-start:24px;padding-block-start:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-orientation h3{font-size:.84rem;margin-block:0;margin-inline:0}.guide-orientation a{font-size:.8rem}.guide-role-group>summary{padding-block:20px}.guide-role-group summary strong{font-size:.98rem}.guide-role-group summary>span:first-child>span{font-size:.76rem}.guide-role-group .guide-role-links{padding-inline-start:16px}.guide-role-links a{font-size:.88rem}.guide-familiar{padding-block:28px;padding-inline:0}.guide-familiar h2{font-size:1.08rem}.guide-familiar nav{gap:28px}.guide-edition-note{display:block;padding-block:23px 30px}.guide-edition-note a{display:inline-block;margin-block-start:11px}.role-guide{padding-block-start:34px}.role-guide-aside{padding-block-start:25px}.role-guide-aside h2{max-inline-size:none;font-size:1.12rem}.role-guide-aside .role-scope{margin-block:23px}.role-path>li{margin-block-end:24px;padding-block-end:25px}.role-path h2{font-size:1.28rem}.role-path p{font-size:.93rem}.role-takeaway{padding-block:23px;padding-inline:23px}.role-takeaway .button{font-size:.78rem}.guide-compatibility>h2{font-size:1.2rem}}
@media print{.guide-start{padding-block:25px}.guide-start-layout,.role-guide-layout{display:block}.guide-start-intro,.role-guide-aside{margin-block-end:25px}.guide-role-group{break-inside:avoid}.guide-role-group>summary{padding-block:12px}.guide-role-links a{font-size:10pt}.guide-familiar,.role-takeaway{background:#f6f6f6}.guide-edition-note{padding-block:18px}.role-path>li{break-inside:avoid;padding-block-end:20px;margin-block-end:20px}.role-path h2{font-size:15pt}.role-path p,.role-takeaway p{font-size:10pt}.role-guide-aside h2{max-inline-size:none}.role-takeaway{padding-block:20px;padding-inline:20px;margin-block-end:30px}.role-takeaway .button{background:transparent;border:0;color:#111;padding-block:0;padding-inline:0;text-align:start}.role-takeaway .button:after{content:' (' attr(href) ')';font-size:8pt;font-weight:400}.guide-screen-preview{display:none}.guide-familiar nav,.guide-edition-note{display:block}.guide-familiar nav a{display:inline-block;margin-inline-end:25px}}

.role-guide-aside .role-print{display:block;margin-block-start:24px}
@media print{.role-guide-aside .role-print{display:none}}