body[data-helper-page] {
  --guide-ink: #25154f;
  --guide-muted: #625b70;
  --guide-accent: #5126bd;
  --guide-pink: #f27878;
  --guide-paper: #fffaf8;
  --guide-line: #e9dfe7;
  color: var(--guide-ink);
  background: var(--guide-paper);
  font-family: inherit;
}

body[data-helper-page] > header[data-homepage-region="01-primary-site-header"] {
  position: relative;
  inset: auto;
  z-index: 5;
  width: 100%;
  background-color: #fffaf8;
  box-shadow: 0 1px 0 rgb(37 21 79 / 12%);
}

.guide-main { display: block; width: 100%; margin: 0 auto; overflow: visible; }
.guide-section { position: relative; padding: clamp(3.75rem, 7.5vw, 7.5rem) max(1.25rem, calc((100vw - 1160px) / 2)); scroll-margin-top: 2rem; }
.guide-section h2 { max-width: 800px; margin: 0 0 1rem; color: var(--guide-ink); font-size: clamp(2rem, 4.3vw, 3.7rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.08; }
.guide-section p { max-width: 720px; color: var(--guide-muted); font-size: 1.08rem; line-height: 1.75; }
.guide-hero { min-height: 610px; padding-top: clamp(3.5rem, 6vw, 6.25rem); padding-bottom: clamp(4rem, 8vw, 7.5rem); background: #fff0ed; }
.guide-hero .guide-reveal { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .82fr); align-items: center; gap: clamp(2rem, 5.5vw, 5rem); max-width: 1160px; margin: 0 auto; }
.guide-hero__copy { max-width: 640px; }
.guide-eyebrow { margin: 0 0 1.25rem; color: #8f376c !important; font-size: .78rem !important; font-weight: 800; letter-spacing: .16em; line-height: 1.4 !important; text-transform: uppercase; }
.guide-hero h1 { max-width: 700px; margin: 0; color: var(--guide-ink); font-size: clamp(3rem, 6.6vw, 5.8rem); font-weight: 750; letter-spacing: -.065em; line-height: .98; }
.guide-lede { max-width: 580px !important; margin: 1.5rem 0 2rem; color: #554d67 !important; font-size: clamp(1.08rem, 1.7vw, 1.28rem) !important; line-height: 1.65 !important; }
.guide-button { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; min-height: 3.3rem; padding: .8rem 1.35rem; border: 2px solid #5126bd; border-radius: 999px; background-color: #5126bd; color: #fff; font-size: .98rem; font-weight: 750; line-height: 1.2; text-align: center; text-decoration: none; transition: transform .18s ease, background-color .18s ease; }
.guide-button:hover { transform: translateY(-2px); background-color: #35127f; }
.guide-button:focus-visible, .guide-text-link:focus-visible, .guide-faq summary:focus-visible { outline: 3px solid #f27878; outline-offset: 4px; }
.guide-hero__art { position: relative; display: grid; min-height: 390px; place-items: center; margin: 0; border: 1px solid rgb(81 38 189 / 12%); border-radius: 46% 46% 1.4rem 1.4rem; background: radial-gradient(circle at 28% 24%, #fff 0 12%, transparent 12.5%), radial-gradient(circle at 75% 76%, #f6b4a8 0 8%, transparent 8.5%), linear-gradient(145deg, #eadfff, #f7d9d5 62%, #f7ecce); }
.guide-art-card { position: absolute; display: flex; align-items: center; justify-content: center; min-height: 3rem; padding: .7rem 1.1rem; border: 1px solid rgb(37 21 79 / 9%); border-radius: .85rem; background-color: #fff; box-shadow: 0 12px 28px rgb(58 31 91 / 12%); color: var(--guide-ink); font-size: .93rem; font-weight: 750; }
.guide-art-card--main { z-index: 1; display: grid; width: min(75%, 300px); min-height: 190px; padding: 1.6rem; align-content: center; justify-items: start; gap: .6rem; border-radius: 1.25rem; }
.guide-art-card--main span { color: #8f376c; font-size: .72rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.guide-art-card--main strong { max-width: 12ch; font-size: 1.7rem; letter-spacing: -.04em; line-height: 1.1; }
.guide-art-card--main i { width: 100%; height: .48rem; margin-top: .45rem; border-radius: 99px; background: linear-gradient(90deg, #5126bd 0 61%, #f5d7e4 61%); }
.guide-art-card--tag { top: 20%; right: 2%; }
.guide-art-card--tag-two { top: auto; right: auto; bottom: 20%; left: 1%; }
.guide-art-card--tag-three { right: 3%; bottom: 13%; }
.guide-interests { background-color: #fffaf8; }
.guide-variety { background-color: #f5efff; }
.guide-navigation { background-color: #fff; }
.guide-discovery { background-color: #fff0ed; }
.guide-clarity { background-color: #f7f3ff; }
.guide-planner { margin-top: 2.25rem; }
.guide-reveal { max-width: 1000px; margin-inline: auto; }
.guide-reveal-ready .guide-reveal:not(.is-visible) { opacity: 0; transform: translateY(18px); }
.guide-reveal { opacity: 1; transform: translateY(0); transition: opacity .55s ease var(--guide-reveal-delay, 0ms), transform .55s ease var(--guide-reveal-delay, 0ms); }
.guide-reveal.is-visible { opacity: 1; transform: translateY(0); }
.guide-section__number { display: flex; align-items: center; gap: .85rem; margin-bottom: 1.2rem; color: #8f376c; font-size: .8rem; font-weight: 850; letter-spacing: .13em; }
.guide-section__number span { color: var(--guide-muted); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.guide-checklist { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; margin: 2rem 0; padding: 0; list-style: none; }
.guide-checklist li { position: relative; min-height: 7rem; padding: 1.15rem 1.2rem 1.15rem 3rem; border: 1px solid var(--guide-line); border-radius: 1rem; background: #fff; color: var(--guide-ink); font-weight: 650; line-height: 1.5; }
.guide-checklist li::before { position: absolute; top: 1.22rem; left: 1.15rem; width: 1.15rem; height: 1.15rem; border: 2px solid #f27878; border-radius: 50%; content: ""; }
.guide-note { padding-left: 1rem; border-left: 3px solid #f27878; font-size: .98rem !important; }
.guide-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2.25rem; }
.guide-card { min-height: 200px; padding: 1.5rem; border: 1px solid #e5d9f2; border-radius: 1.2rem; background: #fff; box-shadow: 0 12px 32px rgb(57 30 93 / 5%); }
.guide-card__mark { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .8rem; background: #f27878; color: #321a57; font-weight: 850; }
.guide-card h3 { margin: 1.1rem 0 .4rem; color: var(--guide-ink); font-size: 1.25rem; }
.guide-card p { margin: 0; font-size: .95rem; line-height: 1.55; }
.guide-path { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; max-width: 800px; margin: 2rem 0; padding: 1.25rem; border: 1px solid var(--guide-line); border-radius: 1rem; background: #fffaf8; color: var(--guide-ink); font-weight: 750; }
.guide-path span[aria-hidden="true"] { color: #8f376c; font-size: 1.3rem; }
.guide-feature-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.guide-feature-list li { display: flex; gap: 1rem; align-items: flex-start; padding: 1.25rem; border-radius: 1rem; background: #fff; }
.guide-feature-list li > span { color: #8f376c; font-size: 1.8rem; line-height: 1; }
.guide-feature-list strong, .guide-feature-list small { display: block; }
.guide-feature-list strong { margin-bottom: .3rem; color: var(--guide-ink); }
.guide-feature-list small { color: var(--guide-muted); font-size: .9rem; line-height: 1.5; }
.guide-callout { max-width: 760px; margin-top: 2rem; padding: 1.5rem 1.75rem; border: 1px solid #e6d8f2; border-radius: 1rem; background: #fff; color: var(--guide-ink); }
.guide-callout strong { font-size: 1.05rem; }
.guide-callout ul { display: grid; gap: .65rem; margin-bottom: 0; padding-left: 1.25rem; color: var(--guide-muted); line-height: 1.55; }
.guide-form { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; max-width: 900px; margin: 2rem 0 1rem; padding: clamp(1.25rem, 4vw, 2rem); border: 1px solid var(--guide-line); border-radius: 1.35rem; background: #fffaf8; }
.guide-form__field { min-width: 0; margin: 0; padding: 0; border: 0; }
.guide-form__field > label, .guide-form__field legend { display: block; margin-bottom: .7rem; color: var(--guide-ink); font-weight: 750; }
.guide-form select { width: 100%; min-height: 3rem; padding: .65rem .8rem; border: 1px solid #bcb0cc; border-radius: .65rem; background: #fff; color: var(--guide-ink); font: inherit; }
.guide-choice { display: flex; align-items: center; gap: .65rem; min-height: 2.35rem; color: var(--guide-muted); }
.guide-choice input { width: 1.1rem; height: 1.1rem; accent-color: #5126bd; }
.guide-choice input:focus-visible, .guide-form select:focus-visible { outline: 3px solid #f27878; outline-offset: 2px; }
.guide-error { min-height: 1.35rem; margin: .35rem 0 0 !important; color: #a12637 !important; font-size: .87rem !important; line-height: 1.45 !important; }
.guide-button--submit { justify-self: start; cursor: pointer; font: inherit; }
.guide-form__hint { grid-column: 1 / -1; margin: -.5rem 0 0 !important; font-size: .88rem !important; }
.guide-summary { max-width: 900px; margin: 1.5rem 0; padding: 1.5rem; border: 1px solid #d8caed; border-radius: 1.1rem; background: #f5efff; }
.guide-summary[hidden] { display: none; }
.guide-summary h3 { margin: 0 0 .5rem; font-size: 1.3rem; }
.guide-summary__intro { margin: 0 0 .8rem !important; font-size: .96rem !important; }
.guide-summary__list { display: grid; gap: .5rem; margin: 0; padding-left: 1.2rem; color: var(--guide-ink); line-height: 1.5; }
.guide-faq { max-width: 900px; margin: 1.5rem 0; padding: 1.1rem 1.25rem; border: 1px solid var(--guide-line); border-radius: .9rem; background: #fff; }
.guide-faq summary { color: var(--guide-ink); cursor: pointer; font-weight: 750; }
.guide-faq p { margin-bottom: .2rem; font-size: .96rem; }
.guide-text-link { display: inline-flex; gap: .6rem; align-items: center; margin-top: 1.2rem; color: #5126bd; font-weight: 750; text-decoration-thickness: 1px; text-underline-offset: .2em; }

@media (max-width: 760px) {
  .guide-section { padding: 4rem 1.2rem; }
  .guide-hero { min-height: 0; padding-top: 3.5rem; }
  .guide-hero .guide-reveal { grid-template-columns: 1fr; gap: 2.5rem; }
  .guide-hero h1 { font-size: clamp(2.8rem, 13vw, 4.5rem); }
  .guide-hero__art { width: min(100%, 460px); min-height: 330px; margin-inline: auto; border-radius: 42% 42% 1.2rem 1.2rem; }
  .guide-checklist, .guide-card-grid, .guide-feature-list { grid-template-columns: 1fr; }
  .guide-checklist li { min-height: 0; }
  .guide-card { min-height: 0; }
  .guide-form { grid-template-columns: 1fr; }
  .guide-form__hint { grid-column: auto; }
}

@media (max-width: 390px) {
  .guide-section { padding-inline: 1rem; }
  .guide-section h2 { font-size: 2rem; }
  .guide-path { justify-content: flex-start; gap: .55rem; padding: 1rem; font-size: .9rem; }
  .guide-button { width: 100%; }
  .guide-button--submit { justify-self: stretch; }
}

@media (prefers-reduced-motion: reduce) {
  .guide-reveal, .guide-button { scroll-behavior: auto; transition: none; }
  .guide-reveal-ready .guide-reveal:not(.is-visible) { opacity: 1; transform: none; }
}
.guide-summary__list > li { margin-bottom: .6rem; }
.guide-summary__list > li > strong { color: var(--guide-ink); }
.guide-summary__list ul { display: grid; gap: .35rem; margin: .4rem 0 .85rem; padding-left: 1.2rem; color: var(--guide-muted); font-size: .94rem; line-height: 1.5; }