/* Legal pages and 404: reading layout. Tokens, materials, buttons and nav come from base.css. */
a{color:var(--platinum);text-underline-offset:3px;text-decoration-color:var(--line-2)}
a:hover{color:var(--cyan);text-decoration-color:var(--cyan)}

.bar .back{padding:0 18px;min-height:44px}

main{max-width:760px;margin:0 auto;padding-inline:var(--gutter);padding-block:calc(clamp(56px,9vw,112px) + 76px) 72px}
h1{font-size:clamp(44px,6vw,76px);line-height:1;margin:18px 0 0}
.updated{margin-top:18px;font:400 12px/1.5 var(--mono);letter-spacing:.08em;color:var(--dim)}
.intro{font-size:18px;color:var(--titanium-1);margin-top:28px}
h2{font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1.15;margin:56px 0 0;padding-top:28px;border-top:1px solid var(--line)}
h3{font:500 15px/1.4 var(--sans);margin:28px 0 0}
p,ul,ol,table{margin:14px 0 0}
p,li{color:#C4CAD6}
strong{color:var(--platinum);font-weight:500}
ul,ol{padding-left:22px}
li+li{margin-top:6px}

/* panels: tables, address and the on-this-page list share one quiet surface */
.table-wrap,address,.toc{border-radius:var(--radius-m);background:linear-gradient(180deg,rgba(18,21,29,.7),rgba(10,12,17,.7));box-shadow:inset 0 0 0 1px rgba(201,207,217,.1),inset 0 1px 0 rgba(255,255,255,.04)}
.table-wrap{position:relative;overflow-x:auto;margin-top:18px}
table{width:100%;border-collapse:collapse;margin:0;min-width:520px;font-size:14px}
th,td{text-align:left;vertical-align:top;padding:13px 16px;border-bottom:1px solid rgba(201,207,217,.08)}
th{font:500 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--titanium);background:rgba(231,234,240,.025)}
tr:last-child td{border-bottom:0}
td{color:#C4CAD6}
address{font-style:normal;margin-top:16px;padding:20px 22px;color:#C4CAD6;line-height:1.8}
.toc{margin-top:36px;padding:20px 22px}
.toc ol{margin:12px 0 0;columns:2;column-gap:32px;font-size:14px}
.toc li{break-inside:avoid}
.toc a{display:inline-block;padding-block:3px}
@media (max-width:560px){.toc ol{columns:1}}

footer{border-top:1px solid var(--line)}
footer .in{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter);padding-block:24px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 40px}
footer nav{display:flex;flex-wrap:wrap;column-gap:22px}
footer nav a{display:inline-flex;align-items:center;min-height:36px;font:400 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--titanium);text-decoration:none}
footer nav a:hover,footer nav a[aria-current="page"]{color:var(--platinum)}
footer small{font-size:12px;color:var(--dim)}
.bar .back{white-space:nowrap}
@media (max-width:480px){
  .bar.compact .shell{padding-inline:16px 6px;gap:10px}
  .bar .mark{gap:10px}
  .bar .mark span{letter-spacing:.16em}
  .bar .back{padding:0 14px;letter-spacing:.1em}
}
@media (max-width:359px){.bar .mark span{display:none}}
