/* Inherits APR's type, palette, theme and controls from the shared shell. */
.leveling-page{padding-block-end:80px;font-size:16px}
.leveling-page h1,.leveling-page h2{font-family:var(--sans);font-weight:650;letter-spacing:-.03em}
.leveling-page h1{font-size:clamp(34px,3.7vw,56px);line-height:1.12;hyphens:none;overflow-wrap:normal;text-wrap:balance}
.leveling-page h2{font-size:clamp(27px,2.8vw,38px);margin-block-end:24px}
.leveling-page h3{font-size:19px;line-height:1.4;margin-block-end:10px}
.leveling-page p,.leveling-page dd{color:var(--text-secondary);line-height:1.8}
.leveling-page p+p{margin-block-start:18px}
.leveling-page p a,.leveling-page dd a,.leveling-page section>a{color:var(--gold)}
.leveling-page section[id]{scroll-margin-block-start:115px}
.leveling-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-block:80px 56px}
.leveling-lead{font-size:18px;margin-block:28px 16px}
.leveling-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-block:28px}
.leveling-hero figure{min-inline-size:0;margin:0}
.leveling-hero img{inline-size:100%;border-radius:8px}
.leveling-page figcaption,.leveling-note{font-size:13px;line-height:1.8;color:var(--muted);margin-block-start:18px}
.leveling-jumps{display:flex;flex-wrap:wrap;gap:16px 28px;padding-block:24px;margin-block-end:56px;border-block:1px solid var(--line);font-size:14px}
.leveling-split{display:grid;grid-template-columns:1fr 1.35fr;gap:90px;align-items:start}
.leveling-preview{position:sticky;inset-block-start:120px;background:var(--surface);padding:36px;text-align:center;border-radius:8px}
.leveling-preview img{max-block-size:50vh;inline-size:auto;max-inline-size:100%;object-fit:contain;margin-inline:auto}
.leveling-preview p{margin-block:24px 10px;font-size:20px;color:var(--ink)}
.leveling-preview a{font-size:14px;color:var(--gold)}
.leveling-reading{min-inline-size:0}
.leveling-reading>section{margin-block-end:72px}
.leveling-features{margin:32px 0 0}
.leveling-features>div{margin-block:28px}
.leveling-features dt{font-size:19px;font-weight:650;margin-block-end:8px}
.leveling-features dd{margin:0}
.leveling-steps{padding-inline-start:24px;margin:30px 0 0}
.leveling-steps li{padding-inline-start:12px;margin-block:30px}
.leveling-steps li::marker{color:var(--gold);font-weight:700}
.leveling-comparison,.leveling-faq,.leveling-cta{padding-block:48px}
.leveling-table{overflow-x:auto;max-inline-size:100%;margin-block:28px;border:1px solid var(--line);border-radius:8px;scrollbar-color:var(--muted) var(--surface)}
.leveling-table table{border-collapse:collapse;inline-size:100%;min-inline-size:670px;text-align:start;font-size:14px;line-height:1.7}
.leveling-table caption{text-align:start;padding:18px;background:var(--surface);color:var(--ink);font-weight:600}
.leveling-table th,.leveling-table td{padding:20px;vertical-align:top;border-block-start:1px solid var(--line)}
.leveling-table thead th{background:var(--surface-2);font-size:16px}
.leveling-table th{font-weight:650;width:22%}
.leveling-table td{width:39%;color:var(--text-secondary)}
.leveling-faq>div{columns:2;column-gap:64px}
.leveling-faq section{break-inside:avoid;margin-block-end:32px}
.leveling-cta{border-block-start:1px solid var(--line)}
@media(max-width:1000px){.leveling-hero{gap:32px}.leveling-split{gap:40px;grid-template-columns:1fr 1.5fr}}
@media(max-width:760px){.leveling-hero,.leveling-split{grid-template-columns:1fr}.leveling-hero{padding-block:40px}.leveling-hero figure{max-inline-size:600px}.leveling-preview{position:static;display:none}.leveling-faq>div{columns:1}.leveling-comparison,.leveling-faq,.leveling-cta{padding-block:32px}.leveling-reading>section{margin-block-end:48px}.leveling-jumps{margin-block-end:40px}.leveling-table th,.leveling-table td{padding:14px}}