/* Shares the site's existing typography and surfaces via legal.css. */
.lg-eyebrow,.lg-sub{display:block}
.lg-eyebrow{color:var(--ink4)}
.lg-nav{justify-content:space-between}
.guide-nav{display:flex;gap:24px;font-size:15px;font-weight:600}
.guide-nav a{text-decoration:none}
.guide-nav a:hover,.guide-nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.breadcrumbs{margin:0 0 32px;font-size:13px;color:var(--ink3)}
.breadcrumbs a{color:var(--ink2)}
.guide-byline{margin-top:22px;font-size:13px;color:var(--ink3)}
.guide-cards{display:grid;gap:16px}
.guide-cards>a{display:block;padding:24px;border:1px solid var(--line2);border-radius:22px;text-decoration:none;color:var(--ink3);background:#fff}
.guide-cards>a:hover{border-color:var(--ink)}
.guide-cards span{font-size:12px;font-weight:700;color:var(--ink2)}
.guide-cards h2,.guide-cards h2:first-child{margin:10px 0 12px;padding:0;border:0}
.guide-cta{margin-top:48px;padding:28px;border-radius:24px;background:#f5f5f7}
.guide-cta h2{margin:0;font-size:23px;letter-spacing:-.02em}
.guide-cta p{line-height:1.65;color:var(--ink3)}
.guide-cta a{font-weight:700;color:var(--ink)}
a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
::selection{background:#e5e7eb}
.skip-link{position:fixed;top:-80px;left:12px;z-index:100;padding:12px;background:#fff}
.skip-link:focus{top:12px}
@media(max-width:480px){.guide-nav{gap:13px;font-size:13px}.lg-nav{gap:12px}.lg-brand span{font-size:20px}.guide-cards>a{padding:20px}.lg-bottom nav{line-height:2}}