/* Package-discovery surface. Brand values come from the shared token carrier. */
.w9-packages-page main { overflow: clip; }
.w9-packages-page .packages-hero,
.w9-packages-page main > section { max-width: var(--maxContentWidth); margin-inline: auto; }
.w9-packages-page main > section { padding: var(--spacingHorizontalXXXL) var(--spacingHorizontalXXL); }
/* The hero is deliberately not `.hero`/<header>: the journey shell converts those into a two-column
   page-header grid, which splits an editorial hero. Padding and type scale mirror the shared hero. */
.w9-packages-page .packages-hero { padding: clamp(1.5rem, 3vw, 2.5rem) var(--spacingHorizontalXXL) var(--spacingHorizontalXL); }
.w9-packages-page .packages-hero h1 { max-width: 900px; margin-bottom: var(--spacingHorizontalL); color: var(--colorNeutralForeground1); font-size: clamp(var(--fontSizeHero900), 5.5vw, var(--fontSizeHero1000)); line-height: 1.02; letter-spacing: -.035em; font-weight: var(--fontWeightBold); }
.w9-packages-page .packages-hero .subtitle { max-width: 65ch; margin-bottom: var(--spacingHorizontalL); color: var(--colorNeutralForeground2); font-size: var(--fontSizeBase500); line-height: 1.5; }
.w9-packages-page .packages-hero h1 span { color: var(--colorBrandForeground1); }
.w9-packages-page .packages-eyebrow { color: var(--colorBrandForeground1); font-size: var(--fontSizeBase200); font-weight: var(--fontWeightBold); letter-spacing: .14em; margin-bottom: var(--spacingHorizontalM); }
.w9-packages-page .packages-intro-note { max-width: 850px; font-size: var(--fontSizeBase300); }
.w9-packages-page .packages-intro-note a { color: var(--colorBrandForeground1); text-decoration: underline; }
.w9-packages-page .packages-hero-actions,
.w9-packages-page .packages-closing-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacingHorizontalL) var(--spacingHorizontalXXL); margin-top: var(--spacingHorizontalXXL); }
.w9-packages-page .packages-hero-actions a { display: inline-flex; align-items: center; min-height: 44px; font-weight: var(--fontWeightSemibold); }
.w9-packages-page .packages-hero-actions .cta { margin: 0; }
.w9-packages-page .packages-closing-actions { justify-content: center; }
.w9-packages-page a:focus-visible,
.w9-packages-page .packages-select:focus-visible,
.w9-packages-page .packages-checkbox input:focus-visible { outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2); outline-offset: var(--spacingHorizontalXS); }
.w9-packages-page .packages-feature { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: var(--spacingHorizontalXXL); border-block: var(--strokeWidthThin) solid var(--colorBrandStroke1); background: var(--colorNeutralBackground2); }
.w9-packages-page .packages-feature h2 { font-size: clamp(var(--fontSizeHero700), 4vw, var(--fontSizeHero800)); }
.w9-packages-page .packages-lead { color: var(--colorNeutralForeground1); font-size: var(--fontSizeBase500); font-weight: var(--fontWeightSemibold); }
.w9-packages-page .packages-feature p,
.w9-packages-page .packages-boundaries p { margin-bottom: var(--spacingHorizontalM); }
.w9-packages-page .packages-inclusions { padding-left: var(--spacingHorizontalL); margin-block: var(--spacingHorizontalL); }
.w9-packages-page .packages-inclusions li { margin-bottom: var(--spacingHorizontalS); }
.w9-packages-page .packages-price-panel { align-self: start; min-width: 0; padding: var(--spacingHorizontalXXL); border: var(--strokeWidthThin) solid var(--colorBrandStroke1); border-radius: var(--borderRadiusXLarge); background: var(--colorNeutralBackground1); }
.w9-packages-page .packages-price { color: var(--colorBrandForeground1); font-size: clamp(2.6rem, 5.5vw, 4.3rem); line-height: 1.05; font-weight: var(--fontWeightBold); letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.w9-packages-page .packages-tax { color: var(--colorNeutralForeground1); }
.w9-packages-page .packages-total,
.w9-packages-page .packages-note { font-size: var(--fontSizeBase300); }
.w9-packages-page .packages-smallprint { color: var(--colorNeutralForeground2); font-size: var(--fontSizeBase300); line-height: 1.65; }
.w9-packages-page .packages-price-panel .cta { display: flex; justify-content: center; margin-block: var(--spacingHorizontalL); }
.w9-packages-page .packages-section-heading { max-width: 760px; margin: 0 0 var(--spacingHorizontalXL); }
.w9-packages-page .packages-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--spacingHorizontalXL); }
.w9-packages-page .packages-card { min-width: 0; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 0; padding: 0; overflow: hidden; background: var(--colorNeutralBackground2); border: var(--strokeWidthThin) solid var(--colorNeutralStroke2); border-radius: var(--borderRadiusXLarge); }
.w9-packages-page .packages-card h3 { color: var(--colorNeutralForeground1); font-size: var(--fontSizeBase600); line-height: 1.3; }
.w9-packages-page .packages-card p { margin: 0; }
.w9-packages-page .packages-quote-label { color: var(--colorBrandForeground1); font-weight: var(--fontWeightSemibold); }
.w9-packages-page .packages-card .cta { align-self: start; margin-top: var(--spacingHorizontalS); }
.w9-packages-page .packages-boundaries { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: var(--spacingHorizontalXXL); border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke2); }
.w9-packages-page .packages-boundaries h3 { color: var(--colorNeutralForeground1); margin-bottom: var(--spacingHorizontalM); }
.w9-packages-page .packages-closing { text-align: center; padding-block: var(--spacingHorizontalXXXL); }
.w9-packages-page .packages-closing .cta { margin-block: var(--spacingHorizontalL); }
.w9-packages-page [id] { scroll-margin-top: calc(var(--navHeight) + 2rem); }
.w9-packages-page .cta { min-height: 44px; white-space: normal; text-align: center; }

