/* The legal pages (Privacy, Terms): one readable column between the site's header and footer.
   Type follows the home page: its hero h1, lede and section heads, its mono labels. */
main{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,104px) var(--gutter) clamp(64px,9vw,120px);font-size:17px;line-height:1.6}
main .eyebrow{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:24px}
main h1{font-size:clamp(40px,6.4vw,76px);line-height:.96;letter-spacing:-.045em;font-weight:600;text-wrap:balance}
main .lede{margin:clamp(16px,2.4vw,24px) 0 40px;font-size:clamp(18px,2vw,22px);line-height:1.4;letter-spacing:-.015em;color:var(--ink-2);text-wrap:pretty}
main h2{margin:56px 0 14px;padding-top:28px;border-top:1px solid var(--rule);font-size:clamp(24px,2.8vw,32px);line-height:1.1;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
main h2 .n{display:block;margin-bottom:10px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;font-weight:500;color:var(--accent)}
main h3{margin:28px 0 8px;font-size:18px;font-weight:600;letter-spacing:-.02em}
main p,main li{color:var(--ink-2);text-wrap:pretty}
main p{margin:0 0 16px}
main ul{margin:0 0 16px;padding-left:20px;list-style:disc}
main li{margin:0 0 8px}
main strong{color:var(--ink);font-weight:600}
main a{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px;transition:text-decoration-color .2s ease}
main a:hover{text-decoration-color:currentColor}

.toc{margin:0 0 10px;padding:0;list-style:none;columns:2;column-gap:32px}
.toc li{break-inside:avoid;margin:0 0 6px;font-size:15px}
.toc a{text-decoration:none}
.toc a:hover{color:var(--ink)}

.callout{margin:22px 0;padding:16px 20px;border-radius:20px;background:var(--pace-wash)}
.callout p{margin:0;color:var(--ink)}

table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--rule);color:var(--ink-2)}
th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
td:first-child{color:var(--ink);font-weight:500;white-space:nowrap}

/* Footer: no call to action above the offices here. */
.foot .offices{border-top:0;padding-top:clamp(40px,6vw,64px)}

@media (max-width:640px){.toc{columns:1} td:first-child{white-space:normal} main{font-size:16px}}