/* Bluesupply — legal pages. Same tokens as index.html. */
@font-face{
  font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;
  src:url("fonts/Inter-Regular.woff2") format("woff2");
}
@font-face{
  font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;
  src:url("fonts/Inter-Medium.woff2") format("woff2");
}

:root{
  --blue-deep:#0A2540;
  --blue-mid:#00569C;
  --gold:#C9A961;
  --offwhite:#F7F7F2;
  --white:#FFFFFF;
  --near-black:#1A1A1A;
  --gray:#6B7280;
  --gray-light:#D3D1C7;
  --font:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --wrap:min(880px,100% - 3rem);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--white);color:var(--near-black);
  font-family:var(--font);font-size:16px;font-weight:400;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--blue-mid);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--blue-mid);outline-offset:3px}
[hidden]{display:none!important}
.wrap{width:var(--wrap);margin-inline:auto}

/* header */
.site-head{background:var(--offwhite);border-bottom:1px solid var(--gray-light)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.1rem}
.logo{display:flex;align-items:center;gap:.8rem;flex:none}
.logo-mark{flex:none;display:block}
.logo:hover{text-decoration:none}
.logo-word{
  display:inline-flex;align-items:baseline;
  font-size:1.4rem;font-weight:500;letter-spacing:-1.2px;color:var(--blue-deep);
}
.logo-dot{
  width:6px;height:6px;border-radius:50%;background:var(--blue-mid);
  margin-left:3px;align-self:flex-end;margin-bottom:4px;flex:none;
}
.head-right{display:flex;align-items:center;gap:1.75rem}
.back{
  display:none;font-size:.6875rem;font-weight:500;letter-spacing:2px;
  text-transform:uppercase;color:var(--gray);
}
.back:hover{color:var(--blue-deep);text-decoration:none}
@media (min-width:700px){.back{display:inline}}
.langs{display:flex;align-items:center;gap:.15rem;flex:none}
.lang{
  appearance:none;background:none;border:0;cursor:pointer;font-family:var(--font);
  font-size:.6875rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  color:var(--gray);padding:.4rem;transition:color .2s ease;
}
.lang:hover{color:var(--blue-deep)}
.lang[aria-current="true"]{color:var(--blue-mid)}
.lang-sep{color:var(--gray-light);font-size:.6875rem}

/* article */
.legal{padding-block:clamp(2.5rem,5vw,4.5rem) clamp(3rem,6vw,5rem)}
.legal h1{
  font-size:clamp(1.9rem,4vw,2.5rem);font-weight:500;letter-spacing:-1.2px;
  line-height:1.15;margin:0 0 1.25rem;color:var(--blue-deep);
}
.legal h2{
  font-size:1.1875rem;font-weight:500;letter-spacing:-.4px;line-height:1.35;
  margin:2.75rem 0 .9rem;color:var(--blue-deep);
  display:flex;gap:.85rem;align-items:baseline;
}
.sec-num{
  font-size:.6875rem;font-weight:500;letter-spacing:2px;color:var(--gold);
  flex:none;min-width:1.5rem;font-variant-numeric:tabular-nums;
}
.legal h3{
  font-size:.9375rem;font-weight:500;letter-spacing:0;line-height:1.4;
  margin:1.75rem 0 .5rem;color:var(--blue-deep);
}
.legal h2 + h3{margin-top:1.25rem}
.legal p{margin:0 0 1rem;color:#33383F}
.legal h1 + p{color:var(--gray);font-size:.8125rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:2rem}
.legal ul{margin:0 0 1.25rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}
.legal li{position:relative;padding-left:1.5rem;color:#33383F}
.legal li::before{
  content:"";position:absolute;left:.15rem;top:.72em;
  width:5px;height:5px;background:var(--gold);flex:none;
}
.table-wrap{overflow-x:auto;margin:0 0 1.5rem;border:1px solid var(--gray-light)}
.legal table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.875rem}
.legal th{
  text-align:left;background:var(--offwhite);color:var(--blue-deep);
  font-size:.625rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  padding:.85rem 1rem;border-bottom:1px solid var(--gray-light);white-space:nowrap;
}
.legal td{
  padding:.8rem 1rem;color:#33383F;border-bottom:1px solid var(--gray-light);
  vertical-align:top;
}
.legal tbody tr:last-child td{border-bottom:0}

/* footer */
.site-foot{
  background:var(--blue-deep);color:#98A9BD;
  padding-block:2rem 2.5rem;font-size:.8125rem;
}
.foot-in{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;align-items:baseline}
.foot-in a{color:#B9C6D6}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.legal .amend{
  margin:-1.25rem 0 2rem;padding:.7rem .95rem;
  background:var(--offwhite);border-left:3px solid var(--gold);
  font-size:.8125rem;color:var(--gray);line-height:1.6;
}
.legal .dateline{
  color:var(--gray);font-size:.8125rem;letter-spacing:1px;
  text-transform:uppercase;margin-bottom:1.25rem;
}