/* Guest adaptation of WebTintKit v0.7.0 (2e4f411d9dfa9b334dcbae60ea41b3ca2ae0ee03). Generated by scripts/build-newsroom-guest.mjs; host-conditioned, guest-scoped dimensions. */ @layer wtk.tokens, wtk.base, wtk.chrome, wtk.content; @layer wtk.tokens { :where(.newsroomGuest) { --wtk-color-page-text: rgba(0, 0, 0, 0.76); --wtk-color-page-title: rgba(0, 0, 0, 0.92); --wtk-color-page-muted: rgba(0, 0, 0, 0.6); --wtk-color-page-tertiary: rgba(0, 0, 0, 0.4); --wtk-color-page-rule: rgba(0, 0, 0, 0.12); --wtk-color-page-code-bg: rgba(0, 0, 0, 0.055); --wtk-color-glass-background: linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.46)), linear-gradient(135deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.02)); --wtk-color-glass-border: rgba(255, 255, 255, 0.64); --wtk-color-glass-shadow-outer: rgba(0, 0, 0, 0.08); --wtk-color-glass-shadow-inner: rgba(0, 0, 0, 0.04); --wtk-color-glass-highlight: rgba(255, 255, 255, 0.72); --wtk-color-glass-solid: #fafafa; --wtk-color-glass-topbar-background: rgba(255, 255, 255, 0.72); --wtk-color-glass-topbar-shadow: rgba(0, 0, 0, 0.08); --wtk-color-glass-topbar-highlight: rgba(255, 255, 255, 0.86); --wtk-color-contents-active-bg: rgba(0, 0, 0, 0.04); --wtk-color-contents-active-border: rgba(0, 0, 0, 0.08); --wtk-color-carousel-backdrop: rgba(0, 0, 0, 0.9); --wtk-color-carousel-control: #ffffff; --wtk-color-kit-palette-pink-on-tint: rgb(255 255 255); --wtk-color-kit-palette-grey-on-tint: rgb(255 255 255); --wtk-color-kit-palette-red-on-tint: rgb(255 255 255); --wtk-color-kit-palette-green-on-tint: rgb(255 255 255); --wtk-color-kit-palette-blue-on-tint: rgb(255 255 255); --wtk-color-kit-palette-orange-on-tint: rgb(255 255 255); --wtk-color-kit-palette-purple-on-tint: rgb(255 255 255); --wtk-color-kit-palette-yellow-on-tint: rgb(255 255 255); --wtk-color-kit-primary-tint: var(--wtk-color-accent); --wtk-color-kit-primary-foreground: var(--wtk-color-kit-on-tint); --wtk-color-kit-on-tint: #ffffff; --wtk-color-kit-meta: var(--wtk-color-page-tertiary); --wtk-size-control: 36px; --wtk-size-hairline: 1px; --wtk-size-focus-ring: 2px; --wtk-size-action-icon: 20px; --wtk-size-carousel-control: 60px; --wtk-size-carousel-control-compact: 50px; --wtk-size-service-icon: 24px; --wtk-size-button-height: 38px; --wtk-size-landing-icon: 88px; --wtk-size-landing-icon-mobile: 64px; --wtk-size-landing-detail-max: 530px; --wtk-size-landing-media-max: 342px; --wtk-size-landing-media-mobile: 270px; --wtk-size-landing-text-max: 780px; --wtk-size-landing-feature-icon: var(--wtk-space-11); --wtk-size-landing-button-height: var(--wtk-layout-row-min-height); --wtk-font-serif: -apple-system-ui-serif, ui-serif, Gelasio, Georgia, Cambria, "Times New Roman", Times, serif; --wtk-font-rounded: ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --wtk-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; --wtk-type-body: clamp(16px, 15px + 0.5vw, 18px); --wtk-type-h1: clamp(30px, 23px + 3.5vw, 44px); --wtk-type-h2: clamp(24px, 21px + 1.5vw, 30px); --wtk-type-h3: clamp(20px, 18px + 1vw, 24px); --wtk-type-line-height: 1.6; --wtk-type-note: 13px; --wtk-type-service-label: 14px; --wtk-type-service-label-weight: 660; --wtk-type-contents-link: 13.5px; --wtk-type-contents-link-weight: 650; --wtk-type-contents-link-weight-current: 700; --wtk-type-contents-link-line-height: 1.25; --wtk-type-contents-summary: 13.5px; --wtk-type-contents-summary-weight: 760; --wtk-type-contents-summary-line-height: 1.2; --wtk-type-contents-title: 18.5px; --wtk-type-contents-title-line-height: 1.18; --wtk-type-contents-date: 12.5px; --wtk-type-contents-date-weight: 650; --wtk-type-contents-date-line-height: 1.3; --wtk-type-contents-index-date: 10.5px; --wtk-type-contents-index-date-weight: 400; --wtk-type-contents-index-date-opacity: 0.5; --wtk-type-contents-eyebrow: 10.5px; --wtk-type-contents-eyebrow-weight: 450; --wtk-type-contents-eyebrow-line-height: 1.2; --wtk-type-contents-eyebrow-separator-opacity: 0.5; --wtk-type-contents-chevron: 0.8em; --wtk-type-prose-heading-line-height: 1.25; --wtk-type-prose-heading-space-before: 1.55em; --wtk-type-prose-heading-space-after: 0.65em; --wtk-type-prose-h2-rule-gap: 0.28em; --wtk-type-prose-block-space: 1.25em; --wtk-type-prose-block-space-compact: 1em; --wtk-type-prose-list-indent: 1.4em; --wtk-type-prose-list-paragraph-gap: 0.5em; --wtk-type-prose-quote-rule: 4px; --wtk-type-prose-quote-indent: 1em; --wtk-type-prose-code-size: 0.9em; --wtk-type-prose-code-padding-block: 0.14em; --wtk-type-prose-code-padding-inline: 0.34em; --wtk-type-prose-pre-padding: 18px; --wtk-type-prose-anchor-offset-mobile-contents: 2.333em; --wtk-type-actions-menu-item: 13px; --wtk-type-actions-menu-item-weight: 650; --wtk-type-actions-menu-item-line-height: 1.25; --wtk-type-actions-feedback: 11.5px; --wtk-type-actions-feedback-weight: 650; --wtk-type-actions-feedback-line-height: 1.2; --wtk-type-actions-feedback-min-height: 1.4em; --wtk-type-meta: 12.5px; --wtk-type-meta-weight: 650; --wtk-type-button: 13.5px; --wtk-type-button-weight: 700; --wtk-type-landing-promise: clamp(40px, 5.5vw, 68px); --wtk-type-landing-promise-tablet: 48px; --wtk-type-landing-promise-mobile: 44px; --wtk-type-landing-promise-phone: 40px; --wtk-type-landing-description: clamp(20px, 2.1vw, 24px); --wtk-type-landing-description-mobile: 20px; --wtk-type-landing-eyebrow: 12px; --wtk-type-landing-name: 24px; --wtk-type-landing-name-mobile: 22px; --wtk-type-landing-name-phone: 20px; --wtk-type-landing-label: var(--wtk-type-note); --wtk-type-landing-number: var(--wtk-type-note); --wtk-type-landing-feature-text: 16px; --wtk-type-landing-heading: clamp(28px, 3vw, 40px); --wtk-type-landing-feature-heading: 23px; --wtk-type-landing-button: 15px; --wtk-type-landing-heading-tracking: -.035em; --wtk-type-landing-description-tracking: -.012em; --wtk-type-landing-eyebrow-tracking: .1em; --wtk-type-landing-weight-identity: 620; --wtk-type-landing-weight-heading: 650; --wtk-type-landing-weight-promise: 700; --wtk-type-landing-heading-line: 1.12; --wtk-type-landing-description-line: 1.5; --wtk-type-landing-label-line: 1.4; --wtk-type-landing-text-line: 1.65; --wtk-layout-content-width: 900px; --wtk-layout-contents-width: 246px; --wtk-layout-topbar-bleed: 2px; --wtk-layout-desktop-content-gap: 1.25em; --wtk-layout-desktop-topbar-top: 1.25em; --wtk-layout-desktop-topbar-height: 64px; --wtk-layout-mobile-page-gap: 1em; --wtk-layout-mobile-topbar-top: 1em; --wtk-layout-mobile-topbar-height: 48px; --wtk-layout-mobile-contents-max-height: 60vh; --wtk-layout-mobile-contents-gap: calc(var(--wtk-layout-mobile-page-gap) / 2); --wtk-layout-desktop-contents-top: calc(var(--wtk-layout-desktop-topbar-top) + env(safe-area-inset-top) + var(--wtk-layout-desktop-topbar-height) + var(--wtk-layout-desktop-content-gap)); --wtk-layout-mobile-contents-top: calc(var(--wtk-layout-mobile-topbar-top) + env(safe-area-inset-top) + var(--wtk-layout-mobile-topbar-height) + var(--wtk-layout-mobile-contents-gap)); --wtk-layout-app-desktop-contents-top: calc(var(--wtk-layout-app-desktop-gutter) + env(safe-area-inset-top) + var(--wtk-layout-app-header-height) + var(--wtk-layout-app-desktop-gutter)); --wtk-layout-app-mobile-contents-top: calc(var(--wtk-layout-app-mobile-gutter) + env(safe-area-inset-top) + var(--wtk-layout-app-header-height) + (var(--wtk-layout-app-mobile-gutter) / 2)); --wtk-layout-contents-min-width: 190px; --wtk-layout-mobile-contents-max-height-dynamic: 60dvh; --wtk-layout-app-header-height: 64px; --wtk-layout-app-desktop-gutter: clamp(20px, 18.75px + 0.625vw, 22.5px); --wtk-layout-app-mobile-gutter: clamp(16px, 15px + 0.5vw, 18px); --wtk-layout-service-grid-min: 146px; --wtk-layout-row-min-height: 48px; --wtk-layout-panel-margin: 16px; --wtk-layout-actions-menu-min-width: 190px; --wtk-layout-carousel-media-max-width: 90vw; --wtk-layout-carousel-media-max-height: 90vh; --wtk-layout-landing-columns: minmax(220px, .6fr) minmax(0, 1fr); --wtk-layout-landing-columns-tablet: minmax(180px, .7fr) minmax(0, 1fr); --wtk-layout-landing-pro-columns: 1fr 1.3fr; --wtk-layout-landing-media-ratio: 1470 / 3000; --wtk-radius-glass-card: 14px; --wtk-radius-glass-document: 16px; --wtk-radius-glass-feature: 28px; --wtk-radius-contents-item: 10px; --wtk-radius-service-button: 16px; --wtk-radius-pill: 999px; --wtk-radius-prose-code: 6px; --wtk-radius-prose-pre: 12px; --wtk-radius-prose-image: 8px; --wtk-radius-menu: 12px; --wtk-radius-menu-item: 8px; --wtk-radius-feedback: 7px; --wtk-radius-landing-button: 999px; --wtk-filter-service-icon: none; --wtk-shape-corner: squircle; --wtk-glass-filter-card: blur(26px) saturate(160%); --wtk-glass-filter-topbar: blur(22px) saturate(140%); --wtk-glass-shadow-card: 0 0 42px var(--wtk-color-glass-shadow-outer), 0 0 18px var(--wtk-color-glass-shadow-inner), inset 0 0 0 var(--wtk-color-glass-highlight); --wtk-glass-shadow-card-soft: 0 0 42px var(--wtk-color-glass-shadow-outer), 0 0 18px var(--wtk-color-glass-shadow-inner), inset 0 0 0 var(--wtk-color-glass-highlight); --wtk-glass-shadow-topbar: 0 0 16px var(--wtk-color-glass-topbar-shadow), 0 0 18px var(--wtk-color-glass-shadow-inner), inset 0 0 0 var(--wtk-color-glass-topbar-highlight); --wtk-glass-shadow-menu: 0 12px 36px var(--wtk-color-glass-shadow-outer), 0 4px 14px var(--wtk-color-glass-shadow-inner); --wtk-glass-filter-carousel: blur(26px) saturate(160%); --wtk-shadow-carousel-image: 0 0 30px rgba(0, 0, 0, 0.5); --wtk-shadow-landing-icon: 0 6px 14px #24182b14; --wtk-opacity-disabled: 0.55; --wtk-opacity-carousel-control: 0.7; --wtk-opacity-carousel-control-hover: 1; --wtk-scale-carousel-control: 0.95; --wtk-scale-carousel-control-hover: 1.1; --wtk-motion-accent: 160ms; --wtk-motion-surface: 260ms; --wtk-motion-panel: 180ms; --wtk-motion-ease-emphasised: cubic-bezier(0.2, 0.8, 0.2, 1); --wtk-motion-control: 180ms; --wtk-motion-image-reveal: 200ms; --wtk-motion-contents-summary: 260ms; --wtk-motion-contents-summary-blur: 4px; --wtk-motion-contents-fade: 200ms; --wtk-motion-contents-odometer: 360ms; --wtk-motion-ease-odometer: cubic-bezier(0.22, 1, 0.36, 1); --wtk-motion-panel-translate: -6px; --wtk-motion-carousel: 300ms; --wtk-motion-carousel-control-offset: 20px; --wtk-motion-press-scale: 0.98; --wtk-space-2: 4px; --wtk-space-3: 6px; --wtk-space-4: 8px; --wtk-space-5: 10px; --wtk-space-6: 12px; --wtk-space-7: 14px; --wtk-space-8: 16px; --wtk-space-9: 20px; --wtk-space-10: 24px; --wtk-space-11: 32px; --wtk-space-12: 48px; --wtk-space-contents-rail: 18px; --wtk-space-contents-rail-end: 12px; --wtk-space-contents-index-block: 0.65em; --wtk-space-contents-link: 8px; --wtk-space-contents-item-bleed: 8px; --wtk-space-contents-list-gap: 4px; --wtk-space-contents-level-indent: 1em; --wtk-space-contents-divider-before: 16px; --wtk-space-contents-divider-after: 12px; --wtk-space-contents-divider-bleed: 2px; --wtk-space-contents-divider-mobile: 8px; --wtk-space-contents-time: 8px; --wtk-space-contents-meta-gap: 0.7em; --wtk-space-contents-date: 4px; --wtk-space-contents-summary-gap: 0.45em; --wtk-space-contents-bar-block: 10px; --wtk-space-contents-bar-inline: 1em; --wtk-space-contents-panel-block: 12px; --wtk-space-contents-panel-inline: 1em; --wtk-space-contents-panel-offset: -6px; --wtk-space-contents-label-clip: 8px; --wtk-space-contents-eyebrow-after: 2px; --wtk-space-contents-eyebrow-separator: 4px; --wtk-space-actions-menu-item-block: 9px; --wtk-space-actions-feedback-offset: 7px; --wtk-space-actions-feedback-block: 4px; --wtk-space-actions-feedback-inline: 7px; --wtk-space-actions-feedback-rise: 3px; --wtk-space-carousel-control: 10px; --wtk-space-carousel-control-compact: 0px; --wtk-space-carousel-edge: 15px; --wtk-space-carousel-edge-compact: 0em; --wtk-space-service-button: var(--wtk-space-6); --wtk-space-service-label-gap: var(--wtk-space-2); --wtk-space-service-grid-gap: var(--wtk-space-6); --wtk-space-service-grid-gap-phone: var(--wtk-space-5); --wtk-space-document-pane: clamp(24px, 22.5px + 0.625vw, 27px); --wtk-space-document-pane-mobile: clamp(16px, 15px + 0.5vw, 18px); --wtk-space-button-inline: 14px; --wtk-space-landing-hero-gap: 64px; --wtk-space-landing-hero-gap-tablet: 36px; --wtk-space-landing-hero-block: 56px; --wtk-space-landing-hero-inline: var(--wtk-space-12); --wtk-space-landing-hero-block-tablet: 40px; --wtk-space-landing-hero-inline-tablet: var(--wtk-space-11); --wtk-space-landing-hero-block-mobile: var(--wtk-space-11); --wtk-space-landing-hero-inline-mobile: var(--wtk-space-10); --wtk-space-landing-hero-block-phone: 28px; --wtk-space-landing-hero-inline-phone: var(--wtk-space-9); --wtk-space-landing-text-led: 72px; --wtk-space-landing-identity-gap: var(--wtk-space-9); --wtk-space-landing-identity-gap-mobile: var(--wtk-space-8); --wtk-space-landing-identity-below: 38px; --wtk-space-landing-identity-below-mobile: 28px; --wtk-space-landing-paragraph-below: var(--wtk-space-9); --wtk-space-landing-promise-above: var(--wtk-space-9); --wtk-space-landing-promise-below: var(--wtk-space-10); --wtk-space-landing-label-offset: var(--wtk-space-5); --wtk-space-landing-label-reserve: 64px; --wtk-space-landing-actions-gap: var(--wtk-space-6); --wtk-space-landing-actions-above: 30px; --wtk-space-landing-section-block: var(--wtk-space-12); --wtk-space-landing-section-inline: var(--wtk-space-11); --wtk-space-landing-section-block-mobile: 28px; --wtk-space-landing-heading-below: var(--wtk-space-11); --wtk-space-landing-grid-row: 36px; --wtk-space-landing-grid-column: var(--wtk-space-11); --wtk-space-landing-grid-mobile: 28px; --wtk-space-landing-pro-pad: var(--wtk-space-11); --wtk-space-landing-pro-gap: var(--wtk-space-12); --wtk-space-landing-pro-pad-mobile: var(--wtk-space-10); --wtk-space-landing-pro-gap-mobile: var(--wtk-space-4); --wtk-space-landing-heading-above: var(--wtk-space-4); --wtk-space-landing-feature-heading-margin: var(--wtk-space-7); --wtk-space-landing-button-block: 13px; --wtk-space-landing-button-inline: 23px; --wtk-space-landing-button-gap: 18px; --wtk-space-landing-button-block-phone: var(--wtk-space-6); --wtk-space-landing-button-inline-phone: 18px; --wtk-color-settings-active-bg: color-mix(in srgb, var(--wtk-color-accent) 10%, transparent); --wtk-color-settings-active-border: color-mix(in srgb, var(--wtk-color-accent) 32%, transparent); --wtk-color-link: var(--wtk-color-accent); --wtk-color-kit-on-tint: var(--wtk-color-kit-palette-pink-on-tint); } :where(html[data-blog-tint="pink"] .newsroomGuest) { --wtk-color-kit-on-tint: var(--wtk-color-kit-palette-pink-on-tint); } :where(html[data-blog-tint="grey"] .newsroomGuest) { --wtk-color-kit-on-tint: var(--wtk-color-kit-palette-grey-on-tint); } :where(html[data-blog-tint="red"] .newsroomGuest) { --wtk-color-kit-on-tint: var(--wtk-color-kit-palette-red-on-tint); } :where(html[data-blog-tint="green"] .newsroomGuest) { --wtk-color-kit-on-tint: var(--wtk-color-kit-palette-green-on-tint); } :where(html[data-blog-tint="blue"] .newsroomGuest) { --wtk-color-kit-on-tint: var(--wtk-color-kit-palette-blue-on-tint); } :where(html[data-blog-tint="orange"] .newsroomGuest) { --wtk-color-kit-on-tint: var(--wtk-color-kit-palette-orange-on-tint); } :where(html[data-blog-tint="purple"] .newsroomGuest) { --wtk-color-kit-on-tint: var(--wtk-color-kit-palette-purple-on-tint); } :where(html[data-blog-tint="yellow"] .newsroomGuest) { --wtk-color-kit-on-tint: var(--wtk-color-kit-palette-yellow-on-tint); } :where(html[data-wtk-brand="shared"] .newsroomGuest) { --wtk-layout-contents-width: 270px; } :where(html[data-blog-resolved-scheme="dark"] .newsroomGuest) { --wtk-color-page-text: rgba(255, 255, 255, 0.85); --wtk-color-page-title: rgba(255, 255, 255, 0.95); --wtk-color-page-muted: rgba(255, 255, 255, 0.7); --wtk-color-page-tertiary: rgba(255, 255, 255, 0.45); --wtk-color-page-rule: rgba(255, 255, 255, 0.14); --wtk-color-page-code-bg: rgba(255, 255, 255, 0.08); --wtk-color-glass-background: rgba(0, 0, 0, 0.28); --wtk-color-glass-border: rgba(255, 255, 255, 0.06); --wtk-color-glass-shadow-outer: rgba(0, 0, 0, 0.18); --wtk-color-glass-shadow-inner: rgba(0, 0, 0, 0.08); --wtk-color-glass-highlight: rgba(255, 255, 255, 0.06); --wtk-color-glass-solid: rgb(34, 38, 40); --wtk-color-glass-topbar-background: rgba(0, 0, 0, 0.28); --wtk-color-glass-topbar-shadow: rgba(0, 0, 0, 0.18); --wtk-color-glass-topbar-highlight: rgba(255, 255, 255, 0.06); --wtk-color-contents-active-bg: rgba(255, 255, 255, 0.06); --wtk-color-contents-active-border: rgba(255, 255, 255, 0.08); --wtk-color-kit-palette-pink-on-tint: rgb(255 255 255); --wtk-color-kit-palette-grey-on-tint: rgb(0 0 0); --wtk-color-kit-palette-red-on-tint: rgb(255 255 255); --wtk-color-kit-palette-green-on-tint: rgb(255 255 255); --wtk-color-kit-palette-blue-on-tint: rgb(255 255 255); --wtk-color-kit-palette-orange-on-tint: rgb(255 255 255); --wtk-color-kit-palette-purple-on-tint: rgb(255 255 255); --wtk-color-kit-palette-yellow-on-tint: rgb(255 255 255); --wtk-color-kit-meta: var(--wtk-color-page-muted); --wtk-type-contents-index-date-opacity: 0.65; --wtk-filter-service-icon: invert(1); --wtk-glass-filter-card: blur(22px) saturate(140%); --wtk-glass-shadow-card-soft: 0 0 42px rgba(0, 0, 0, 0.12), 0 0 18px rgba(0, 0, 0, 0.06), inset 0 0 0 var(--wtk-color-glass-highlight); } @media (prefers-color-scheme: dark) { :where(html:not([data-blog-resolved-scheme="light"]) .newsroomGuest) { --wtk-color-page-text: rgba(255, 255, 255, 0.85); --wtk-color-page-title: rgba(255, 255, 255, 0.95); --wtk-color-page-muted: rgba(255, 255, 255, 0.7); --wtk-color-page-tertiary: rgba(255, 255, 255, 0.45); --wtk-color-page-rule: rgba(255, 255, 255, 0.14); --wtk-color-page-code-bg: rgba(255, 255, 255, 0.08); --wtk-color-glass-background: rgba(0, 0, 0, 0.28); --wtk-color-glass-border: rgba(255, 255, 255, 0.06); --wtk-color-glass-shadow-outer: rgba(0, 0, 0, 0.18); --wtk-color-glass-shadow-inner: rgba(0, 0, 0, 0.08); --wtk-color-glass-highlight: rgba(255, 255, 255, 0.06); --wtk-color-glass-solid: rgb(34, 38, 40); --wtk-color-glass-topbar-background: rgba(0, 0, 0, 0.28); --wtk-color-glass-topbar-shadow: rgba(0, 0, 0, 0.18); --wtk-color-glass-topbar-highlight: rgba(255, 255, 255, 0.06); --wtk-color-contents-active-bg: rgba(255, 255, 255, 0.06); --wtk-color-contents-active-border: rgba(255, 255, 255, 0.08); --wtk-color-kit-palette-pink-on-tint: rgb(255 255 255); --wtk-color-kit-palette-grey-on-tint: rgb(0 0 0); --wtk-color-kit-palette-red-on-tint: rgb(255 255 255); --wtk-color-kit-palette-green-on-tint: rgb(255 255 255); --wtk-color-kit-palette-blue-on-tint: rgb(255 255 255); --wtk-color-kit-palette-orange-on-tint: rgb(255 255 255); --wtk-color-kit-palette-purple-on-tint: rgb(255 255 255); --wtk-color-kit-palette-yellow-on-tint: rgb(255 255 255); --wtk-color-kit-meta: var(--wtk-color-page-muted); --wtk-type-contents-index-date-opacity: 0.65; --wtk-filter-service-icon: invert(1); --wtk-glass-filter-card: blur(22px) saturate(140%); --wtk-glass-shadow-card-soft: 0 0 42px rgba(0, 0, 0, 0.12), 0 0 18px rgba(0, 0, 0, 0.06), inset 0 0 0 var(--wtk-color-glass-highlight); } } } @layer wtk.tokens, wtk.base, wtk.chrome; @layer wtk.content { .wtk-actions { align-items: center; gap: var(--wtk-space-3); margin-left: calc(var(--wtk-space-contents-item-bleed) * -1); margin-right: calc(var(--wtk-space-contents-item-bleed) * -1); display: flex; position: relative; } .wtk-actions-share { position: relative; } .wtk-actions-button { width: var(--wtk-size-control); height: var(--wtk-size-control); border: var(--wtk-size-hairline) solid transparent; border-radius: calc(var(--wtk-radius-contents-item) * var(--wtk-shape-corner-scale, 1)); corner-shape: var(--wtk-shape-corner); cursor: pointer; transition: background-color var(--wtk-motion-accent) ease, border-color var(--wtk-motion-accent) ease, color var(--wtk-motion-accent) ease; -webkit-tap-highlight-color: transparent; background: none; justify-content: center; align-items: center; padding: 0; display: inline-flex; color: var(--wtk-color-page-muted) !important; text-decoration: none !important; } .wtk-actions-button:focus-visible, .wtk-actions-button[aria-expanded="true"] { border-color: var(--wtk-color-contents-active-border); background: var(--wtk-color-contents-active-bg); color: var(--wtk-color-page-title) !important; } @media (hover: hover) { .wtk-actions-button:hover { border-color: var(--wtk-color-contents-active-border); background: var(--wtk-color-contents-active-bg); color: var(--wtk-color-page-title) !important; } } .wtk-actions-button:disabled { cursor: default; opacity: var(--wtk-opacity-disabled); transform: none; } [data-wtk-actions-preview] .wtk-actions-button:disabled { opacity: 1; } .wtk-actions-icon { width: var(--wtk-size-action-icon); height: var(--wtk-size-action-icon); } .wtk-actions-menu::backdrop { background: none; display: none; } .wtk-actions-menu { inset: auto; top: var(--wtk-actions-menu-top, auto); left: var(--wtk-actions-menu-left, auto); width: max-content; max-width: var(--wtk-actions-menu-max-width, calc(100vw - (2 * var(--wtk-layout-panel-margin)))); min-width: min(var(--wtk-layout-actions-menu-min-width), var(--wtk-actions-menu-max-width, calc(100vw - (2 * var(--wtk-layout-panel-margin))))); max-height: var(--wtk-actions-menu-max-height, none); overscroll-behavior: contain; padding: var(--wtk-space-3); border: var(--wtk-size-hairline) solid var(--wtk-color-glass-border); border-radius: calc(var(--wtk-radius-menu) * var(--wtk-shape-corner-scale, 1)); corner-shape: var(--wtk-shape-corner); background: var(--wtk-color-glass-solid); box-shadow: var(--wtk-glass-shadow-menu); color: inherit; margin: 0; position: fixed; overflow: auto; } .wtk-actions-menu:is(:popover-open, .is-open) { display: grid; } [data-wtk-popover="fallback"] .wtk-actions-menu { z-index: 30; top: calc(100% + var(--wtk-space-4)); max-height: none; position: absolute; left: 0; } [data-wtk-popover="fallback"] .wtk-actions-menu:not(.is-open) { display: none; } html[data-wtk-popover="fallback"] :is(.wtk-contents-rail, .wtk-contents-panel):has(.wtk-actions-menu.is-open) { overflow: visible; } .wtk-actions-menu-item { width: 100%; padding: var(--wtk-space-actions-menu-item-block) var(--wtk-space-5); border-radius: calc(var(--wtk-radius-menu-item) * var(--wtk-shape-corner-scale, 1)); corner-shape: var(--wtk-shape-corner); color: var(--wtk-color-page-text); cursor: pointer; font: inherit; font-size: var(--wtk-type-actions-menu-item); font-weight: var(--wtk-type-actions-menu-item-weight); line-height: var(--wtk-type-actions-menu-item-line-height); text-align: start; overflow-wrap: anywhere; background: none; border: 0; } .wtk-actions-menu-item:hover, .wtk-actions-menu-item:focus-visible { background: var(--wtk-color-contents-active-bg); color: var(--wtk-color-page-title); outline: none; } .wtk-actions-status { top: calc(100% + var(--wtk-space-actions-feedback-offset)); z-index: 11; min-height: var(--wtk-type-actions-feedback-min-height); padding: var(--wtk-space-actions-feedback-block) var(--wtk-space-actions-feedback-inline); border-radius: calc(var(--wtk-radius-feedback) * var(--wtk-shape-corner-scale, 1)); corner-shape: var(--wtk-shape-corner); background: var(--wtk-color-glass-solid); color: var(--wtk-color-page-title); font-size: var(--wtk-type-actions-feedback); font-weight: var(--wtk-type-actions-feedback-weight); line-height: var(--wtk-type-actions-feedback-line-height); opacity: 0; pointer-events: none; transform: translateY(calc(var(--wtk-space-actions-feedback-rise) * -1)); position: absolute; inset-inline-start: 0; } .wtk-actions-status:not(:empty) { opacity: 1; transform: translateY(0); } .wtk-actions-copy-buffer { opacity: 0; pointer-events: none; position: fixed; top: 0; left: 0; } @media (width <= 48em) { .wtk-contents-panel .wtk-actions { justify-content: flex-start; } } @media (prefers-reduced-motion: no-preference) { .wtk-actions-button { transition: background-color var(--wtk-motion-accent) ease, border-color var(--wtk-motion-accent) ease, color var(--wtk-motion-accent) ease, transform var(--wtk-motion-accent) ease; } .wtk-actions-button:active { transform: scale(.96); } .wtk-actions-button:disabled:active { transform: none; } .wtk-actions-status { transition: opacity var(--wtk-motion-accent) ease, transform var(--wtk-motion-accent) ease; } .wtk-actions-menu:is(:popover-open, .is-open) { transition: opacity var(--wtk-motion-panel) var(--wtk-motion-ease-emphasised), transform var(--wtk-motion-panel) var(--wtk-motion-ease-emphasised); } @starting-style { .wtk-actions-menu:is(:popover-open, .is-open) { opacity: 0; transform: translateY(var(--wtk-motion-panel-translate)) scale(.985); } } } @media (prefers-reduced-motion: reduce) { .wtk-actions-button, .wtk-actions-status, .wtk-actions-menu { transition: none; } } .wtk-app-landing { gap: var(--wtk-layout-desktop-content-gap); flex-direction: column; display: flex; } .wtk-landing-hero { gap: var(--wtk-space-landing-hero-gap); padding: var(--wtk-space-landing-hero-block) var(--wtk-space-landing-hero-inline); align-items: center; display: grid; } [data-wtk-landing="media"] { grid-template-columns: var(--wtk-layout-landing-columns); } [data-wtk-landing="text-led"] { padding: var(--wtk-space-landing-text-led); } .wtk-landing-info { min-width: 0; } [data-wtk-landing="text-led"] .wtk-landing-info { max-width: var(--wtk-size-landing-text-max); margin: auto; } :is(.wtk-landing-hero, .wtk-landing-features, .wtk-landing-pro) p, .wtk-landing-note { margin: 0 0 var(--wtk-space-landing-paragraph-below); } .wtk-landing-identity { align-items: center; gap: var(--wtk-space-landing-identity-gap); margin-bottom: var(--wtk-space-landing-identity-below); display: flex; } .wtk-landing-name { font-size: var(--wtk-type-landing-name); font-weight: var(--wtk-type-landing-weight-identity); letter-spacing: var(--wtk-type-landing-heading-tracking); } .wtk-landing-icon { object-fit: contain; width: var(--wtk-size-landing-icon); height: var(--wtk-size-landing-icon); filter: drop-shadow(var(--wtk-shadow-landing-icon)); display: block; } .wtk-landing-eyebrow { font-size: var(--wtk-type-landing-eyebrow); font-weight: var(--wtk-type-landing-weight-heading); letter-spacing: var(--wtk-type-landing-eyebrow-tracking); text-transform: uppercase; color: var(--wtk-color-page-muted); } .wtk-landing-promise, .wtk-landing-heading, .wtk-landing-pro h2, .wtk-landing-feature h3 { color: var(--wtk-color-page-title); line-height: var(--wtk-type-landing-heading-line); letter-spacing: var(--wtk-type-landing-heading-tracking); } @supports (text-wrap: balance) { :is(.wtk-landing-promise, .wtk-landing-heading, .wtk-landing-pro h2, .wtk-landing-feature h3) { text-wrap: balance; } } .wtk-landing-promise { font-size: var(--wtk-type-landing-promise); font-weight: var(--wtk-type-landing-weight-promise); margin: var(--wtk-space-landing-promise-above) 0 var(--wtk-space-landing-promise-below); } .wtk-landing-description { font-size: var(--wtk-type-landing-description); line-height: var(--wtk-type-landing-description-line); letter-spacing: var(--wtk-type-landing-description-tracking); } .wtk-landing-detail { color: var(--wtk-color-page-muted); max-width: var(--wtk-size-landing-detail-max); } .wtk-landing-media { aspect-ratio: var(--wtk-layout-landing-media-ratio); width: 100%; max-width: var(--wtk-size-landing-media-max); justify-self: start; position: relative; } .wtk-landing-media picture, .wtk-landing-media img { width: 100%; height: auto; display: block; } .wtk-landing-label { inset: calc(100% + var(--wtk-space-landing-label-offset)) 0 auto; text-align: center; font-size: var(--wtk-type-landing-label); font-weight: var(--wtk-type-landing-weight-identity); line-height: var(--wtk-type-landing-label-line); color: var(--wtk-color-page-muted); position: absolute; } .wtk-landing-actions { gap: var(--wtk-space-landing-actions-gap); margin-top: var(--wtk-space-landing-actions-above); flex-wrap: wrap; display: flex; } .wtk-landing-badge img { max-width: 100%; height: auto; display: block; } .wtk-landing-features { padding: var(--wtk-space-landing-section-block) var(--wtk-space-landing-section-inline); } .wtk-landing-section-heading { margin-bottom: var(--wtk-space-landing-heading-below); } .wtk-landing-heading, .wtk-landing-pro h2 { font-size: var(--wtk-type-landing-heading); font-weight: var(--wtk-type-landing-weight-heading); margin: var(--wtk-space-landing-heading-above) 0 var(--wtk-space-landing-paragraph-below); } .wtk-landing-grid { gap: var(--wtk-space-landing-grid-row) var(--wtk-space-landing-grid-column); grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; } .wtk-landing-number { font-size: var(--wtk-type-landing-number); color: var(--wtk-color-link); font-variant-numeric: tabular-nums; font-weight: var(--wtk-type-landing-weight-heading); } .wtk-landing-feature h3 { font-size: var(--wtk-type-landing-feature-heading); font-weight: var(--wtk-type-landing-weight-heading); margin: var(--wtk-space-landing-feature-heading-margin) 0; } .wtk-landing-feature p { font-size: var(--wtk-type-landing-feature-text); line-height: var(--wtk-type-landing-text-line); color: var(--wtk-color-page-muted); } [data-wtk-landing-marker="icon"] .wtk-landing-feature { align-items: start; gap: var(--wtk-space-landing-actions-gap); display: flex; } .wtk-landing-feature-icon { width: var(--wtk-size-landing-feature-icon); height: var(--wtk-size-landing-feature-icon); flex: none; } .wtk-landing-pro { grid-template-columns: var(--wtk-layout-landing-pro-columns); padding: var(--wtk-space-landing-pro-pad); gap: var(--wtk-space-landing-pro-gap); display: grid; } .wtk-landing-note { padding: 0 var(--wtk-space-9); font-size: var(--wtk-type-note); line-height: var(--wtk-type-landing-text-line); color: var(--wtk-color-page-muted); } @media (width <= 62em) { .wtk-landing-hero { gap: var(--wtk-space-landing-hero-gap-tablet); padding: var(--wtk-space-landing-hero-block-tablet) var(--wtk-space-landing-hero-inline-tablet); } [data-wtk-landing="media"] { grid-template-columns: var(--wtk-layout-landing-columns-tablet); } [data-wtk-landing="text-led"] { padding: var(--wtk-space-landing-text-led); } .wtk-landing-promise { font-size: var(--wtk-type-landing-promise-tablet); } .wtk-landing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width <= 48em) { .wtk-app-landing { gap: var(--wtk-layout-mobile-page-gap); } .wtk-landing-hero, [data-wtk-landing="text-led"] { padding: var(--wtk-space-landing-hero-block-mobile) var(--wtk-space-landing-hero-inline-mobile); } [data-wtk-landing="media"] { grid-template-columns: 1fr; } .wtk-landing-info { grid-row: 1; } .wtk-landing-hero:has(.wtk-landing-label) { padding-bottom: var(--wtk-space-landing-label-reserve); } .wtk-landing-identity { gap: var(--wtk-space-landing-identity-gap-mobile); margin-bottom: var(--wtk-space-landing-identity-below-mobile); } .wtk-landing-icon { width: var(--wtk-size-landing-icon-mobile); height: var(--wtk-size-landing-icon-mobile); } .wtk-landing-name { font-size: var(--wtk-type-landing-name-mobile); } .wtk-landing-promise { font-size: var(--wtk-type-landing-promise-mobile); } .wtk-landing-description { font-size: var(--wtk-type-landing-description-mobile); } .wtk-landing-media { max-width: var(--wtk-size-landing-media-mobile); justify-self: center; } .wtk-landing-features { padding: var(--wtk-space-landing-section-block-mobile) var(--wtk-space-landing-hero-inline-mobile); } .wtk-landing-grid { gap: var(--wtk-space-landing-grid-mobile); } .wtk-landing-pro { padding: var(--wtk-space-landing-pro-pad-mobile); gap: var(--wtk-space-landing-pro-gap-mobile); grid-template-columns: 1fr; } } @media (width <= 28.75em) { .wtk-landing-hero, [data-wtk-landing="text-led"] { padding: var(--wtk-space-landing-hero-block-phone) var(--wtk-space-landing-hero-inline-phone); } .wtk-landing-name { font-size: var(--wtk-type-landing-name-phone); } .wtk-landing-promise { font-size: var(--wtk-type-landing-promise-phone); } .wtk-landing-actions { align-items: stretch; } .wtk-landing-grid { grid-template-columns: 1fr; } .wtk-landing-features { padding: var(--wtk-space-landing-section-block-mobile) var(--wtk-space-landing-hero-inline-phone); } } .wtk-button { width: fit-content; min-height: var(--wtk-size-button-height); padding: 0 var(--wtk-space-button-inline); border: var(--wtk-size-hairline) solid var(--wtk-color-contents-active-border); border-radius: var(--wtk-radius-pill); background: var(--wtk-color-contents-active-bg); color: var(--wtk-color-page-title); font-family: inherit; font-size: var(--wtk-type-button); font-weight: var(--wtk-type-button-weight); cursor: pointer; transition: background-color var(--wtk-motion-surface) ease, border-color var(--wtk-motion-surface) ease, transform var(--wtk-motion-surface) ease; justify-content: center; align-items: center; line-height: 1; text-decoration: none; display: inline-flex; } .wtk-button:hover, .wtk-button:focus-visible { border-color: var(--wtk-color-settings-active-border); background: var(--wtk-color-settings-active-bg); color: var(--wtk-color-page-title); } .wtk-button:active { transform: scale(var(--wtk-motion-press-scale)); } @media (prefers-reduced-motion: reduce) { .wtk-button { transition: none; } } .wtk-button[data-wtk-button-size="large"] { min-height: var(--wtk-size-landing-button-height); padding: var(--wtk-space-landing-button-block) var(--wtk-space-landing-button-inline); gap: var(--wtk-space-landing-button-gap); border-radius: var(--wtk-radius-landing-button); font-size: var(--wtk-type-landing-button); font-weight: var(--wtk-type-landing-weight-identity); line-height: var(--wtk-type-line-height); } .wtk-button.wtk-primary-action { background-image: none; border: 0; } .wtk-button[data-wtk-button-variant="secondary"], .wtk-button[data-wtk-button-variant="secondary"]:hover, .wtk-button[data-wtk-button-variant="secondary"]:focus-visible { background: var(--wtk-color-glass-background); border-color: var(--wtk-color-page-rule); color: var(--wtk-color-link); } @media (width <= 28.75em) { .wtk-button[data-wtk-button-size="large"] { padding: var(--wtk-space-landing-button-block-phone) var(--wtk-space-landing-button-inline-phone); } } html[data-wtk-carousel-open] .newsroomGuest { overflow: hidden; } [data-wtk-carousel-trigger] { cursor: zoom-in; } [data-wtk-carousel-trigger]:focus:not(:focus-visible) { outline: none; } .wtk-carousel { background: var(--wtk-color-carousel-backdrop); width: 100%; max-width: none; height: 100%; max-height: none; backdrop-filter: var(--wtk-glass-filter-carousel); color: var(--wtk-color-carousel-control); border: 0; margin: 0; padding: 0; position: fixed; inset: 0; overflow: hidden; } .wtk-carousel[open] { justify-content: center; align-items: center; display: flex; } .wtk-carousel::backdrop { background: none; } .wtk-carousel-track { scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; width: 100%; height: 100%; display: flex; overflow: auto hidden; } .wtk-carousel-track::-webkit-scrollbar { display: none; } .wtk-carousel-slide { scroll-snap-align: center; scroll-snap-stop: always; flex: 0 0 100%; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .wtk-carousel-image { width: auto; height: auto; max-width: var(--wtk-layout-carousel-media-max-width); max-height: var(--wtk-layout-carousel-media-max-height); object-fit: contain; box-shadow: var(--wtk-shadow-carousel-image); } .wtk-carousel-control { width: var(--wtk-size-carousel-control); height: var(--wtk-size-carousel-control); padding: var(--wtk-space-carousel-control); color: var(--wtk-color-carousel-control); cursor: pointer; opacity: 0; background: none; border: 0; justify-content: center; align-items: center; display: flex; position: absolute; } .wtk-carousel-control svg { width: 100%; height: 100%; } .wtk-carousel-close { top: max(var(--wtk-space-carousel-edge), env(safe-area-inset-top)); left: max(var(--wtk-space-carousel-edge), env(safe-area-inset-left)); } .wtk-carousel-prev, .wtk-carousel-next { transform: translateY(-50%) translateX(var(--wtk-carousel-control-offset)) scale(var(--wtk-scale-carousel-control)); top: 50%; } .wtk-carousel-prev { --wtk-carousel-control-offset: calc(var(--wtk-motion-carousel-control-offset) * -1); left: max(var(--wtk-space-carousel-edge), env(safe-area-inset-left)); } .wtk-carousel-next { --wtk-carousel-control-offset: var(--wtk-motion-carousel-control-offset); right: max(var(--wtk-space-carousel-edge), env(safe-area-inset-right)); } .wtk-carousel:is([data-wtk-carousel-controls], :has(:focus-visible)) .wtk-carousel-control { opacity: var(--wtk-opacity-carousel-control); } .wtk-carousel:is([data-wtk-carousel-controls], :has(:focus-visible)) :is(.wtk-carousel-prev, .wtk-carousel-next) { transform: translateY(-50%) translateX(0) scale(1); } .wtk-carousel:is([data-wtk-carousel-controls], :has(:focus-visible)) .wtk-carousel-control:hover { opacity: var(--wtk-opacity-carousel-control-hover); } .wtk-carousel:is([data-wtk-carousel-controls], :has(:focus-visible)) .wtk-carousel-close:hover { transform: scale(var(--wtk-scale-carousel-control-hover)); } .wtk-carousel:is([data-wtk-carousel-controls], :has(:focus-visible)) :is(.wtk-carousel-prev, .wtk-carousel-next):hover { transform: translateY(-50%) translateX(0) scale(var(--wtk-scale-carousel-control-hover)); } .wtk-carousel .wtk-carousel-control[aria-disabled="true"]:not(:focus-visible) { opacity: 0; pointer-events: none; transform: translateY(-50%) translateX(var(--wtk-carousel-control-offset)) scale(var(--wtk-scale-carousel-control)); } @media (width <= 48em) { .wtk-carousel-control { width: var(--wtk-size-carousel-control-compact); height: var(--wtk-size-carousel-control-compact); padding: var(--wtk-space-carousel-control-compact); } .wtk-carousel-close { top: max(var(--wtk-space-carousel-edge-compact), env(safe-area-inset-top)); left: max(var(--wtk-space-carousel-edge-compact), env(safe-area-inset-left)); } .wtk-carousel-prev { left: max(var(--wtk-space-carousel-edge-compact), env(safe-area-inset-left)); } .wtk-carousel-next { right: max(var(--wtk-space-carousel-edge-compact), env(safe-area-inset-right)); } } @media (prefers-reduced-motion: no-preference) { .wtk-carousel { opacity: 0; transition: opacity var(--wtk-motion-carousel) ease, display var(--wtk-motion-carousel) allow-discrete, overlay var(--wtk-motion-carousel) allow-discrete; } .wtk-carousel[open] { opacity: 1; } @starting-style { .wtk-carousel[open] { opacity: 0; } } .wtk-carousel-control { transition: opacity var(--wtk-motion-carousel) ease, transform var(--wtk-motion-carousel) var(--wtk-motion-ease-emphasised); } } .newsroomGuest { --wtk-contents-top: var(--wtk-layout-desktop-contents-top); --wtk-contents-gap: var(--wtk-layout-desktop-content-gap); } html:has(.wtk-app-header) .newsroomGuest { --wtk-contents-top: var(--wtk-layout-app-desktop-contents-top); --wtk-contents-gap: var(--wtk-layout-app-desktop-gutter); } .wtk-contents { display: contents; } [data-wtk-contents-layout] { width: min(100%, calc(var(--wtk-layout-content-width) + var(--wtk-layout-contents-width) + var(--wtk-contents-gap))); grid-template-columns: minmax(var(--wtk-layout-contents-min-width), var(--wtk-layout-contents-width)) minmax(0, var(--wtk-layout-content-width)); justify-content: center; align-items: start; gap: var(--wtk-contents-gap); display: grid; } [data-wtk-contents-content] { margin-bottom: var(--wtk-contents-end-padding, 0); grid-column: 2; } [data-wtk-contents-target] { scroll-margin-top: var(--wtk-contents-top); } [data-wtk-contents-target]:focus:not(:focus-visible) { outline: none; } .wtk-contents-rail, .wtk-contents-mobile { color: var(--wtk-color-page-muted); -ms-overflow-style: none; scrollbar-width: none; } .wtk-contents :is(.wtk-contents-rail, .wtk-contents-mobile) { transition: background-color var(--wtk-motion-surface) ease, border-color var(--wtk-motion-surface) ease, box-shadow var(--wtk-motion-surface) ease, color var(--wtk-motion-surface) ease; } .wtk-contents-rail::-webkit-scrollbar { display: none; } .wtk-contents-list::-webkit-scrollbar { display: none; } .wtk-contents-rail { top: var(--wtk-contents-top); max-height: calc(100vh - var(--wtk-contents-top) - var(--wtk-contents-gap)); max-height: calc(100dvh - var(--wtk-contents-top) - var(--wtk-contents-gap)); padding: var(--wtk-space-contents-rail); grid-area: 1 / 1; position: sticky; overflow: auto; } .wtk-contents-rail:has(.wtk-contents-list) { padding-bottom: var(--wtk-space-contents-rail-end); } [data-wtk-contents-kind="index"] .wtk-contents-rail { padding-top: var(--wtk-space-contents-index-block); padding-bottom: var(--wtk-space-contents-index-block); } .wtk-contents-eyebrow { margin-bottom: var(--wtk-space-contents-eyebrow-after); color: var(--wtk-color-page-muted); font-size: var(--wtk-type-contents-eyebrow); font-weight: var(--wtk-type-contents-eyebrow-weight); line-height: var(--wtk-type-contents-eyebrow-line-height); } .wtk-contents-eyebrow a, .wtk-contents-summary-crumb { font-weight: var(--wtk-type-contents-eyebrow-weight); color: var(--wtk-color-page-muted) !important; } .wtk-contents-eyebrow a:hover, .wtk-contents-eyebrow a:focus, .wtk-contents-summary-crumb:hover, .wtk-contents-summary-crumb:focus { color: var(--wtk-color-page-title) !important; } .wtk-contents-eyebrow-separator { margin: 0 var(--wtk-space-contents-eyebrow-separator); opacity: var(--wtk-type-contents-eyebrow-separator-opacity); } .wtk-contents-header h2 { color: var(--wtk-color-page-title); font-size: var(--wtk-type-contents-title); line-height: var(--wtk-type-contents-title-line-height); overflow-wrap: anywhere; margin: 0; } .wtk-contents-header time { margin-top: var(--wtk-space-contents-time); color: var(--wtk-color-page-muted); font-size: var(--wtk-type-contents-date); font-weight: var(--wtk-type-contents-date-weight); line-height: var(--wtk-type-contents-date-line-height); display: block; } .wtk-contents-header h2, .wtk-contents-header time, .wtk-contents-summary { transition: color var(--wtk-motion-surface) ease, border-color var(--wtk-motion-surface) ease; } .wtk-contents-divider { border: none; border-top: var(--wtk-size-hairline) solid var(--wtk-color-page-rule); height: 0; margin: var(--wtk-space-contents-divider-before) calc(var(--wtk-space-contents-divider-bleed) * -1) var(--wtk-space-contents-divider-after); } .wtk-contents-divider[data-wtk-contents-divider="actions"] { margin-top: var(--wtk-space-contents-divider-after); } .wtk-contents-mobile { display: none; } .wtk-contents-summary { color: var(--wtk-color-page-title); font-size: var(--wtk-type-contents-summary); font-weight: var(--wtk-type-contents-summary-weight); line-height: var(--wtk-type-contents-summary-line-height); cursor: pointer; list-style: none; } .wtk-contents-summary::-webkit-details-marker { display: none; } .wtk-contents-list { gap: var(--wtk-space-contents-list-gap); margin: 0; padding: 0; list-style: none; display: grid; } .wtk-contents-item { border: var(--wtk-size-hairline) solid transparent; border-radius: calc(var(--wtk-radius-contents-item) * var(--wtk-shape-corner-scale, 1)); corner-shape: var(--wtk-shape-corner); margin-left: calc(var(--wtk-space-contents-item-bleed) * -1); margin-right: calc(var(--wtk-space-contents-item-bleed) * -1); transition: background-color var(--wtk-motion-surface) ease, border-color var(--wtk-motion-surface) ease, box-shadow var(--wtk-motion-surface) ease; -webkit-tap-highlight-color: transparent; position: relative; } .wtk-contents-list[data-wtk-contents-min-level="2"] .wtk-contents-item[data-wtk-contents-level="3"] { padding-left: var(--wtk-space-contents-level-indent); } .wtk-contents-link { font-size: var(--wtk-type-contents-link); font-weight: var(--wtk-type-contents-link-weight); line-height: var(--wtk-type-contents-link-line-height); padding: var(--wtk-space-contents-link); transition: color var(--wtk-motion-surface) ease, font-weight var(--wtk-motion-surface) ease; display: block; color: var(--wtk-color-page-muted) !important; } .wtk-contents-link:hover, .wtk-contents-link:focus { text-decoration: none; color: var(--wtk-color-accent, currentColor) !important; } .wtk-contents-link-text { display: block; } .wtk-contents-link:has( > .wtk-contents-link-meta) { align-items: baseline; column-gap: var(--wtk-space-contents-meta-gap); grid-template-columns: minmax(0, 1fr) auto; display: grid; } .wtk-contents-link-meta { color: var(--wtk-color-page-muted); font-size: var(--wtk-type-contents-index-date); font-weight: var(--wtk-type-contents-index-date-weight); font-variant-numeric: tabular-nums; text-align: end; } .wtk-contents-link-date { font-size: var(--wtk-type-contents-index-date); font-weight: var(--wtk-type-contents-index-date-weight); opacity: var(--wtk-type-contents-index-date-opacity); margin-top: var(--wtk-space-contents-date); display: block; } .wtk-contents-link[aria-current="location"] { font-weight: var(--wtk-type-contents-link-weight-current); color: var(--wtk-color-page-title) !important; } .wtk-contents-item:has( > [aria-current="location"]) { border-color: var(--wtk-color-contents-active-border); background: var(--wtk-color-contents-active-bg); } @media (width <= 48em) { .newsroomGuest { --wtk-contents-top: var(--wtk-layout-mobile-contents-top); } html:has(.wtk-app-header) .newsroomGuest { --wtk-contents-top: var(--wtk-layout-app-mobile-contents-top); } html:has([data-wtk-contents-mobile]) .newsroomGuest { --wtk-settings-bar-gap: var(--wtk-layout-mobile-contents-gap); } [data-wtk-contents-layout] { width: min(100%, var(--wtk-layout-content-width)); padding-bottom: var(--wtk-contents-end-padding, 0); display: block; } [data-wtk-contents-content] { margin-bottom: 0; } [data-wtk-contents-target] { scroll-margin-top: calc(var(--wtk-contents-top) + var(--wtk-type-prose-anchor-offset-mobile-contents) + var(--wtk-layout-mobile-page-gap)); } .wtk-contents-rail { display: none; } .wtk-contents-mobile { top: var(--wtk-contents-top); z-index: 9; width: calc(100% + (var(--wtk-layout-topbar-bleed) * 2)); margin: calc(var(--wtk-layout-mobile-contents-gap) * -1) calc(var(--wtk-layout-topbar-bleed) * -1) var(--wtk-layout-mobile-page-gap); padding: var(--wtk-space-contents-bar-block) var(--wtk-space-contents-bar-inline); border: var(--wtk-size-hairline) solid var(--wtk-color-glass-border); border-radius: calc(var(--wtk-radius-glass-card) * var(--wtk-shape-corner-scale, 1)); corner-shape: var(--wtk-shape-corner); background: var(--wtk-color-glass-topbar-background); backdrop-filter: var(--wtk-glass-filter-topbar); box-shadow: var(--wtk-glass-shadow-topbar); display: block; position: sticky; overflow: visible; } .wtk-contents-summary { justify-content: flex-start; align-items: center; gap: var(--wtk-space-contents-summary-gap); -webkit-tap-highlight-color: transparent; transition: color var(--wtk-motion-accent) ease, font-weight var(--wtk-motion-surface) ease; margin: 0; padding: 0; display: flex; } .wtk-contents-summary::marker { content: ""; } .wtk-contents-mobile[open] .wtk-contents-summary { color: var(--wtk-color-page-title); font-weight: var(--wtk-type-contents-summary-weight); } .wtk-contents-summary-label { flex: auto; min-width: 0; display: grid; } .wtk-contents-summary-text { overflow-clip-margin: var(--wtk-space-contents-label-clip); white-space: nowrap; text-overflow: ellipsis; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; min-width: 0; transition: opacity var(--wtk-motion-contents-summary) ease-in-out, filter var(--wtk-motion-contents-summary) ease-in-out; will-change: opacity, filter; grid-area: 1 / 1; overflow: clip; } .wtk-contents-summary-text[data-wtk-contents-summary-current] { opacity: 1; filter: blur(); } .wtk-contents-summary-text[data-wtk-contents-summary-next], .wtk-contents-mobile[data-wtk-contents-summary-animating] [data-wtk-contents-summary-current] { opacity: 0; filter: blur(var(--wtk-motion-contents-summary-blur)); } .wtk-contents-mobile[data-wtk-contents-summary-animating] [data-wtk-contents-summary-next] { opacity: 1; filter: blur(); } [data-wtk-contents-summary-motion="odometer"] .wtk-contents-summary-label { font-variant-numeric: tabular-nums; } .wtk-contents-summary-odometer { white-space: nowrap; grid-area: 1 / 1; min-width: 0; display: none; overflow: hidden; } .wtk-contents-mobile[data-wtk-contents-summary-animating="odometer"] .wtk-contents-summary-odometer { display: block; } .wtk-contents-mobile[data-wtk-contents-summary-animating="odometer"] .wtk-contents-summary-text { visibility: hidden; opacity: 1; filter: none; transition: none; } .wtk-contents-odometer-char { vertical-align: baseline; white-space: pre; display: inline-block; } .wtk-contents-odometer-reel { vertical-align: baseline; display: inline-block; position: relative; } .wtk-contents-odometer-strut { visibility: hidden; } .wtk-contents-odometer-clip { height: 1lh; position: absolute; top: 0; left: 0; right: 0; overflow: hidden; } .wtk-contents-odometer-track { transition: top var(--wtk-motion-contents-odometer) var(--wtk-motion-ease-odometer); display: block; position: relative; top: 0; } [data-wtk-contents-odometer-reel="down"] .wtk-contents-odometer-track, [data-wtk-contents-summary-rolling] [data-wtk-contents-odometer-reel="up"] .wtk-contents-odometer-track { top: -1lh; } [data-wtk-contents-summary-rolling] [data-wtk-contents-odometer-reel="down"] .wtk-contents-odometer-track { top: 0; } .wtk-contents-odometer-cell { height: 1lh; display: block; } .wtk-contents-summary-trail { white-space: nowrap; scrollbar-width: none; min-width: 0; scroll-padding-inline: var(--wtk-space-contents-bar-inline); flex: auto; display: block; overflow: auto hidden; } .wtk-contents-summary-trail::-webkit-scrollbar { display: none; } .wtk-contents-summary-crumb:focus-visible { outline-offset: calc(var(--wtk-size-focus-ring) * -1); } .wtk-contents-summary-trail { padding-block: var(--wtk-space-contents-bar-block); margin-block: calc(var(--wtk-space-contents-bar-block) * -1); } .wtk-contents-summary-crumb { padding-block: var(--wtk-space-contents-bar-block); } .wtk-contents-summary-trail .wtk-contents-eyebrow-separator { color: var(--wtk-color-page-muted); } [data-wtk-contents-summary="static"] .wtk-contents-summary-label, [data-wtk-contents-summary="static"] .wtk-contents-summary-text { display: inline; } .wtk-contents-summary:before { content: "▶"; font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif; font-size: var(--wtk-type-contents-chevron); transform-origin: 50%; transition: transform var(--wtk-motion-surface) ease; line-height: 0; display: block; } .wtk-contents-mobile[open] .wtk-contents-summary:before { transform: rotate(90deg); } .wtk-contents-panel { left: 0; right: 0; top: calc(100% + var(--wtk-layout-mobile-page-gap)); padding: var(--wtk-space-contents-panel-block) var(--wtk-space-contents-panel-inline) var(--wtk-space-contents-panel-block); border: var(--wtk-size-hairline) solid var(--wtk-color-glass-border); border-radius: var(--wtk-radius-glass-card); background: var(--wtk-color-glass-solid); max-height: 0; box-shadow: var(--wtk-glass-shadow-card); opacity: 0; pointer-events: none; transform: translateY(var(--wtk-space-contents-panel-offset)); transition: max-height var(--wtk-motion-surface) ease, opacity var(--wtk-motion-contents-fade) ease, transform var(--wtk-motion-surface) ease, background-color var(--wtk-motion-surface) ease, border-color var(--wtk-motion-surface) ease, box-shadow var(--wtk-motion-surface) ease; scrollbar-width: none; will-change: max-height, opacity, transform; margin-top: 0; position: absolute; overflow: auto; } .wtk-contents-mobile[open] .wtk-contents-panel, .wtk-contents-mobile[data-wtk-contents-motion] .wtk-contents-panel { max-height: var(--wtk-layout-mobile-contents-max-height); opacity: 1; pointer-events: auto; transform: translateY(0); } @supports (max-height: 1dvh) { .wtk-contents-mobile[open] .wtk-contents-panel, .wtk-contents-mobile[data-wtk-contents-motion] .wtk-contents-panel { max-height: var(--wtk-layout-mobile-contents-max-height-dynamic); } } .wtk-contents-mobile[data-wtk-contents-motion="closing"] .wtk-contents-panel { pointer-events: none; } .wtk-contents-mobile[data-wtk-contents-motion] .wtk-contents-panel { overflow: hidden; } .wtk-contents-panel .wtk-contents-divider[data-wtk-contents-divider="actions"] { margin: var(--wtk-space-contents-divider-mobile) 0 var(--wtk-space-contents-divider-mobile); } } @supports not (backdrop-filter: blur(1px)) { .wtk-contents-mobile { background: var(--wtk-color-glass-solid); } } @media (prefers-reduced-motion: reduce) { .wtk-contents :is(.wtk-contents-rail, .wtk-contents-mobile), .wtk-contents-mobile *, .wtk-contents-mobile :before, .wtk-contents-rail * { transition: none; } } .wtk-glass, .wtk-glass { border: var(--wtk-size-hairline) solid var(--wtk-color-glass-border); border-radius: calc(var(--wtk-radius-glass-card) * var(--wtk-shape-corner-scale, 1)); corner-shape: var(--wtk-shape-corner); background: var(--wtk-color-glass-background); backdrop-filter: var(--wtk-glass-filter-card); box-shadow: var(--wtk-glass-shadow-card); transition: background-color var(--wtk-motion-surface) ease, border-color var(--wtk-motion-surface) ease, box-shadow var(--wtk-motion-surface) ease; } .wtk-glass[data-wtk-glass-size="document"], .wtk-glass[data-wtk-glass-size="document"] { border-radius: calc(var(--wtk-radius-glass-document) * var(--wtk-shape-corner-scale, 1)); } .wtk-glass[data-wtk-glass-size="feature"], .wtk-glass[data-wtk-glass-size="feature"] { border-radius: calc(var(--wtk-radius-glass-feature) * var(--wtk-shape-corner-scale, 1)); } .wtk-glass[data-wtk-glass-emphasis="soft"], .wtk-glass[data-wtk-glass-emphasis="soft"] { box-shadow: var(--wtk-glass-shadow-card-soft); } .wtk-glass[data-wtk-glass-emphasis="soft"][data-wtk-contents-current], .wtk-glass[data-wtk-glass-emphasis="soft"][data-wtk-contents-current] { box-shadow: var(--wtk-glass-shadow-card); } @media (width >= 48.0625em) { html[data-wtk-glass-blur="none"] :is(.wtk-glass, .wtk-glass) { backdrop-filter: none; } } @supports not (backdrop-filter: blur(1px)) { .wtk-glass, .wtk-glass { background: var(--wtk-color-glass-solid); } } @media (prefers-reduced-motion: reduce) { .wtk-glass, .wtk-glass { transition: none; } } .wtk-tint-text { color: var(--wtk-color-accent, currentColor); } .wtk-primary-action, .wtk-primary-action:hover, .wtk-primary-action:focus, .wtk-primary-action:active { background-color: var(--wtk-color-kit-primary-tint); color: var(--wtk-color-kit-primary-foreground); } :is(.wtk-prose, .wtk-prose) { color: var(--wtk-color-page-text); font-family: var(--wtk-font-serif); font-size: var(--wtk-type-body); line-height: var(--wtk-type-line-height); } [data-wtk-typeface="rounded"] :is(.wtk-prose, .wtk-prose) { font-family: var(--wtk-font-rounded); } [data-wtk-page="document"], [data-wtk-page="document"] body, [data-wtk-page="document"] :is(.wtk-prose, .wtk-prose), :is(.wtk-prose, .wtk-prose)[data-wtk-page="document"] { font-family: var(--wtk-font-serif); } :is([data-wtk-page="document"] .wtk-glass, .wtk-glass[data-wtk-page="document"])[data-wtk-glass-size="document"] { padding: var(--wtk-space-document-pane); } :is([data-wtk-page="document"] .wtk-glass, .wtk-glass[data-wtk-page="document"])[data-wtk-glass-size="document"] > :first-child { margin-top: 0; } :is([data-wtk-page="document"] .wtk-glass, .wtk-glass[data-wtk-page="document"])[data-wtk-glass-size="document"] > :last-child { margin-bottom: 0; } :is([data-wtk-page="document"] .wtk-prose, .wtk-prose[data-wtk-page="document"]) h1 { color: var(--wtk-color-page-title); font-size: var(--wtk-type-h2); line-height: var(--wtk-type-prose-heading-line-height); margin: var(--wtk-type-prose-heading-space-before) 0 var(--wtk-type-prose-heading-space-after); } @media (width <= 48em) { :is([data-wtk-page="document"] .wtk-glass, .wtk-glass[data-wtk-page="document"])[data-wtk-glass-size="document"] { padding: var(--wtk-space-document-pane-mobile); } } :is(.wtk-prose, .wtk-prose) :is(h2, h3, h4, h5, h6) { color: var(--wtk-color-page-title); line-height: var(--wtk-type-prose-heading-line-height); margin: var(--wtk-type-prose-heading-space-before) 0 var(--wtk-type-prose-heading-space-after); } .wtk-prose > h1 { color: var(--wtk-color-page-title); font-size: var(--wtk-type-h1); line-height: var(--wtk-type-prose-heading-line-height); margin: var(--wtk-type-prose-heading-space-before) 0 var(--wtk-type-prose-heading-space-after); } :is(.wtk-prose, .wtk-prose) h2 { border-bottom: var(--wtk-size-hairline) solid var(--wtk-color-page-rule); font-size: var(--wtk-type-h2); padding-bottom: var(--wtk-type-prose-h2-rule-gap); } :is(.wtk-prose, .wtk-prose) h3 { font-size: var(--wtk-type-h3); } :is(.wtk-prose, .wtk-prose) :is(h2, h3)[id] { scroll-margin-top: var(--wtk-layout-desktop-contents-top); } :is(.wtk-prose, .wtk-prose) :is(p, li) { color: var(--wtk-color-page-text); overflow-wrap: anywhere; } :is(.wtk-meta, .wtk-meta, .wtk-meta, .wtk-meta) { font-size: var(--wtk-type-meta); font-weight: var(--wtk-type-meta-weight); color: var(--wtk-color-kit-meta); } :is(.wtk-prose, .wtk-prose) li p { margin: 0; } :is(.wtk-prose, .wtk-prose) li p + p { margin-top: var(--wtk-type-prose-list-paragraph-gap); } :is(.wtk-prose, .wtk-prose) :is(p, ul, ol, blockquote, pre, table) { margin: 0 0 var(--wtk-type-prose-block-space); } :is(.wtk-prose, .wtk-prose) :is(ul, ol) { padding-left: var(--wtk-type-prose-list-indent); } :is(.wtk-prose, .wtk-prose) blockquote { border-left: var(--wtk-type-prose-quote-rule) solid var(--wtk-color-page-rule); color: var(--wtk-color-page-muted); padding-left: var(--wtk-type-prose-quote-indent); } :is(.wtk-prose, .wtk-prose) code { border-radius: var(--wtk-radius-prose-code); background: var(--wtk-color-page-code-bg); font-family: var(--wtk-font-mono); font-size: var(--wtk-type-prose-code-size); padding: var(--wtk-type-prose-code-padding-block) var(--wtk-type-prose-code-padding-inline); } :is(.wtk-prose, .wtk-prose) pre { border-radius: var(--wtk-radius-prose-pre); background: var(--wtk-color-page-code-bg); padding: var(--wtk-type-prose-pre-padding); overflow-x: auto; } :is(.wtk-prose, .wtk-prose) pre code { background: none; padding: 0; } :is(.wtk-prose, .wtk-prose) img { border-radius: var(--wtk-radius-prose-image); width: 100%; max-width: 100%; height: auto; display: block; } :is(.wtk-prose, .wtk-prose) audio { width: 100%; margin: var(--wtk-type-prose-block-space) 0; display: block; } :is(.wtk-prose, .wtk-prose) hr { height: 0; margin: var(--wtk-type-prose-block-space) 0; border: none; border-top: var(--wtk-size-hairline) solid var(--wtk-color-page-rule); } :is(.wtk-prose, .wtk-prose) :is(h2, h3, h4, h5, h6, p, li) { transition: color var(--wtk-motion-surface) ease, border-color var(--wtk-motion-surface) ease; } @media (width <= 48em) { :is(.wtk-prose, .wtk-prose) :is(h2, h3)[id] { scroll-margin-top: calc(var(--wtk-layout-mobile-contents-top) + var(--wtk-type-prose-anchor-offset-mobile-contents) + var(--wtk-layout-mobile-page-gap)); } :is(.wtk-prose, .wtk-prose) :is(p, ul, ol, blockquote, pre, table) { margin: 0 0 var(--wtk-type-prose-block-space-compact); } :is(.wtk-prose, .wtk-prose) :is(audio, hr) { margin: var(--wtk-type-prose-block-space-compact) 0; } } :is(.wtk-fade-image, .wtk-fade-image) { transition: opacity var(--wtk-motion-image-reveal) ease-in; } :is(.wtk-fade-image, .wtk-fade-image)[data-wtk-fade-image="pending"] { opacity: 0; } @media (prefers-reduced-motion: reduce) { :is(.wtk-prose, .wtk-prose) :is(h2, h3, h4, h5, h6, p, li), :is(.wtk-fade-image, .wtk-fade-image) { transition: none; } } .wtk-wordmark .brandWordTail { font-feature-settings: "smcp" 1, "c2sc" 1; font-variant-caps: all-small-caps; } .wtk-service-grid { grid-template-columns: repeat(auto-fit, minmax(min(var(--wtk-layout-service-grid-min), 100%), 1fr)); gap: var(--wtk-space-service-grid-gap); margin: 0; padding: 0; list-style: none; display: grid; } .wtk-service-grid > li { min-inline-size: 0; display: flex; } .wtk-service-button { justify-content: space-between; align-items: flex-start; gap: var(--wtk-space-service-label-gap); min-inline-size: 0; padding: var(--wtk-space-service-button); border: var(--wtk-size-hairline) solid var(--wtk-color-glass-border); border-radius: calc(var(--wtk-radius-service-button) * var(--wtk-shape-corner-scale, 1)); corner-shape: var(--wtk-shape-corner); background: var(--wtk-color-glass-topbar-background); box-shadow: var(--wtk-glass-shadow-topbar); backdrop-filter: var(--wtk-glass-filter-card); color: var(--wtk-color-page-text); transition: border-color var(--wtk-motion-accent) ease, transform var(--wtk-motion-control) ease; flex-direction: column; flex: 1; text-decoration: none; display: flex; } .wtk-service-icon { inline-size: var(--wtk-size-service-icon); block-size: var(--wtk-size-service-icon); flex: none; display: block; } .wtk-service-icon img { object-fit: contain; block-size: 100%; inline-size: 100%; filter: var(--wtk-filter-service-icon); display: block; } .wtk-service-label { -webkit-line-clamp: 2; font-size: var(--wtk-type-service-label); font-weight: var(--wtk-type-service-label-weight); line-height: var(--wtk-type-line-height); text-align: start; overflow-wrap: anywhere; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } @supports (text-wrap: balance) { .wtk-service-label { text-wrap: balance; } } @media (hover: hover) and (pointer: fine) { a.wtk-service-button:hover { border-color: var(--wtk-color-glass-highlight); } } a.wtk-service-button:active { transform: scale(.96); } .wtk-service-button[data-wtk-service-unavailable] { cursor: default; } .wtk-service-button[data-wtk-service-unavailable] > * { opacity: var(--wtk-opacity-disabled); } @media (width <= 28.75em) { .wtk-service-grid { gap: var(--wtk-space-service-grid-gap-phone); grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (prefers-reduced-motion: reduce) { .wtk-service-button { transition: none; } } } /* Generated by scripts/build-tokens.mjs from tokens/*.json. Do not edit. */ @layer wtk.tokens, wtk.base, wtk.chrome, wtk.content; @layer wtk.tokens { .newsroomGuest { --wtk-size-canvas-edge-fade: 180px; --wtk-size-control: 36px; --wtk-size-control-compact: 32px; --wtk-size-control-row: 34px; --wtk-size-icon: 19px; --wtk-size-icon-sm: 18px; --wtk-size-swatch: 21px; --wtk-size-hairline: 1px; --wtk-size-focus-ring: 2px; --wtk-size-underline: 0.06em; --wtk-size-underline-offset: 0.14em; --wtk-size-action-icon: 20px; --wtk-size-carousel-control: 60px; --wtk-size-carousel-control-compact: 50px; --wtk-size-service-icon: 24px; --wtk-size-button-height: 38px; --wtk-size-landing-icon: 88px; --wtk-size-landing-icon-mobile: 64px; --wtk-size-landing-detail-max: 530px; --wtk-size-landing-media-max: 342px; --wtk-size-landing-media-mobile: 270px; --wtk-size-landing-text-max: 780px; --wtk-font-serif: -apple-system-ui-serif, ui-serif, Gelasio, Georgia, Cambria, "Times New Roman", Times, serif; --wtk-font-rounded: ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --wtk-type-body: clamp(16px, 15px + 0.5vw, 18px); --wtk-type-h1: clamp(30px, 23px + 3.5vw, 44px); --wtk-type-h2: clamp(24px, 21px + 1.5vw, 30px); --wtk-type-h3: clamp(20px, 18px + 1vw, 24px); --wtk-type-card-title: clamp(20px, 18px + 1vw, 24px); --wtk-type-card-excerpt: clamp(15px, 14.5px + 0.25vw, 16px); --wtk-type-nav-link: 14px; --wtk-type-app-nav: 15.36px; --wtk-type-app-name: 19px; --wtk-type-brand: 19px; --wtk-type-brand-compact: 16px; --wtk-type-brand-fluid: 6.6cqi; --wtk-type-control: 13.5px; --wtk-type-footer: 13.5px; --wtk-type-note: 13px; --wtk-type-app-nav-compact: 14.4px; --wtk-type-app-nav-phone: 13.76px; --wtk-type-app-name-compact: 16px; --wtk-type-service-label: 14px; --wtk-type-contents-link: 13.5px; --wtk-type-contents-summary: 13.5px; --wtk-type-contents-title: 18.5px; --wtk-type-contents-date: 12.5px; --wtk-type-contents-index-date: 10.5px; --wtk-type-contents-eyebrow: 10.5px; --wtk-type-contents-chevron: 0.8em; --wtk-type-prose-heading-space-before: 1.55em; --wtk-type-prose-heading-space-after: 0.65em; --wtk-type-prose-h2-rule-gap: 0.28em; --wtk-type-prose-block-space: 1.25em; --wtk-type-prose-block-space-compact: 1em; --wtk-type-prose-list-indent: 1.4em; --wtk-type-prose-list-paragraph-gap: 0.5em; --wtk-type-prose-quote-rule: 4px; --wtk-type-prose-quote-indent: 1em; --wtk-type-prose-code-size: 0.9em; --wtk-type-prose-code-padding-block: 0.14em; --wtk-type-prose-code-padding-inline: 0.34em; --wtk-type-prose-pre-padding: 18px; --wtk-type-prose-anchor-offset-mobile-contents: 2.333em; --wtk-type-actions-menu-item: 13px; --wtk-type-actions-feedback: 11.5px; --wtk-type-actions-feedback-min-height: 1.4em; --wtk-type-meta: 12.5px; --wtk-type-button: 13.5px; --wtk-type-landing-promise: clamp(40px, 5.5vw, 68px); --wtk-type-landing-promise-tablet: 48px; --wtk-type-landing-promise-mobile: 44px; --wtk-type-landing-promise-phone: 40px; --wtk-type-landing-description: clamp(20px, 2.1vw, 24px); --wtk-type-landing-description-mobile: 20px; --wtk-type-landing-eyebrow: 12px; --wtk-type-landing-name: 24px; --wtk-type-landing-name-mobile: 22px; --wtk-type-landing-name-phone: 20px; --wtk-type-landing-feature-text: 16px; --wtk-type-landing-heading: clamp(28px, 3vw, 40px); --wtk-type-landing-feature-heading: 23px; --wtk-type-landing-button: 15px; --wtk-type-landing-heading-tracking: -.035em; --wtk-type-landing-description-tracking: -.012em; --wtk-type-landing-eyebrow-tracking: .1em; --wtk-layout-content-width: 900px; --wtk-layout-nav-width: 1170px; --wtk-layout-contents-width: 246px; --wtk-layout-settings-panel-width: 294px; --wtk-layout-gear-edge-gap: 14px; --wtk-layout-gear-nav-gap: 8px; --wtk-layout-topbar-bleed: 2px; --wtk-layout-desktop-content-gap: 1.25em; --wtk-layout-footer-gap: 1.25em; --wtk-layout-desktop-topbar-top: 1.25em; --wtk-layout-desktop-topbar-height: 64px; --wtk-layout-mobile-page-gap: 1em; --wtk-layout-mobile-topbar-top: 1em; --wtk-layout-mobile-topbar-height: 48px; --wtk-layout-mobile-contents-max-height: 60vh; --wtk-layout-contents-min-width: 190px; --wtk-layout-mobile-contents-max-height-dynamic: 60dvh; --wtk-layout-app-header-height: 64px; --wtk-layout-app-desktop-gutter: clamp(20px, 18.75px + 0.625vw, 22.5px); --wtk-layout-app-mobile-gutter: clamp(16px, 15px + 0.5vw, 18px); --wtk-layout-app-icon: 44px; --wtk-layout-breakpoint-tablet: 48em; --wtk-layout-breakpoint-phone: 28.75em; --wtk-layout-breakpoint-wide: 62em; --wtk-layout-service-grid-min: 146px; --wtk-layout-row-min-height: 48px; --wtk-layout-ios-content-padding: 20px; --wtk-layout-ios-scaffold-max-width: 720px; --wtk-layout-ios-onboarding-max-width: 640px; --wtk-layout-ios-row-min-height: 48px; --wtk-layout-app-icon-compact: 40px; --wtk-layout-panel-margin: 16px; --wtk-layout-panel-gap: 20px; --wtk-layout-nav-gear-gap: 4px; --wtk-layout-nav-fade: 24px; --wtk-layout-actions-menu-min-width: 190px; --wtk-layout-carousel-media-max-width: 90vw; --wtk-layout-carousel-media-max-height: 90vh; --wtk-layout-landing-columns: minmax(220px, .6fr) minmax(0, 1fr); --wtk-layout-landing-columns-tablet: minmax(180px, .7fr) minmax(0, 1fr); --wtk-radius-glass-card: 14px; --wtk-radius-glass-document: 16px; --wtk-radius-glass-feature: 28px; --wtk-radius-topbar: 16px; --wtk-radius-panel: 14px; --wtk-radius-app-header: 18px; --wtk-radius-input: 10px; --wtk-radius-contents-item: 10px; --wtk-radius-service-button: 16px; --wtk-radius-pill: 999px; --wtk-radius-ios-card: 26px; --wtk-radius-ios-onboarding: 28px; --wtk-radius-ios-input: 10px; --wtk-radius-segmented: 12px; --wtk-radius-segmented-item: 9px; --wtk-radius-prose-code: 6px; --wtk-radius-prose-pre: 12px; --wtk-radius-prose-image: 8px; --wtk-radius-menu: 12px; --wtk-radius-menu-item: 8px; --wtk-radius-feedback: 7px; --wtk-radius-landing-button: 999px; --wtk-glass-filter-card: blur(26px) saturate(160%); --wtk-glass-filter-topbar: blur(22px) saturate(140%); --wtk-glass-shadow-card: 0 0 42px var(--wtk-color-glass-shadow-outer), 0 0 18px var(--wtk-color-glass-shadow-inner), inset 0 0 0 var(--wtk-color-glass-highlight); --wtk-glass-shadow-card-soft: 0 0 42px var(--wtk-color-glass-shadow-outer), 0 0 18px var(--wtk-color-glass-shadow-inner), inset 0 0 0 var(--wtk-color-glass-highlight); --wtk-glass-shadow-topbar: 0 0 16px var(--wtk-color-glass-topbar-shadow), 0 0 18px var(--wtk-color-glass-shadow-inner), inset 0 0 0 var(--wtk-color-glass-topbar-highlight); --wtk-glass-shadow-panel: 0 0 16px var(--wtk-color-glass-topbar-shadow), 0 16px 34px rgba(0, 0, 0, 0.12), inset 0 0 0 var(--wtk-color-glass-topbar-highlight); --wtk-glass-shadow-menu: 0 12px 36px var(--wtk-color-glass-shadow-outer), 0 4px 14px var(--wtk-color-glass-shadow-inner); --wtk-glass-filter-carousel: blur(26px) saturate(160%); --wtk-shadow-swatch: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1); --wtk-shadow-app-icon: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2)); --wtk-shadow-carousel-image: 0 0 30px rgba(0, 0, 0, 0.5); --wtk-shadow-landing-icon: 0 6px 14px #24182b14; --wtk-motion-contents-summary-blur: 4px; --wtk-motion-panel-translate: -6px; --wtk-motion-carousel-control-offset: 20px; --wtk-space-1: 2px; --wtk-space-2: 4px; --wtk-space-3: 6px; --wtk-space-4: 8px; --wtk-space-5: 10px; --wtk-space-6: 12px; --wtk-space-7: 14px; --wtk-space-8: 16px; --wtk-space-9: 20px; --wtk-space-10: 24px; --wtk-space-11: 32px; --wtk-space-12: 48px; --wtk-space-contents-rail: 18px; --wtk-space-contents-rail-end: 12px; --wtk-space-contents-index-block: 0.65em; --wtk-space-contents-link: 8px; --wtk-space-contents-item-bleed: 8px; --wtk-space-contents-list-gap: 4px; --wtk-space-contents-level-indent: 1em; --wtk-space-contents-divider-before: 16px; --wtk-space-contents-divider-after: 12px; --wtk-space-contents-divider-bleed: 2px; --wtk-space-contents-divider-mobile: 8px; --wtk-space-contents-time: 8px; --wtk-space-contents-meta-gap: 0.7em; --wtk-space-contents-date: 4px; --wtk-space-contents-summary-gap: 0.45em; --wtk-space-contents-bar-block: 10px; --wtk-space-contents-bar-inline: 1em; --wtk-space-contents-panel-block: 12px; --wtk-space-contents-panel-inline: 1em; --wtk-space-contents-panel-offset: -6px; --wtk-space-contents-label-clip: 8px; --wtk-space-contents-eyebrow-after: 2px; --wtk-space-contents-eyebrow-separator: 4px; --wtk-space-text-xs: 0.35em; --wtk-space-text-sm: 0.6em; --wtk-space-text-md: 1em; --wtk-space-actions-menu-item-block: 9px; --wtk-space-actions-feedback-offset: 7px; --wtk-space-actions-feedback-block: 4px; --wtk-space-actions-feedback-inline: 7px; --wtk-space-actions-feedback-rise: 3px; --wtk-space-carousel-control: 10px; --wtk-space-carousel-control-compact: 0px; --wtk-space-carousel-edge: 15px; --wtk-space-carousel-edge-compact: 0em; --wtk-space-document-pane: clamp(24px, 22.5px + 0.625vw, 27px); --wtk-space-document-pane-mobile: clamp(16px, 15px + 0.5vw, 18px); --wtk-space-app-header-mobile-gutter: 14px; --wtk-space-button-inline: 14px; --wtk-space-landing-hero-gap: 64px; --wtk-space-landing-hero-gap-tablet: 36px; --wtk-space-landing-hero-block: 56px; --wtk-space-landing-hero-block-tablet: 40px; --wtk-space-landing-hero-block-phone: 28px; --wtk-space-landing-text-led: 72px; --wtk-space-landing-identity-below: 38px; --wtk-space-landing-identity-below-mobile: 28px; --wtk-space-landing-label-reserve: 64px; --wtk-space-landing-actions-above: 30px; --wtk-space-landing-section-block-mobile: 28px; --wtk-space-landing-grid-row: 36px; --wtk-space-landing-grid-mobile: 28px; --wtk-space-landing-button-block: 13px; --wtk-space-landing-button-inline: 23px; --wtk-space-landing-button-gap: 18px; --wtk-space-landing-button-inline-phone: 18px; } html[data-wtk-brand="shared"] .newsroomGuest { --wtk-layout-contents-width: 270px; } html[data-blog-resolved-scheme="dark"] .newsroomGuest { --wtk-glass-filter-card: blur(22px) saturate(140%); --wtk-glass-shadow-card-soft: 0 0 42px rgba(0, 0, 0, 0.12), 0 0 18px rgba(0, 0, 0, 0.06), inset 0 0 0 var(--wtk-color-glass-highlight); --wtk-glass-shadow-panel: 0 0 16px var(--wtk-color-glass-topbar-shadow), 0 0 18px var(--wtk-color-glass-shadow-inner), inset 0 0 0 var(--wtk-color-glass-topbar-highlight); } @media (prefers-color-scheme: dark) { html:not([data-blog-resolved-scheme="light"]) .newsroomGuest { --wtk-glass-filter-card: blur(22px) saturate(140%); --wtk-glass-shadow-card-soft: 0 0 42px rgba(0, 0, 0, 0.12), 0 0 18px rgba(0, 0, 0, 0.06), inset 0 0 0 var(--wtk-color-glass-highlight); --wtk-glass-shadow-panel: 0 0 16px var(--wtk-color-glass-topbar-shadow), 0 0 18px var(--wtk-color-glass-shadow-inner), inset 0 0 0 var(--wtk-color-glass-topbar-highlight); } } }