/* Package imagery keeps the complete venue view and reserves its space before loading. */
.w9-packages-page .packages-card-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--spacingHorizontalL); padding: var(--spacingHorizontalXXXL); }
.w9-packages-page .packages-media { margin: 0; min-width: 0; overflow: hidden; background: var(--colorNeutralBackground1); }
.w9-packages-page .packages-media img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }
.w9-packages-page .packages-media figcaption { padding: var(--spacingHorizontalS) var(--spacingHorizontalL); color: var(--colorNeutralForeground3); font-size: var(--fontSizeBase200); line-height: var(--lineHeightBase300); }
.w9-packages-page .packages-media--family { margin-bottom: var(--spacingHorizontalXL); border: var(--strokeWidthThin) solid var(--colorNeutralStroke2); border-radius: var(--borderRadiusXLarge); }
.w9-packages-page .packages-feature-copy > .packages-media { margin-bottom: var(--spacingHorizontalXL); border-radius: var(--borderRadiusXLarge); }
.w9-packages-page .packages-imagery-note { max-width: 75ch; color: var(--colorNeutralForeground3); }

/* Native controls preserve platform keyboard and assistive-technology behavior. */
.w9-packages-page .packages-brief-group { min-width: 0; padding: 0; border: 0; }
.w9-packages-page .packages-brief-label { display: block; margin: 0 0 var(--spacingHorizontalM); padding: 0; color: var(--colorNeutralForeground1); font-weight: var(--fontWeightSemibold); }
.w9-packages-page .packages-select { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-height: 48px; padding: var(--spacingHorizontalM); border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible); border-radius: var(--borderRadiusMedium); background: var(--colorNeutralBackground3); color: var(--colorNeutralForeground1); font: inherit; font-size: var(--fontSizeBase400); color-scheme: dark; }
[data-w9-theme="light"] .w9-packages-page .packages-select { color-scheme: light; }
.w9-packages-page .packages-field-help { margin: var(--spacingHorizontalS) 0 0; color: var(--colorNeutralForeground3); }
.w9-packages-page .packages-checkboxes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--spacingHorizontalS) var(--spacingHorizontalL); margin-top: var(--spacingHorizontalM); }
.w9-packages-page .packages-checkbox { display: flex; align-items: center; gap: var(--spacingHorizontalM); min-height: 44px; padding: var(--spacingHorizontalS) var(--spacingHorizontalM); border: var(--strokeWidthThin) solid var(--colorNeutralStroke2); border-radius: var(--borderRadiusMedium); color: var(--colorNeutralForeground1); cursor: pointer; }
.w9-packages-page .packages-checkbox:hover { background: var(--colorSubtleBackgroundHover); }
.w9-packages-page .packages-checkbox:has(input:checked) { background: var(--colorBrandBackground2); border-color: var(--colorBrandStroke1); }
.w9-packages-page .packages-checkbox input { flex: 0 0 auto; width: var(--spacingHorizontalXL); height: var(--spacingHorizontalXL); margin: 0; accent-color: var(--colorBrandBackground); }
.w9-packages-page .packages-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.w9-packages-page .packages-brief-placeholder { margin: 0 0 var(--spacingHorizontalL); color: var(--colorNeutralForeground3); }
.w9-packages-page .packages-brief-result { margin: 0 0 var(--spacingHorizontalL); padding: var(--spacingHorizontalXXL); border: var(--strokeWidthThin) solid var(--colorNeutralStroke3); border-inline-start: var(--spacingHorizontalXS) solid var(--colorBrandStroke1); border-radius: var(--borderRadius2XLarge); background: var(--colorNeutralBackground2); }
.w9-packages-page .packages-brief-family { margin: 0 0 var(--spacingHorizontalS); color: var(--colorNeutralForeground3); font-size: var(--fontSizeBase300); }
.w9-packages-page .packages-brief-level { margin: 0 0 var(--spacingHorizontalM); color: var(--colorNeutralForeground1); font-size: clamp(1.75rem, 3.5vw, 2.5rem); line-height: 1.05; font-weight: var(--fontWeightBold); letter-spacing: -.03em; }
.w9-packages-page .packages-brief-summary { margin: 0 0 var(--spacingHorizontalL); max-width: 60ch; color: var(--colorNeutralForeground2); }
.w9-packages-page .packages-brief-notes { margin: 0 0 var(--spacingHorizontalL); padding-left: 1.2em; color: var(--colorNeutralForeground3); font-size: var(--fontSizeBase300); }
.w9-packages-page .packages-brief-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacingHorizontalM) var(--spacingHorizontalXXL); }
.w9-packages-page .packages-brief-actions .cta { margin: 0; }
.w9-packages-page .packages-brief-detail { display: inline-flex; align-items: center; min-height: 44px; color: var(--colorNeutralForeground1); font-weight: var(--fontWeightSemibold); }

