/* Revive Auto Detailing · podstránky (ochrana osobných údajov, 404). Rovnaký vzhľad ako úvodná stránka:
   načítava sa po scrollcraft.css a site.css, tu sú len rozloženia textovej stránky. */
.page { min-height: 100vh; min-height: 100svh; padding: calc(var(--bar) + clamp(2.6rem, 8vh, 5rem)) var(--gut) 0; }
.page__wrap { max-width: 46rem; margin: 0 auto; }
.page__title { font-family: var(--sc-font-display); font-weight: 700; font-size: clamp(1.9rem, 4.4vw, 3.1rem); line-height: 1.06; letter-spacing: -0.03em; text-wrap: balance; }
.page__lead { margin-top: 1.1rem; color: var(--sc-ink-soft); font-size: 1.08rem; text-wrap: pretty; }
.page__updated { margin-top: .8rem; font-size: .88rem; color: var(--sc-ink-soft); }
.page h2 { margin-top: 2.6rem; font-family: var(--sc-font-display); font-weight: 600; font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.2; letter-spacing: -0.02em; text-wrap: balance; scroll-margin-top: calc(var(--bar) + 1rem); }
.page h2 + p, .page h2 + ul { margin-top: .7rem; }
.page p + p, .page p + ul, .page ul + p { margin-top: .8rem; }
.page__wrap > p, .page__wrap li { text-wrap: pretty; }
.page__wrap ul { display: grid; gap: .45rem; }
.page__wrap ul li { position: relative; padding-left: 1.2rem; }
.page__wrap ul li::before { content: ""; position: absolute; left: 0; top: .72em; width: .45rem; height: 1.5px; background: var(--sc-accent); }
.page__wrap a:not(.btn) { color: var(--sc-ink); }
.page__card { margin-top: 1.4rem; padding: 1.2rem 1.4rem; border-radius: var(--r); box-shadow: inset 0 0 0 1px rgb(217 187 140 / .3); }
.page__card p { margin: 0; }
.page__card p + p { margin-top: .25rem; }
.page__card [data-imprint] { margin-top: .5rem; color: var(--sc-ink-soft); }
.page__back { margin-top: 2.6rem; display: flex; flex-wrap: wrap; gap: .7rem; }
.page .foot { max-width: 46rem; }

/* 404 */
.lost { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; max-width: 84rem; margin: 0 auto; }
.lost__lens { aspect-ratio: 1.75; margin: 0; }
.lost .page__lead { max-width: 30rem; }
.lost .foot, .page--lost .foot { max-width: 84rem; }
@media (max-width: 860px) {
  .lost { grid-template-columns: 1fr; gap: 2.4rem; }
  .lost__lens { width: 92%; justify-self: end; }
  .page .foot { gap: .4rem 1rem; margin-top: 2.6rem; padding: 1.2rem 0 1.4rem; }
}