.hc-how-page #hc-how{--hw-line:color-mix(in srgb,var(--xp-ink) 20%,var(--xp-canvas));--hw-soft:color-mix(in srgb,var(--xp-primary) 7%,var(--xp-canvas));color:var(--xp-ink);font:14px/1.7 'Segoe UI',Arial,sans-serif;overflow:hidden}.hw-wrap{width:calc(100% - 104px);max-width:1280px;margin-inline:auto}.hc-how-page #hc-how *{box-sizing:border-box}.hc-how-page #hc-how :is(h1,h2,h3,h4){color:var(--xp-ink);font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0;letter-spacing:-.04em}.hc-how-page #hc-how p{color:var(--xp-ink)}.hw-kicker{display:flex;align-items:center;gap:14px;font:600 10px/1.6 'Segoe UI',sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 22px}.hw-kicker:before{content:'';width:28px;height:1px;background:currentColor;flex:none}.hw-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center;padding-top:62px;padding-bottom:78px}.hc-how-page #hc-how h1{font-size:clamp(52px,6.3vw,88px);line-height:1.02;max-width:700px}.hw-hero h1 em{color:var(--xp-accent);font-weight:400}.hw-lead{max-width:490px;font-size:15px;line-height:1.85;margin:26px 0 32px}.hw-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px}.hw-button{display:inline-flex;align-items:center;gap:24px;padding:14px 20px;border:1px solid var(--xp-primary);background:var(--xp-primary);color:var(--xp-on-primary)!important;border-radius:4px;text-decoration:none;font-size:12px;line-height:1.5}.hw-button span{font-size:20px}.hw-text-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;color:var(--xp-ink);border-bottom:1px solid var(--hw-line);text-decoration:none;padding:10px 0}.hw-hero-photo{position:relative;margin:0;isolation:isolate}.hw-hero-photo img{display:block;width:100%;height:480px;object-fit:cover;object-position:58% 40%;border-radius:180px 180px 6px 6px;filter:saturate(.85)}.hw-hero-photo:before{content:'';position:absolute;inset:18px -15px -16px 18px;border:1px solid var(--hw-line);border-radius:180px 180px 6px 6px;z-index:-1}.hw-hero-photo figcaption{position:absolute;bottom:23px;inset-inline-start:-35px;background:var(--xp-canvas);border:1px solid var(--hw-line);padding:18px 24px;max-width:290px;font:25px/1.15 Georgia,serif;box-shadow:0 10px 30px #142d2615;display:flex;gap:20px;align-items:center}.hw-hero-photo figcaption span{font-size:32px;color:var(--xp-accent)}.hw-photo-line{position:absolute;top:28px;inset-inline-start:-28px;height:80px;border-inline-start:1px solid var(--xp-accent)}.hw-route{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--hw-line);border-bottom:1px solid var(--hw-line);margin-bottom:100px}.hw-route a{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:25px 20px 25px 0;text-decoration:none;color:var(--xp-ink);border-inline-end:1px solid var(--hw-line);padding-inline-start:19px;position:relative}.hw-route a:first-child{padding-inline-start:0}.hw-route a:last-child{border:0}.hw-route span{font:26px/1 Georgia,serif;color:var(--xp-accent)}.hw-route strong{font-size:11px;font-weight:500;line-height:1.6;max-width:125px}.hw-route b{position:absolute;bottom:14px;inset-inline-end:12px;font-weight:400;font-size:15px}.hw-route a:hover{background:var(--hw-soft)}.hw-workflow{scroll-margin-top:35px;margin-bottom:100px}.hw-section-head{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end;margin-bottom:34px}.hc-how-page #hc-how h2{font-size:clamp(36px,4.2vw,57px);line-height:1.1;max-width:650px}.hw-section-head>p{font-size:13px;margin:0;line-height:1.85}.hw-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 24px}.hw-setting{display:flex;border:1px solid var(--hw-line);padding:4px;gap:4px;border-radius:6px}.hw-setting button{display:flex;flex-direction:column;gap:2px;min-width:175px;padding:12px 17px;border:0;background:transparent;color:var(--xp-ink);text-align:start;cursor:pointer;border-radius:3px}.hw-setting b{font-size:13px;font-weight:650}.hw-setting span{font-size:10px;line-height:1.4}.hw-setting button[aria-pressed=true]{background:var(--xp-primary);color:var(--xp-on-primary)}.hw-play{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--xp-ink);font:12px 'Segoe UI',sans-serif;cursor:pointer}.hw-play>span:first-child{width:35px;height:35px;border:1px solid var(--hw-line);border-radius:50%;display:grid;place-items:center;font-size:10px;flex:none}.hw-workbench{display:grid;grid-template-columns:230px 1fr;border:1px solid var(--hw-line);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px color-mix(in srgb,var(--xp-ink) 6%,transparent);background:var(--hw-soft)}.hw-step-rail{padding:24px 22px;border-inline-end:1px solid var(--hw-line);display:flex;flex-direction:column;justify-content:space-between;gap:13px}.hw-step-rail button{position:relative;display:grid;grid-template-columns:31px 1fr;gap:12px;align-items:center;text-align:start;border:0;background:none;padding:15px 0;cursor:pointer;color:var(--xp-ink);min-height:62px}.hw-step-rail span{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--hw-line);border-radius:50%;font:12px Georgia,serif}.hw-step-rail strong{font:500 11px/1.6 'Segoe UI',sans-serif;max-width:125px}.hw-step-rail button:after{position:absolute;content:'';top:53px;bottom:-26px;inset-inline-start:15px;border-inline-start:1px solid var(--hw-line)}.hw-step-rail button:last-child:after{display:none}.hw-step-rail button.is-current span{background:var(--xp-primary);border-color:var(--xp-primary);color:var(--xp-on-primary)}.hw-step-rail button.is-current strong{font-weight:700}.hw-step-rail button.is-past span{border-color:var(--xp-primary)}.hw-workspace{min-width:0;background:var(--xp-canvas)}.hw-workspace-top{display:flex;align-items:center;gap:9px;padding:17px 24px;border-bottom:1px solid var(--hw-line);font-size:10px;line-height:1.5}.hw-workspace-top>span:last-child{margin-inline-start:auto;white-space:nowrap}.hw-status-dot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--xp-primary)}.hw-perspectives{display:flex;gap:4px;padding:18px 25px 0;flex-wrap:wrap}.hw-perspectives button{padding:8px 12px;border:1px solid transparent;background:transparent;color:var(--xp-ink);border-radius:20px;cursor:pointer;font:10px/1.5 'Segoe UI',sans-serif}.hw-perspectives button[aria-pressed=true]{background:var(--hw-soft);border-color:var(--hw-line)}.hw-current{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:32px 30px 34px;align-items:center;min-height:363px}.hw-current .hw-kicker{font-size:8px;margin-bottom:16px}.hc-how-page #hc-how h3{font-size:35px;line-height:1.08;max-width:330px}.hw-current-copy>p:last-child{font-size:12px;line-height:1.9;margin:20px 0 0}.hw-record{padding:22px;background:color-mix(in srgb,var(--xp-canvas) 94%,var(--xp-primary));border:1px solid var(--hw-line);border-radius:3px;min-height:248px;box-shadow:9px 9px 0 color-mix(in srgb,var(--xp-primary) 5%,var(--xp-canvas)),9px 9px 0 1px var(--hw-line);rotate:-1deg}.hw-record-head{display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--hw-line);padding-bottom:15px;color:var(--xp-primary);font-size:8px;letter-spacing:.05em;line-height:1.5}.hw-record-head svg{fill:none;stroke:currentColor;stroke-width:1.1;flex:none}.hw-record-head b{margin-inline-start:auto;font:20px Georgia,serif}.hc-how-page #hc-how h4{font-size:24px;line-height:1.15;margin:18px 0}.hw-record-row{display:flex;align-items:center;gap:10px;font-size:10px;padding:8px 0}.hw-record-row i{font-style:normal;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--xp-primary);color:var(--xp-on-primary);flex:none}.hw-record-row.is-held i{background:var(--xp-accent);color:var(--xp-canvas)}.hw-record-row b{font-weight:400;font-size:8px;margin-inline-start:auto;opacity:.65}.hw-report-inspect{margin-top:14px;border-top:1px solid var(--hw-line);padding-top:10px;font-size:10px}.hw-report-inspect summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none}.hw-report-inspect p{font-size:10px;line-height:1.8;margin-bottom:0}.hw-workspace-foot{display:flex;gap:8px;align-items:center;padding:16px 26px;border-top:1px solid var(--hw-line)}.hw-progress{flex:1;height:2px;background:var(--hw-line);margin-inline-end:20px}.hw-progress i{display:block;width:20%;height:100%;background:var(--xp-accent)}.hw-workspace-foot button{display:flex;align-items:center;gap:20px;background:transparent;color:var(--xp-ink);border:1px solid var(--hw-line);border-radius:4px;min-height:37px;padding:7px 12px;cursor:pointer;font:11px/1.5 'Segoe UI',sans-serif}.hw-workspace-foot button:disabled{opacity:.35;cursor:default}.hw-record-purpose{font-size:11px;text-align:center;padding:20px 0 0;margin:0;opacity:.8}.hw-foundations{display:grid;grid-template-columns:.8fr 1fr;gap:120px;margin-bottom:105px}.hw-foundations>div>p:not(.hw-kicker){font-size:13px;line-height:1.85;max-width:390px;margin-top:23px}.hw-details{border-top:1px solid var(--hw-line)}.hw-details details{border-bottom:1px solid var(--hw-line)}.hw-details summary{display:flex;gap:20px;align-items:baseline;padding:24px 0;list-style:none;cursor:pointer}.hw-details summary::-webkit-details-marker,.hw-report-inspect summary::-webkit-details-marker{display:none}.hw-details summary>span{font:23px Georgia,serif;color:var(--xp-accent)}.hw-details summary strong{font:24px/1.25 Georgia,serif;font-weight:400;letter-spacing:-.5px}.hw-details summary b{margin-inline-start:auto;font-weight:400;font-size:20px}.hw-details[open] summary b,.hw-details details[open] summary b{rotate:45deg}.hw-details details>p{font-size:12px;line-height:1.9;margin:0 25px 26px 43px}.hw-closing{padding:60px 65px;background:var(--hw-soft);border:1px solid var(--hw-line);margin-bottom:80px;position:relative}.hw-closing:after{content:'↗';position:absolute;inset-inline-end:55px;top:48px;font:88px Georgia,serif;color:var(--xp-accent)}.hw-closing h2{max-width:780px!important;padding-inline-end:70px}.hw-closing>p:not(.hw-kicker){max-width:610px;font-size:13px;line-height:1.85;margin:25px 0}.hw-home-link{display:inline-block;margin-top:26px;color:var(--xp-ink);font-size:10px;text-decoration:underline;text-underline-offset:5px}.hc-how-page #hc-how :is(a,button,summary):focus-visible{outline:3px solid var(--xp-accent);outline-offset:5px}.hw-button:hover{filter:brightness(.94)}
@media(max-width:1050px){.hw-wrap{width:calc(100% - 64px)}.hw-hero{gap:42px}.hw-hero-photo img{height:410px}.hw-hero-photo figcaption{inset-inline-start:-20px;max-width:260px;font-size:23px}.hw-workbench{grid-template-columns:175px 1fr}.hw-step-rail{padding:20px 15px}.hw-current{gap:25px;padding:28px 22px}.hc-how-page #hc-how h3{font-size:31px}.hw-record{padding:18px}.hw-section-head{gap:40px}.hw-foundations{gap:60px}.hw-closing{padding:45px}}
@media(max-width:760px){.hw-wrap{width:calc(100% - 40px)}.hw-hero{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:46px}.hc-how-page #hc-how h1{font-size:58px;max-width:560px}.hw-lead{font-size:13px;margin:23px 0 26px}.hw-hero-photo{margin-inline:16px}.hw-hero-photo img{height:330px;border-radius:130px 130px 4px 4px;object-position:50% 36%}.hw-hero-photo:before{border-radius:130px 130px 4px 4px;inset:12px -11px -12px 12px}.hw-hero-photo figcaption{bottom:20px;max-width:255px;padding:15px 18px;font-size:23px;inset-inline-start:-16px}.hw-route{display:flex;overflow-x:auto;scrollbar-width:thin;margin-bottom:65px}.hw-route a{min-width:147px;flex:none;padding:19px 14px;min-height:90px}.hw-route a:first-child{padding-inline-start:0}.hw-route strong{font-size:11px;max-width:85px}.hw-route span{font-size:24px}.hw-section-head{display:block;margin-bottom:26px}.hc-how-page #hc-how h2{font-size:39px}.hw-section-head>p{margin-top:20px;font-size:12px;max-width:500px}.hw-controls{flex-wrap:wrap;gap:14px}.hw-setting{width:100%}.hw-setting button{min-width:0;flex:1;padding:11px 14px}.hw-play{margin-inline-start:auto;font-size:11px}.hw-workbench{grid-template-columns:1fr}.hw-step-rail{display:grid;grid-template-columns:repeat(5,1fr);padding:15px;gap:0;border:0;border-bottom:1px solid var(--hw-line)}.hw-step-rail button{display:flex;justify-content:center;padding:0;min-height:35px}.hw-step-rail strong{display:none}.hw-step-rail button:after{top:17px;bottom:auto;inset-inline-start:calc(50% + 17px);width:calc(100% - 34px);border-inline-start:0;border-top:1px solid var(--hw-line)}.hw-step-rail span{width:29px;height:29px}.hw-current{grid-template-columns:1fr;padding:26px 21px 32px;gap:25px;min-height:0}.hw-current-copy>p:last-child{font-size:12px;margin-top:17px;max-width:460px}.hc-how-page #hc-how h3{font-size:34px;max-width:450px}.hw-record{min-height:230px;padding:22px;margin-inline:4px;rotate:0deg}.hw-record h4{font-size:26px!important}.hw-workspace-top{padding:14px 17px;font-size:9px}.hw-perspectives{padding:15px 14px 0;gap:3px;justify-content:space-between}.hw-perspectives button{font-size:10px;padding:7px 9px;flex:1}.hw-workspace-foot{padding:15px 18px}.hw-progress{margin-inline-end:8px}.hw-record-purpose{font-size:10px;line-height:1.7;max-width:290px;margin-inline:auto}.hw-workflow{margin-bottom:65px}.hw-foundations{display:block;margin-bottom:65px}.hw-foundations>div>p:not(.hw-kicker){font-size:12px;max-width:none}.hw-details{margin-top:28px}.hw-details summary{gap:16px;padding:21px 0}.hw-details summary strong{font-size:23px}.hw-details details>p{margin-inline:40px 10px;font-size:12px}.hw-closing{padding:32px 24px;margin-bottom:50px}.hw-closing:after{display:none}.hw-closing h2{padding:0;font-size:36px!important}.hw-closing>p:not(.hw-kicker){font-size:12px}.hw-closing .hw-actions{gap:12px 22px}.hw-button{font-size:11px;padding:13px 17px}.hw-text-link{font-size:11px}.hw-kicker{font-size:9px;margin-bottom:18px}.hw-home-link{font-size:10px;line-height:1.6}}
@media(max-width:390px){.hc-how-page #hc-how h1{font-size:49px}.hw-hero-photo img{height:290px}.hw-hero-photo figcaption{font-size:21px;max-width:230px}.hw-perspectives button{font-size:9px;padding:7px}.hw-route a{min-width:135px}}
@media(prefers-reduced-motion:no-preference){.hw-arrive .hw-current-copy{animation:hw-enter .4s ease}.hw-arrive .hw-record{animation:hw-enter .55s ease}.hw-progress i{transition:width .35s}.hw-button{transition:filter .2s}@keyframes hw-enter{from{opacity:.35;translate:0 8px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){.hw-progress i{transition:none}.hw-arrive .hw-current-copy,.hw-arrive .hw-record{animation:none}}
/* Both native anchors and scripted stage jumps clear the shared sticky header. */
#hc-how #hw-workflow{scroll-margin-top:120px}
@media(max-width:760px){#hc-how #hw-workflow{scroll-margin-top:110px}}