/* Use-case families */
.w9-packages-page .packages-family { border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke3); }
.w9-packages-page .packages-usecases { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--spacingHorizontalM); margin: 0 0 var(--spacingHorizontalXL); padding: 0; list-style: none; }
.w9-packages-page .packages-usecases li { padding: var(--spacingHorizontalL); border: var(--strokeWidthThin) solid var(--colorNeutralStroke3); border-radius: var(--borderRadiusXLarge); background: var(--colorNeutralBackground2); }
.w9-packages-page .packages-usecases strong { display: block; color: var(--colorNeutralForeground1); }
.w9-packages-page .packages-usecases span { display: block; margin-top: var(--spacingHorizontalXS); color: var(--colorNeutralForeground3); font-size: var(--fontSizeBase300); }
.w9-packages-page .packages-levels-title { margin: var(--spacingHorizontalXL) 0 var(--spacingHorizontalM); color: var(--colorNeutralForeground1); }
.w9-packages-page .packages-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacingHorizontalM); margin: 0 0 var(--spacingHorizontalM); padding: 0; list-style: none; }
.w9-packages-page .packages-levels li { padding: var(--spacingHorizontalXL); border: var(--strokeWidthThin) solid var(--colorNeutralStroke3); border-top: var(--strokeWidthThick) solid var(--colorBrandStroke1); border-radius: var(--borderRadiusXLarge); background: var(--colorNeutralBackground2); }
.w9-packages-page .packages-levels h4 { margin: 0 0 var(--spacingHorizontalS); color: var(--colorNeutralForeground1); font-family: var(--fontFamilyMonospace); font-size: var(--fontSizeBase300); letter-spacing: .18em; text-transform: uppercase; }
.w9-packages-page .packages-levels p { margin: 0; color: var(--colorNeutralForeground2); font-size: var(--fontSizeBase300); }
.w9-packages-page .packages-levels-inline { margin: 0 0 var(--spacingHorizontalXL); color: var(--colorNeutralForeground2); }
.w9-packages-page .packages-family .packages-grid { margin-top: 0; }
.w9-packages-page .packages-grid--single { grid-template-columns: minmax(0, 1fr); }
.w9-packages-page .packages-family-links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacingHorizontalL) var(--spacingHorizontalXXL); margin: var(--spacingHorizontalXL) 0 0; }
.w9-packages-page .packages-family-links a { display: inline-flex; align-items: center; min-height: 44px; font-weight: var(--fontWeightSemibold); }
.w9-packages-page .packages-family-links .cta { margin: 0; }
.w9-packages-page .packages-example { margin: 0 0 var(--spacingHorizontalXXL); padding: var(--spacingHorizontalL) var(--spacingHorizontalXL); border-left: var(--strokeWidthThick) solid var(--colorBrandStroke1); background: var(--colorNeutralBackground3); border-radius: 0 var(--borderRadiusXLarge) var(--borderRadiusXLarge) 0; }
.w9-packages-page .packages-example strong { display: block; margin-bottom: var(--spacingHorizontalXS); color: var(--colorNeutralForeground1); }
.w9-packages-page .packages-example p { margin: 0; }
.w9-packages-page .packages-feature--nested { margin-top: var(--spacingHorizontalXXL); }
.w9-packages-page .packages-night { border: var(--strokeWidthThin) solid var(--colorBrandStroke1); border-radius: var(--borderRadius2XLarge); background: var(--colorNeutralBackground3); }
.w9-packages-page .packages-gate { margin: 0 0 var(--spacingHorizontalL); color: var(--colorBrandForeground2); font-family: var(--fontFamilyMonospace); font-size: var(--fontSizeBase300); letter-spacing: .06em; }

