@import url('/fonts/setup-fonts.css?v=20261026-form-1');
@import url('/fonts/button-fonts.css?v=20261026-buttons-1');
:root{--ink:#101010;--paper:#fff;--lavender:#b8afda;--pale:#eeebf7;--line:#d9d9df;--muted:#53535b;--gutter:clamp(22px,4vw,96px);--radius:clamp(28px,3vw,56px);--sans:Onest,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.06}a{color:inherit}button{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7754c6;outline-offset:5px}::selection{background:var(--lavender);color:var(--ink)}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);padding:16px}.skip-link:focus{top:12px}
/* taste-skill-ignore: Header boundary and outlined controls follow the supplied reference. */
.guide-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px var(--gutter);background:var(--paper);border-bottom:1px solid var(--line)}.guide-brand{font-size:32px;font-weight:650;letter-spacing:-.055em;text-decoration:none;line-height:1}.guide-nav{display:flex;align-items:center;gap:clamp(18px,2vw,40px);font-size:17px}.guide-nav>a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.guide-nav>a:not(.g-button){border-bottom:2px solid transparent}.guide-nav>a[aria-current],.guide-nav>a:hover{border-bottom-color:var(--ink)}.guide-nav .language{font-size:15px;font-weight:600}.g-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:62px;padding:18px 25px;border:1px solid var(--ink);border-radius:9px;background:var(--ink);color:var(--paper);font:600 16px/1.3 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .25s,color .25s}.g-button::before{content:'';width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:currentColor;transition:transform .35s}.g-button:hover{background:var(--paper);color:var(--ink)}.g-button:hover::before{transform:scale(.65)}.g-button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.g-button.light:hover{background:var(--ink);color:var(--paper)}.guide-nav .g-button{min-height:48px;padding:12px 19px;font-size:15px} /* taste-skill-ignore: Navigation boundaries and outlined controls follow the user reference. */
/* taste-skill-ignore: Contents rows use separators and a guide label for document navigation. */
.guide-hero-new{background:var(--ink);color:var(--paper);padding:clamp(48px,5.5vw,110px) var(--gutter) clamp(42px,5vw,96px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:6vw}.eyebrow{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}.eyebrow::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}.guide-hero-new h1{font-size:clamp(64px,7.9vw,164px);line-height:.98;margin:30px 0;color:var(--lavender);letter-spacing:-.06em}.guide-hero-new h1 span{color:var(--paper)}.hero-copy{font-size:clamp(19px,1.5vw,27px);line-height:1.45;max-width:630px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}.file-note{font-size:14px;max-width:210px;color:#c4c4cc}.route-list{align-self:end}.route-intro{font-size:14px;color:#c4c4cc;margin-bottom:15px}.route-list a{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:16px;padding:24px 0;border-top:1px solid #45454b;text-decoration:none}.route-list a:last-child{border-bottom:1px solid #45454b}.route-number{color:var(--lavender);font-size:15px}.route-title{font-size:clamp(22px,2.25vw,40px);letter-spacing:-.04em;line-height:1.1}.route-list small{display:block;font-size:15px;color:#c4c4cc;letter-spacing:0;margin-top:10px;line-height:1.4}.route-arrow{font-size:28px;transition:transform .4s}.route-list a:hover .route-arrow{transform:translate(4px,-4px)} /* taste-skill-ignore: Guide identification and linked contents rows structure this long document. */
/* taste-skill-ignore: Rules separate numbered instructions and FAQ entries in this reading guide. */
.guide-main{background:var(--ink);padding-top:clamp(50px,6vw,110px)}.guide-chapter{border-radius:var(--radius) var(--radius) 0 0;padding:clamp(44px,5vw,100px) var(--gutter) clamp(60px,6vw,120px);background:var(--paper);position:relative}.guide-chapter+.guide-chapter{margin-top:-24px}.chapter-prep{background:var(--pale)}.chapter-search{background:var(--paper)}.chapter-maps{background:var(--lavender)}.chapter-reports{background:var(--ink);color:var(--paper)}.chapter-faq{background:#f2f2f5}.chapter-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:end;margin-bottom:54px}.chapter-kicker{font-size:14px;letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:22px}.chapter-heading h2{font-size:clamp(42px,5.1vw,96px)}.chapter-heading>p{font-size:clamp(18px,1.55vw,27px);line-height:1.5}.prep-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.prep-list li{border-top:1px solid #a39bb7;padding-top:22px}.prep-list strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.025em;margin-bottom:12px}.prep-list p{color:#3e3949;font-size:17px}.prep-note{margin-top:26px;font-size:16px;color:var(--muted)}.walkthrough{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:6vw;align-items:center;margin-top:70px}.walkthrough.first{margin-top:0}.step-copy{max-width:660px}.step-copy h3{display:flex;gap:16px;align-items:baseline;font-size:clamp(27px,2.5vw,46px);margin-bottom:20px}.step-n{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:5px;border:1px solid currentColor;border-radius:50%;font-size:18px;letter-spacing:0;flex-shrink:0;align-self:center}.step-copy p+p{margin-top:17px}.step-copy strong{font-weight:600}.step-copy ul{padding-left:22px;margin-block:18px}.step-copy li+li{margin-top:10px}.step-copy code{font-size:.9em;overflow-wrap:anywhere;background:var(--pale);padding:3px 6px;border-radius:4px}.inline-note{padding-left:18px;border-left:3px solid currentColor;margin-top:24px;font-size:16px}.math-note{margin-top:30px;padding:22px 26px;background:var(--pale);border-radius:16px}.math-note strong{display:block;font-size:clamp(30px,3vw,54px);font-weight:400;letter-spacing:-.04em}.math-note span{font-size:16px;color:var(--muted)}.shot{min-width:0}.shot-open{border:0;background:var(--lavender);padding:0;width:100%;display:block;border-radius:18px;overflow:hidden;cursor:zoom-in}.shot img{display:block;width:100%;height:auto}.shot figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:12px;font-size:14px;color:var(--muted);line-height:1.4}.chapter-maps figcaption{color:#393244}.zoom-hint{white-space:nowrap}.chapter-maps .shot-open{border:1px solid #978bbd}.map-walkthrough+.map-walkthrough{padding-top:60px;border-top:1px solid #978bbd}.launch-note{display:flex;gap:30px;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding:32px;border-radius:20px;margin-top:50px}.launch-note p{max-width:820px}.launch-note .g-button{flex-shrink:0}.report-route{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:24px 0;border-top:1px solid #55555d;border-bottom:1px solid #55555d;font-size:clamp(20px,2vw,34px);letter-spacing:-.03em}.report-route b{font-size:20px;font-weight:400;color:var(--lavender);padding-inline:8px}.report-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:42px}.report-points h3{font-size:28px;color:var(--lavender);margin-bottom:18px}.report-points p{font-size:17px;color:#d4d4da}.report-note{margin-top:36px;font-size:16px;color:#b5b5bf}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw}.faq-layout h2{font-size:clamp(42px,4.8vw,90px)}.faq-list details{border-top:1px solid #c9c9d0;padding:23px 0}.faq-list details:last-child{border-bottom:1px solid #c9c9d0}.faq-list summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:clamp(20px,1.7vw,30px);line-height:1.3;letter-spacing:-.025em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:28px}.faq-list details[open] summary::after{content:'−'}.faq-list p{padding-top:18px;max-width:760px;color:var(--muted);font-size:17px}.guide-end{background:var(--lavender);padding:64px var(--gutter);display:flex;gap:30px;justify-content:space-between;align-items:center}.guide-end h2{font-size:clamp(38px,4.3vw,82px);max-width:900px}.guide-end .g-button{flex-shrink:0}.guide-footer{background:var(--ink);color:var(--paper);padding:30px var(--gutter);display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:15px}.guide-footer nav{display:flex;gap:26px}.back-top{position:fixed;bottom:24px;right:24px;width:60px;height:60px;z-index:30;display:flex;justify-content:center;align-items:center;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:50%;text-decoration:none;font-size:30px;transition:transform .25s,opacity .25s}.back-top:hover{transform:translateY(-4px)}.back-top[hidden]{display:none}.lightbox{border:0;padding:52px 16px 16px;border-radius:20px;background:var(--paper);max-width:96vw;max-height:94vh;overflow:auto}.lightbox::backdrop{background:#101010d9}.lightbox img{display:block;max-width:min(1250px,88vw);max-height:78vh;object-fit:contain}.lightbox-close{position:absolute;top:8px;right:10px;background:var(--ink);color:var(--paper);border:0;border-radius:50%;width:38px;height:38px;font-size:26px;cursor:pointer}.lightbox-caption{font-size:15px;margin-top:10px}.reveal-ready .shot{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .7s cubic-bezier(.22,1,.36,1)}.reveal-ready .shot.is-visible{opacity:1;transform:none}.offline .guide-header{position:static}.offline-note{font-size:15px;color:#c4c4cc;margin-top:20px}.offline .zoom-hint{display:none} /* taste-skill-ignore: Separators distinguish sequential instructions and FAQ disclosures; this is a document layout. */
@media(min-width:1600px){.guide-hero-new{min-height:680px}.walkthrough{gap:8vw}.step-copy{font-size:21px}.shot{max-width:1050px}}
@media(max-width:1000px){.guide-header{flex-wrap:wrap;gap:14px;padding-block:15px}.guide-nav{gap:21px;font-size:16px}.guide-nav .g-button{min-height:44px;padding:10px 15px}.guide-hero-new{grid-template-columns:1fr;gap:40px}.guide-hero-new h1{font-size:clamp(65px,10vw,110px)}.hero-copy{max-width:750px}.route-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.route-intro{grid-column:1/-1;margin:0}.route-list a{grid-template-columns:1fr 20px;gap:8px;padding:16px 0;border-bottom:1px solid #45454b}.route-number{display:none}.route-title{font-size:23px}.route-list small{font-size:13px}.route-arrow{font-size:23px}.walkthrough{gap:32px;grid-template-columns:.9fr 1.1fr}.step-copy{font-size:17px}.step-copy h3{font-size:29px}.chapter-heading{gap:32px}.chapter-heading h2{font-size:51px}.chapter-heading>p{font-size:18px}.prep-list{gap:24px}.prep-list strong{font-size:21px}.launch-note{padding:26px;flex-direction:column;align-items:flex-start}.report-points{gap:24px}.report-points h3{font-size:24px}.faq-layout{grid-template-columns:1fr;gap:30px}.guide-end{align-items:flex-start;flex-direction:column}} /* taste-skill-ignore: Navigation boundaries and outlined controls follow the user reference. */
/* taste-skill-ignore: Mobile contents rows retain their desktop reading structure. */
@media(max-width:640px){html{scroll-padding-top:138px}body{font-size:17px}.guide-header{gap:10px;padding-block:12px}.guide-brand{font-size:29px}.guide-nav{display:grid;grid-template-columns:repeat(3,auto) 1fr auto;width:100%;gap:15px;font-size:15px}.guide-nav .language{justify-self:end}.guide-nav .g-button{min-height:38px;padding:8px 10px;font-size:12px}.guide-nav .g-button::before{display:none}.guide-hero-new{padding-block:42px;gap:36px}.guide-hero-new h1{font-size:clamp(51px,13vw,80px);margin-block:24px}.eyebrow{font-size:12px}.hero-copy{font-size:19px}.hero-actions{gap:14px}.hero-actions .g-button{width:100%;font-size:15px}.file-note{max-width:100%;font-size:13px}.route-list{display:block}.route-list a{padding:19px 0;grid-template-columns:28px 1fr 22px}.route-number{display:block;font-size:12px}.route-title{font-size:25px}.route-list small{font-size:14px}.guide-main{padding-top:40px}.guide-chapter{padding-top:40px;padding-bottom:65px}.chapter-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.chapter-heading h2,.faq-layout h2{font-size:41px}.chapter-kicker{font-size:12px;margin-bottom:18px}.prep-list{grid-template-columns:1fr;gap:24px}.prep-list li{padding-top:18px}.prep-list strong{font-size:23px}.prep-note{font-size:15px}.walkthrough{grid-template-columns:1fr;gap:28px;margin-top:42px}.step-copy{font-size:17px}.step-copy h3{font-size:29px;gap:12px}.step-n{min-width:36px;height:36px;font-size:16px}.inline-note{font-size:15px}.shot figcaption{font-size:12px;gap:8px}.zoom-hint{font-size:12px}.shot-open{border-radius:12px}.map-walkthrough+.map-walkthrough{padding-top:36px}.math-note{padding:18px}.math-note strong{font-size:35px}.launch-note{padding:23px;margin-top:32px}.launch-note .g-button{width:100%}.report-route{font-size:21px;gap:8px}.report-points{grid-template-columns:1fr;gap:28px}.report-points h3{font-size:27px;margin-bottom:10px}.report-note{font-size:15px}.faq-list summary{font-size:21px}.guide-end{padding-block:42px}.guide-end h2{font-size:42px}.guide-end .g-button{width:100%}.guide-footer{align-items:flex-start;flex-direction:column;padding-bottom:95px}.guide-footer nav{flex-wrap:wrap;gap:14px 22px}.back-top{width:52px;height:52px;right:16px;bottom:16px;font-size:27px}} /* taste-skill-ignore: Guide identification and linked contents rows structure this long document. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal-ready .shot{opacity:1;transform:none}}
@media print{html{scroll-behavior:auto}body{font-size:11pt;background:white;color:black}.guide-header,.guide-nav,.hero-actions,.route-list,.guide-end,.guide-footer,.back-top,.zoom-hint,.lightbox{display:none!important}.guide-main{padding:0;background:white}.guide-hero-new{display:block;padding:15mm 0;background:white;color:black}.guide-hero-new h1,.guide-hero-new h1 span{color:black;font-size:40pt}.hero-copy{font-size:14pt}.guide-chapter{padding:12mm 0!important;border-radius:0;background:white!important;color:black!important;break-before:page}.guide-chapter+.guide-chapter{margin:0}.chapter-heading{display:block;margin-bottom:8mm}.chapter-heading h2,.faq-layout h2{font-size:28pt;margin-bottom:6mm}.chapter-heading p{font-size:12pt}.walkthrough{grid-template-columns:1fr 1.2fr;gap:8mm;margin-top:8mm;break-inside:avoid}.step-copy{font-size:10pt}.step-copy h3{font-size:18pt}.shot{opacity:1!important;transform:none!important}.shot figcaption{font-size:9pt}.shot-open{border:1px solid #aaa}.prep-list,.report-points{gap:8mm}.prep-list p,.report-points p,.report-note,.faq-list p{color:black;font-size:10pt}.report-points h3{color:black;font-size:16pt}.launch-note{background:white;color:black;border:1px solid #aaa;font-size:10pt;padding:5mm}.launch-note .g-button{display:none}.faq-layout{display:block}.faq-list details{break-inside:avoid}.offline-note{color:black}} /* taste-skill-ignore: Separators distinguish sequential instructions and FAQ disclosures; this is a document layout. */

.step-spacer { height: 32px; }
/* Native scroll owns the overlap. Panels never get per-frame transforms. */
:root{--guide-header-height:86px}
.guide-main{position:relative;z-index:1;isolation:isolate;overflow:visible;overflow-anchor:none;background:transparent}
.guide-main>.guide-chapter:nth-child(1){z-index:1}
.guide-main>.guide-chapter:nth-child(2){z-index:2}
.guide-main>.guide-chapter:nth-child(3){z-index:3}
.guide-main>.guide-chapter:nth-child(4){z-index:4}
.guide-main>.guide-chapter:nth-child(5){z-index:5}
.guide-hero-new{position:relative;z-index:0}
.offline .guide-header{position:sticky}
html.lenis,html.lenis body{height:auto}
html.lenis.lenis-smooth{scroll-behavior:auto!important}
.lightbox{overscroll-behavior:contain}
@media screen and (prefers-reduced-motion:no-preference){
  .guide-stack-ready .guide-hero-new,
  .guide-stack-ready .guide-main>.guide-chapter{
    position:sticky;
    top:min(var(--guide-header-height),calc(100svh - var(--guide-panel-height,100svh)));
    min-height:calc(100svh - var(--guide-header-height));
  }
}
@media print{
  .guide-stack-ready .guide-hero-new,.guide-stack-ready .guide-main>.guide-chapter{position:relative!important;top:auto!important;min-height:0!important}
}
.lightbox{padding:12px 20px 20px;scrollbar-gutter:stable}
.lightbox img{width:1120px;max-width:calc(100vw - 84px);max-height:none;height:auto;margin-top:12px}
.lightbox-close{position:sticky;top:0;right:auto;margin-left:auto;display:block;z-index:1}

/* Continuous marker strokes follow wrapped text in both language editions. */
.text-highlight{background:var(--lavender);color:var(--ink);padding:.08em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.text-highlight,.step-copy p strong,.launch-note p strong{font-weight:400}
.step-copy p strong,.launch-note p strong{background:var(--lavender);color:var(--ink);padding:.08em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.chapter-maps .step-copy p strong{background:var(--pale)}
/* One closing surface for questions, the action and document links. */
.chapter-faq{background:var(--pale);padding-bottom:30px}
.faq-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7vw;align-items:start}
.faq-intro h2{max-width:9em;font-size:clamp(40px,4.3vw,76px);line-height:1.06}
.faq-intro>p{max-width:390px;margin-top:25px;font-size:18px;line-height:1.6;color:var(--muted)}
.faq-intro>.g-button{margin-top:30px}
.faq-list details{padding:0}
.faq-list summary{min-height:88px;align-items:center;padding:22px 0;font-size:clamp(20px,1.5vw,27px);gap:24px}
.faq-list summary::after{width:28px;flex:0 0 28px;text-align:center;font-size:30px;line-height:1}
.faq-list p{padding:0 44px 25px 0;font-size:17px;line-height:1.65}
.chapter-faq .guide-footer{background:transparent;color:var(--ink);margin-top:64px;padding:26px 0 0;line-height:1.5}
.guide-footer a{text-underline-offset:4px}
.chapter-faq .guide-footer{padding-right:84px}
@media(min-width:641px) and (max-width:1000px){.faq-intro h2{font-size:clamp(32px,4.2vw,42px)}.chapter-faq .guide-footer{flex-direction:column;gap:15px}}
@media(max-width:1000px){.faq-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px}.faq-intro h2{font-size:clamp(32px,4.2vw,42px)}.faq-intro>p{font-size:17px}.faq-list summary{font-size:20px}.chapter-faq .guide-footer{align-items:flex-start;gap:24px}.guide-footer nav{flex-wrap:wrap;gap:14px 24px}}
@media(max-width:640px){.faq-layout{grid-template-columns:1fr;gap:36px}.faq-intro h2{font-size:41px}.faq-intro>p{margin-top:20px}.faq-intro>.g-button{margin-top:24px;width:100%}.faq-list summary{min-height:78px}.chapter-faq .guide-footer{margin-top:36px;padding:23px 0 90px;font-size:14px}.chapter-faq{padding-bottom:20px}}
@media print{.text-highlight{background:#e4dff1}.faq-layout{display:block}.faq-intro>.g-button,.faq-intro>p{display:none}.faq-list details{padding:12px 0}.faq-list summary{min-height:0;padding:0;font-size:16pt}.faq-list p{padding-top:10px;font-size:11pt}}

/* Keep every navigation target visible on narrow phones in both languages. */
@media screen and (max-width:420px) {
  .guide-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 14px; }
  .guide-nav > a { min-height: 44px; display: flex; align-items: center; }
  .guide-nav .language { justify-self: start; }
  .guide-nav .g-button { grid-column: 2 / 4; justify-content: center; min-height: 44px; }
}



/* Clear navigation and one typographic rhythm across the closing section. */
.chapter-faq .guide-footer{font:400 17px/1.5 var(--sans);gap:32px;align-items:center;padding-top:40px}
.footer-signature{display:flex;flex-direction:column;gap:10px}
.footer-signature .footer-brand{font-size:30px;font-weight:500;letter-spacing:-.055em;line-height:1;text-decoration:none}
.footer-signature>span{color:var(--muted);font-size:16px}
.guide-footer nav{gap:12px 28px;align-items:center}
.guide-footer nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-weight:400}
.guide-footer nav a:hover{text-decoration:underline}
.back-top{width:60px;height:60px;background:var(--ink);color:var(--paper);border:2px solid var(--paper);border-radius:16px;box-shadow:0 4px 18px #10101018} /* taste-skill-ignore: Fixed navigation overlays scrolling content. */
.back-top svg{width:28px;height:28px}
@media(max-width:1000px){.chapter-faq .guide-footer{align-items:flex-start}}
@media(max-width:640px){.chapter-faq .guide-footer{font-size:16px;gap:24px;padding-top:32px}.footer-signature>span{font-size:15px}.back-top{width:56px;height:56px;right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}

/* Match the primary actions and header action in the main workspace. */
.g-button { font-family: Manrope, Inter, Arial, sans-serif; font-weight: 650; line-height: 1.3; letter-spacing: normal; text-transform: uppercase; }
.guide-nav .g-button { font-family: Inter, "Segoe UI", Arial, sans-serif; font-weight: 400; }
