/* App content; WebTintKit owns the shell, document preset, canvas and colour roles. */
/* The package owns the canvas; this offset belongs to the app's anchor navigation. */
html[data-blog-default-tint]{scroll-behavior:smooth;scroll-padding-top:calc(clamp(20px,1.171875rem + .625vw,22.5px) + 64px + var(--wtk-layout-desktop-content-gap) + env(safe-area-inset-top))}
/* The plain press-kit shell keeps its existing transparent body. */
body.app-page.is-press-kit{background:transparent}
/* Header structure/declarations come from SharedApp's actual compiled source.
   This host adapter only provides sticky placement and the existing settings. */
.shared-app-header .headerName,.shared-app-header .navLink{font-family:inherit}
/* Leave room for rounded-font descenders and keyboard focus inside the scroller. */
.shared-app-header .scroll{padding-block:8px}
.shared-app-header nav>ul li .navLink{line-height:1.4}
.skip-link{position:absolute;top:-100px;left:24px;padding:12px 18px;background:var(--wtk-color-page-bg);z-index:30}.skip-link:focus{top:12px}
.app-page.is-press-kit h1,.app-page.is-press-kit h2,.app-page.is-press-kit h3{color:var(--wtk-color-page-title);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.app-page.is-press-kit h1{font-size:clamp(2.5rem,5.5vw,4.25rem);font-weight:700;margin:20px 0 24px}
.app-page.is-press-kit h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:650;margin:8px 0 20px}
.app-page.is-press-kit h3{font-size:1.4375rem;font-weight:650;margin:14px 0}
.app-page.is-press-kit p{margin:0 0 20px}
.is-press-kit .eyebrow{font-size:0.75rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--wtk-color-page-muted);margin-bottom:14px}
.landing{gap:var(--wtk-layout-desktop-content-gap)}



.document-body h2:first-child{margin-top:0}.document-body li+li{margin-top:8px}.document-body>p:last-child{margin-bottom:0}.app-page .wtk-footer p{margin:0}
@media(max-width:992px){.app-page.is-press-kit h1{font-size:3rem}}
@media(max-width:768px){html[data-blog-default-tint]{scroll-padding-top:calc(clamp(16px,0.9375rem + .5vw,18px) + 64px + var(--wtk-layout-mobile-page-gap) + env(safe-area-inset-top))}.app-page.is-press-kit h1{font-size:2.75rem}.landing{gap:var(--wtk-layout-mobile-page-gap)}}
@media(max-width:460px){.app-page.is-press-kit h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-page *, .app-page *::before,.app-page *::after{animation:none!important;transition:none!important}}

/* Short landscape viewports need the same scrollable, safe-area-bounded panel. */

.app-page .skip-link{left:calc(24px + env(safe-area-inset-left))}.app-page .skip-link:focus{top:calc(12px + env(safe-area-inset-top))}

[data-media-error]{padding:24px;color:var(--wtk-color-page-muted);text-align:center}