/* A single image/copy rhythm lets visitors compare packages without orphan cards. */
.w9-packages-page .packages-card > .packages-media { align-self: center; width: 100%; }
.w9-packages-page .packages-card-content h2 { margin: 0; font-size: var(--fontSizeBase600); line-height: 1.3; }
.w9-packages-page .packages-card-content h3 { margin: 0; }
.w9-packages-page .packages-card-content .cta { justify-self: start; margin-top: var(--spacingHorizontalS); }
.w9-packages-page .packages-card-content .packages-note { color: var(--colorNeutralForeground3); }
.w9-packages-page .packages-community .packages-price-panel { padding: 0; border: 0; background: none; }
.w9-packages-page .packages-community .packages-price { font-size: clamp(2rem, 3.4vw, 3rem); }
.w9-packages-page .packages-community .packages-price-panel .cta { display: inline-flex; }
.w9-packages-page .packages-community .packages-smallprint { margin-top: var(--spacingHorizontalM); }
/* The portrait film fills the tall card. Preserve its captions over a full-bleed poster. */
.w9-packages-page .packages-community > .packages-media--video { position: relative; align-self: stretch; min-height: 34rem; aspect-ratio: 9 / 16; isolation: isolate; }
.w9-packages-page .packages-media--video img,
.w9-packages-page .packages-media--video video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center; }
.w9-packages-page .packages-media--video video { opacity: 0; pointer-events: none; object-fit: contain; }
.w9-packages-page .packages-media--video.is-playing img { filter: blur(12px) brightness(.35); }
.w9-packages-page .packages-media--video.is-playing video { opacity: 1; }
.w9-packages-page .packages-media--video figcaption { position: absolute; inset: auto 0 0; z-index: 1; padding: var(--spacingHorizontalXXL) var(--spacingHorizontalL) var(--spacingHorizontalL); color: var(--colorNeutralForegroundOnBrand); background: linear-gradient(transparent, var(--colorNeutralBackgroundStatic)); }
.w9-packages-page .packages-video-toggle { position: absolute; top: var(--spacingHorizontalL); right: var(--spacingHorizontalL); z-index: 2; min-width: 44px; min-height: 44px; padding: var(--spacingHorizontalS) var(--spacingHorizontalL); border: var(--strokeWidthThin) solid var(--colorNeutralForegroundOnBrand); border-radius: var(--borderRadiusMedium); color: var(--colorNeutralForegroundOnBrand); background: var(--colorNeutralBackgroundStatic); font: inherit; font-weight: var(--fontWeightSemibold); cursor: pointer; }
.w9-packages-page .packages-video-toggle[hidden] { display: none; }
.w9-packages-page .packages-video-toggle:focus-visible { outline: var(--strokeWidthThick) solid var(--colorNeutralForegroundOnBrand); outline-offset: var(--spacingHorizontalXS); }
.w9-packages-page .packages-night-card .packages-usecases { display: flex; flex-wrap: wrap; margin: 0; }
.w9-packages-page .packages-night-card .packages-usecases li { padding: var(--spacingHorizontalS) var(--spacingHorizontalM); }
.w9-packages-page .packages-night-card .packages-family-links { margin: 0; gap: var(--spacingHorizontalM); }
.w9-packages-page .packages-night { border-color: var(--colorNeutralStroke2); background: none; }
.w9-packages-page .packages-brief { padding-top: 0; }
.w9-packages-page .packages-disclosure { border: var(--strokeWidthThin) solid var(--colorNeutralStroke2); border-radius: var(--borderRadiusXLarge); background: var(--colorNeutralBackground2); }
.w9-packages-page .packages-disclosure > summary { min-height: 48px; padding: var(--spacingHorizontalL) var(--spacingHorizontalXL); cursor: pointer; color: var(--colorNeutralForeground1); font-weight: var(--fontWeightSemibold); }
.w9-packages-page .packages-disclosure > summary::marker { color: var(--colorBrandForeground1); }
.w9-packages-page .packages-disclosure > summary span { margin-left: var(--spacingHorizontalM); color: var(--colorNeutralForeground3); font-size: var(--fontSizeBase300); font-weight: var(--fontWeightRegular); }
.w9-packages-page .packages-disclosure > summary:focus-visible { outline: var(--strokeWidthThick) solid var(--colorStrokeFocus2); outline-offset: var(--spacingHorizontalXXS); }
.w9-packages-page .packages-disclosure-body { padding: 0 var(--spacingHorizontalXL) var(--spacingHorizontalXL); }
.w9-packages-page .packages-disclosure-body p + p { margin-top: var(--spacingHorizontalM); }
.w9-packages-page .packages-comparison { margin-top: var(--spacingHorizontalXL); }
.w9-packages-page .packages-finder > .packages-section-heading { padding: var(--spacingHorizontalXL) var(--spacingHorizontalXL) 0; }
.w9-packages-page .packages-finder [data-w9-brief] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacingHorizontalXL); padding: 0 var(--spacingHorizontalXL) var(--spacingHorizontalXL); }
.w9-packages-page .packages-finder .packages-brief-group { margin: 0; }
.w9-packages-page .packages-finder .packages-needs,
.w9-packages-page .packages-finder [data-w9-brief] > p,
.w9-packages-page .packages-finder .packages-brief-result { grid-column: 1 / -1; margin: 0; }

