/* Legacy pages (legal + Google Workspace): built from the approved design tokens and components */
.crumbs{font-size:.875rem; color:var(--muted); display:flex; gap:8px; align-items:center; margin-bottom:28px; flex-wrap:wrap}
.crumbs a{text-decoration:none; color:var(--muted)}
.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-hidden]{color:var(--faint)}
.lg-hero{padding-block:56px 48px; border-bottom:1px solid var(--line); background:linear-gradient(180deg, var(--surface), var(--paper))}
.lg-hero h1{font-size:clamp(2.25rem, 5vw, 3.75rem); letter-spacing:-0.04em; line-height:1.04; font-weight:600; margin:0}
.lg-hero h1 .l2{display:block; color:var(--violet-ink)}
.lg-hero .lead{max-width:44em}
.legal{padding-block:56px 96px}
.prose{max-width:760px}
.prose h2{font-size:clamp(1.25rem, 2vw, 1.5rem); letter-spacing:-0.02em; margin:44px 0 12px; line-height:1.25}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 14px; color:var(--ink)}
.prose ul{margin:0 0 18px; padding-left:1.25em; display:grid; gap:8px}
.prose li::marker{color:var(--teal)}
.prose a{color:var(--violet-ink); text-underline-offset:3px}
.legal-meta{margin-top:40px; padding-top:20px; border-top:1px solid var(--line); font-size:.875rem; color:var(--muted)}
.eyebrow{font-family:var(--mono, 'JetBrains Mono', monospace); font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; color:var(--teal-ink)}
.lg-alt{background:var(--surface)}
.lg-steps{list-style:none; margin:48px 0 0; padding:0; display:grid; gap:16px; grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){ .lg-steps{grid-template-columns:repeat(2, minmax(0,1fr))} }
@media (min-width:1100px){ .lg-steps{grid-template-columns:repeat(3, minmax(0,1fr))} }
.lg-step{display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px; padding:24px; background:var(--raised); border:1px solid var(--line); border-radius:var(--r-lg)}
.lg-ic{width:44px; height:44px; border-radius:12px; display:grid; place-items:center; background:var(--violet-soft); color:var(--violet-ink)}
.lg-ic .icon{width:22px; height:22px}
.lg-n{font-family:var(--mono, 'JetBrains Mono', monospace); font-size:.75rem; color:var(--faint)}
.lg-step h3{margin:2px 0 12px; font-size:1.125rem; letter-spacing:-0.01em}
.lg-step dl{margin:0; display:grid; gap:10px}
.lg-step dt{font-weight:600; font-size:.9375rem}
.lg-step dd{margin:2px 0 0; color:var(--muted); font-size:.9375rem; line-height:1.55}
.lg-cards{margin-top:40px; display:grid; gap:16px; grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){ .lg-cards{grid-template-columns:repeat(2, minmax(0,1fr))} }
@media (min-width:1000px){ .lg-cards{grid-template-columns:repeat(4, minmax(0,1fr))} .lg-cards.three{grid-template-columns:repeat(3, minmax(0,1fr))} }
.lg-card{padding:24px; background:var(--raised); border:1px solid var(--line); border-radius:var(--r-lg); display:grid; gap:8px; align-content:start}
.lg-card h3{margin:0; font-size:1.125rem}
.lg-card p{margin:0; color:var(--muted); font-size:.9688rem; line-height:1.55}
.lg-cta{padding-block:24px 96px}