/* The legal pages, in Toastline's look (Swiss: one grotesque, black on white, the accent for links). */
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;600;800&display=swap');
:root { --accent: #c2410c; }
* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #000; font: 400 1rem/1.6 'Schibsted Grotesk', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.syng-legal-top, .syng-legal-main, .syng-legal-foot { width: min(100% - 2 * clamp(16px, 4vw, 48px), 760px); margin-inline: auto; }
.syng-legal-top { padding-block: 1.1rem; border-bottom: 2px solid #000; }
.syng-legal-top a { color: #000; text-decoration: none; font-weight: 800; font-size: 1.2rem; letter-spacing: -0.02em; }
.syng-legal-main { padding-block: 2.5rem 4rem; }
.syng-legal h1 { font-size: clamp(2.2rem, 6vw, 3.6rem); line-height: .95; letter-spacing: -0.045em; margin: 0 0 1rem; }
.syng-legal h2 { font-size: 1.4rem; letter-spacing: -0.02em; margin: 2rem 0 .5rem; }
.syng-legal a, .syng-legal-foot a { color: #000; text-underline-offset: .18em; }
.syng-legal a:hover, .syng-legal-foot a:hover { color: var(--accent); }
.syng-legal-draft { background: #f0f0f0; padding: .7rem 1rem; }
.syng-legal-foot { border-top: 2px solid #000; padding-block: 1.6rem 2.4rem; }
::selection { background: var(--accent); color: #fff; }