/* Featured heroes: one image → family → name rhythm, the same structure every card repeats below. */
.w9-packages-page .packages-featured { padding-top: 0; }
.w9-packages-page .packages-section-heading--compact { margin-bottom: var(--spacingHorizontalL); }
.w9-packages-page .packages-featured-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--spacingHorizontalM); margin: 0; padding: 0; list-style: none; }
.w9-packages-page .packages-featured-tile { display: flex; flex-direction: column; gap: var(--spacingHorizontalXS); min-width: 0; height: 100%; padding: 0 0 var(--spacingHorizontalL); border: var(--strokeWidthThin) solid var(--colorNeutralStroke2); border-radius: var(--borderRadiusXLarge); background: var(--colorNeutralBackground2); overflow: hidden; text-decoration: none; transition: border-color var(--durationFast) var(--curveEasyEase), background-color var(--durationFast) var(--curveEasyEase); }
.w9-packages-page .packages-featured-tile:hover { border-color: var(--colorBrandStroke1); background: var(--colorSubtleBackgroundHover); }
.w9-packages-page .packages-featured-tile .packages-eyebrow { margin: var(--spacingHorizontalM) var(--spacingHorizontalL) 0; }
.w9-packages-page .packages-featured-tile strong { margin: 0 var(--spacingHorizontalL); color: var(--colorNeutralForeground1); font-size: var(--fontSizeBase400); line-height: var(--lineHeightBase400); }
.w9-packages-page .packages-media--tile { margin: 0; }
.w9-packages-page .packages-featured-links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacingHorizontalS) var(--spacingHorizontalL); margin: var(--spacingHorizontalL) 0 0; color: var(--colorNeutralForeground3); font-size: var(--fontSizeBase300); }
.w9-packages-page .packages-featured-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--colorNeutralForeground1); font-weight: var(--fontWeightSemibold); }

