:root{--v36-forest:#0b3b32;--v36-forest-deep:#062b25;--v36-cream:#fff8e7;--v36-paper:#f3dfb0;--v36-gold:#e8c45e;--v36-coral:#a95339;--v36-ink:#18372f}

.welcome-backdrop{position:absolute;z-index:69;inset:0;background:linear-gradient(135deg,#082c27d9,#1e110bd1);backdrop-filter:blur(4px)}
.welcome-backdrop[hidden]{display:none}
.welcome-card-v36{position:absolute!important;z-index:70;top:12px!important;bottom:12px;left:50%;display:grid;width:min(880px,calc(100vw - 28px))!important;max-height:none!important;grid-template-rows:auto auto minmax(0,1fr) auto;padding:0!important;border-radius:10px!important;overflow:hidden!important;transform:translateX(-50%);backdrop-filter:none!important}
.welcome-card-v36[hidden]{display:none!important}
.welcome-intro-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid #a77c3e;background:linear-gradient(135deg,#64371f,#3c2117);color:#fff0c8}
.welcome-intro-header>div{display:grid;gap:3px}.welcome-intro-header .welcome-kicker{color:#f2b168;font-size:9px}.welcome-intro-header strong{font:900 18px/1.1 Georgia,serif}
.welcome-card-v36 .welcome-close{position:static;display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid #d1aa50;border-radius:5px;background:#123f35;color:#fff0c8;font-size:24px}
.welcome-card-v36 .welcome-close:hover,.welcome-card-v36 .welcome-close:focus-visible{background:#a95339;outline:3px solid #f0cf7666;outline-offset:2px}

.welcome-progress{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;border-bottom:1px solid #b28f52;background:#ead39f;list-style:none}
.welcome-progress li{min-width:0}.welcome-progress button{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:8px;padding:7px 10px;border:0;border-right:1px solid #b28f52;background:transparent;color:#6b5941;cursor:pointer}
.welcome-progress li:last-child button{border-right:0}.welcome-progress button>span{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border:1px solid #8f754b;border-radius:50%;background:#fff8e8;font:900 10px/1 system-ui,sans-serif}.welcome-progress button>strong{font:900 12px/1.2 Georgia,serif}
.welcome-progress button[aria-current="step"]{background:#fff4d6;color:var(--v36-forest);box-shadow:inset 0 -4px 0 var(--v36-coral)}.welcome-progress button[aria-current="step"]>span{border-color:var(--v36-forest);background:var(--v36-forest);color:#fff3cf}
.welcome-progress button:hover,.welcome-progress button:focus-visible{background:#fff1cc;outline:3px solid #9f4f3655;outline-offset:-3px}

.welcome-step-viewport{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:25px 28px 28px;background:linear-gradient(145deg,#fff9e9,#eed8a7);scrollbar-color:#b48b43 #f5e5bf;scrollbar-width:thin}
.welcome-step[hidden]{display:none!important}.welcome-step{max-width:800px;margin:0 auto}.welcome-step-kicker{display:block;color:var(--v36-coral);font:950 10px/1.25 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.welcome-card-v36 .welcome-step h2{margin:6px 0 10px!important;color:var(--v36-forest-deep)!important;font:900 clamp(30px,4vw,47px)/1.02 Georgia,serif!important}.welcome-card-v36 .welcome-step h2:focus{outline:none}
.welcome-card-v36 .welcome-lede{max-width:760px!important;margin:0!important;color:#3d5148!important;font-size:15px!important;line-height:1.58!important}

.welcome-tree-example{display:grid;grid-template-columns:minmax(155px,1fr) 42px minmax(250px,1.45fr) 42px minmax(155px,1fr);align-items:center;gap:3px;margin:22px 0;padding:20px;border:1px solid #a5864f;border-radius:8px;background:linear-gradient(#d7dfcb,#c7d1bd);box-shadow:inset 0 0 0 3px #fff8df88}
.welcome-tree-example i{position:relative;display:block;height:2px;background:#a95339}.welcome-tree-example i::after{position:absolute;right:-1px;top:-4px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #a95339;content:''}
.welcome-example-generation,.welcome-example-branches>div{padding:13px;border:2px solid #a67f3c;border-radius:6px;background:#fff5d8;color:var(--v36-ink);box-shadow:inset 0 0 0 2px #fff,0 5px 10px #2b3b2e22;text-align:center}.welcome-example-generation span,.welcome-example-branches span{display:block;color:#9e4d35;font:900 8px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.welcome-example-generation strong,.welcome-example-branches strong{display:block;margin-top:4px;font:900 15px/1.15 Georgia,serif}.welcome-example-generation small{display:block;margin-top:4px;color:#5b685f;font-size:10px;line-height:1.35}
.welcome-example-branches{display:grid;gap:8px}.welcome-example-branches>div{border-color:#3f6b5d}.welcome-example-generation.is-later{border-color:#a95339}
.welcome-glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0}.welcome-glossary>div{padding:12px;border-left:4px solid var(--v36-forest);background:#fff8e8}.welcome-glossary>div:nth-child(2){border-color:var(--v36-coral)}.welcome-glossary>div:nth-child(3){border-color:#b48b35}.welcome-glossary dt{color:var(--v36-forest);font:900 16px Georgia,serif}.welcome-glossary dd{margin:4px 0 0;color:#4e5c54;font-size:12px;line-height:1.45}

.welcome-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.welcome-method-grid article{display:flex;min-width:0;gap:11px;padding:14px;border:1px solid #a88650;border-radius:7px;background:#fff8e8}.welcome-method-grid article>span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:50%;background:var(--v36-forest);color:#fff1c7;font:900 9px system-ui,sans-serif}.welcome-method-grid article:nth-child(2n)>span{background:var(--v36-coral)}.welcome-method-grid h3{margin:0;color:var(--v36-forest);font:900 16px/1.2 Georgia,serif}.welcome-method-grid p{margin:5px 0 0;color:#4c5a52;font-size:12px;line-height:1.48}
.welcome-method-note{display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px;padding:13px 15px;border:1px solid #a95339;border-left-width:5px;background:#f5dfb7;color:#4c463b}.welcome-method-note strong{color:#7f402e;font:900 14px Georgia,serif}.welcome-method-note span{font-size:12px;line-height:1.48}
.welcome-methodology{min-height:42px;margin-top:13px;padding:0 14px;border:1px solid #8d6c3c;border-radius:5px;background:#123f35;color:#fff1ca;font-size:12px;font-weight:900;cursor:pointer}.welcome-methodology:hover,.welcome-methodology:focus-visible{background:#a95339;outline:3px solid #a9533944;outline-offset:2px}

.welcome-card-v36 .welcome-reading-guide{margin:19px 0}.welcome-card-v36 .welcome-step>h3{margin:18px 0 0;color:var(--v36-forest);font:900 17px Georgia,serif}.welcome-card-v36 .welcome-choices{margin-top:9px}.welcome-card-v36 .welcome-actions{margin-top:11px}
.welcome-step-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-top:1px solid #9b783f;background:#f2dfb4}.welcome-step-navigation>div{display:flex;gap:8px}.welcome-step-navigation button{min-height:42px;padding:0 14px;border:1px solid #8c6b3e;border-radius:5px;background:#fff8e8;color:#26483e;font-size:11px;font-weight:900;cursor:pointer}.welcome-step-navigation button:hover,.welcome-step-navigation button:focus-visible{border-color:#a95339;background:#fff0cb;outline:3px solid #a953393d;outline-offset:2px}.welcome-step-navigation button:disabled{opacity:.45;cursor:not-allowed}.welcome-step-navigation .welcome-next{min-width:205px;border-color:#123f35;background:#123f35;color:#fff2cd}.welcome-step-navigation .welcome-next:hover,.welcome-step-navigation .welcome-next:focus-visible{background:#1f5b4d}

@media(max-width:760px){
  .welcome-card-v36{top:0!important;right:0;bottom:0;left:0;width:100%!important;border-width:0!important;border-radius:0!important;transform:none}
  .welcome-intro-header{padding:11px 12px}.welcome-intro-header strong{font-size:15px}.welcome-intro-header .welcome-kicker{font-size:7.5px}
  .welcome-progress button{min-height:44px;padding:6px}.welcome-progress button>strong{font-size:10px}
  .welcome-step-viewport{padding:19px 16px 23px}.welcome-card-v36 .welcome-step h2{font-size:31px!important}.welcome-card-v36 .welcome-lede{font-size:14px!important}
  .welcome-tree-example{grid-template-columns:1fr;margin:17px 0;padding:13px}.welcome-tree-example i{width:2px;height:24px;justify-self:center}.welcome-tree-example i::after{right:-4px;top:auto;bottom:-1px;border-top:8px solid #a95339;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}
  .welcome-glossary,.welcome-method-grid{grid-template-columns:1fr}.welcome-method-note{grid-template-columns:1fr;gap:5px}
  .welcome-card-v36 .welcome-reading-guide{grid-template-columns:1fr}.welcome-card-v36 .welcome-choices{grid-template-columns:1fr 1fr}
  .welcome-step-navigation{padding:9px}.welcome-step-navigation button{padding-inline:10px}.welcome-step-navigation .welcome-next{min-width:0}
}
@media(max-width:430px){.welcome-progress button>strong{display:none}.welcome-progress button{min-height:40px}.welcome-step-navigation>#welcomeSkip{font-size:0}.welcome-step-navigation>#welcomeSkip::after{font-size:11px;content:'Skip'}.welcome-card-v36 .welcome-choices{grid-template-columns:1fr}.welcome-card-v36 .welcome-actions{display:grid}.welcome-step-navigation .welcome-next{max-width:190px}}
@media(prefers-reduced-motion:reduce){.welcome-card-v36 *{scroll-behavior:auto!important}}