/* Card facts: the two lines every offer states before its action (scope, then how it is priced). */
.w9-packages-page .packages-card-facts { display: grid; gap: var(--spacingHorizontalS); margin: 0; padding: var(--spacingHorizontalM) 0; border-top: var(--strokeWidthThin) solid var(--colorNeutralStroke3); border-bottom: var(--strokeWidthThin) solid var(--colorNeutralStroke3); }
.w9-packages-page .packages-card-facts div { display: grid; grid-template-columns: minmax(7.5rem, 9rem) minmax(0, 1fr); gap: var(--spacingHorizontalM); align-items: baseline; }
.w9-packages-page .packages-card-facts dt,
.w9-packages-page .packages-facts-label { margin: 0; color: var(--colorNeutralForeground3); font-family: var(--fontFamilyMonospace); font-size: var(--fontSizeBase200); letter-spacing: .14em; text-transform: uppercase; }
.w9-packages-page .packages-facts-label { margin: var(--spacingHorizontalM) 0 0; }
.w9-packages-page .packages-card-facts dd { margin: 0; color: var(--colorNeutralForeground1); font-size: var(--fontSizeBase300); line-height: var(--lineHeightBase300); }
.w9-packages-page .packages-community .packages-inclusions { margin-block: var(--spacingHorizontalS) var(--spacingHorizontalM); }

@media (max-width: 760px) {
  .w9-packages-page .packages-community > .packages-media--video { min-height: 0; aspect-ratio: 9 / 16; }
  .w9-packages-page .packages-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .w9-packages-page .packages-card-facts div { grid-template-columns: minmax(0, 1fr); gap: var(--spacingHorizontalXXS); }
  .w9-packages-page .packages-card,
  .w9-packages-page .packages-finder [data-w9-brief],
  .w9-packages-page .packages-feature,
  .w9-packages-page .packages-grid,
  .w9-packages-page .packages-boundaries { grid-template-columns: minmax(0, 1fr); }
  .w9-packages-page .packages-hero,
  .w9-packages-page main > section { padding-inline: var(--spacingHorizontalXL); }
  .w9-packages-page .packages-disclosure > summary span { display: block; margin-left: 0; margin-top: var(--spacingHorizontalXS); }
  .w9-packages-page .packages-price-panel,
  .w9-packages-page .packages-card-content { padding: var(--spacingHorizontalXL); }
  .w9-packages-page .packages-levels { grid-template-columns: minmax(0, 1fr); }
  .w9-packages-page .packages-checkboxes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .w9-packages-page .packages-brief-actions .cta { width: 100%; }
}
@media (max-width: 420px) {
  .w9-packages-page .packages-featured-grid,
  .w9-packages-page .packages-checkboxes { grid-template-columns: minmax(0, 1fr); }
  .w9-packages-page .packages-hero-actions .cta,
  .w9-packages-page .packages-closing-actions .cta { width: 100%; }
}
@media (forced-colors: active) {
  .w9-packages-page .packages-checkbox:has(input:checked) { border-color: Highlight; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .w9-packages-page .packages-featured-tile { transition: none; }
}