/* Shared shell for the secondary pages (privacy / terms / support).
   Tokens mirror the brand kit: Ink #0A0B0C, Bone #F4F2EE, Sodium amber #FFB020. */

*{box-sizing:border-box}
body{
  margin:0;
  background:#0A0B0C;
  color:#F4F2EE;
  font-family:Barlow,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:#FFB020;text-decoration:none}
a:hover{color:#FFC65C}
img,svg{max-width:100%}

.wrap{max-width:820px;margin:0 auto;padding:0 clamp(18px,4vw,32px)}

.topbar{border-bottom:1px solid rgba(244,242,238,.1)}
.topbar .wrap{
  max-width:1180px;
  padding-top:22px;padding-bottom:22px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.brand{display:flex;align-items:center;gap:12px;color:#F4F2EE}
.brand-word{
  font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:24px;letter-spacing:.02em;
}
.brand-word span{color:#FFB020}
.back{
  font-family:'IBM Plex Mono',monospace;font-size:10px;
  letter-spacing:.16em;color:rgba(244,242,238,.5);
  transition:color .16s ease;
}
.back:hover{color:#FFB020}

.eyebrow{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;
  letter-spacing:.22em;color:rgba(255,176,32,.9);
}
h1{
  font-family:'Barlow Condensed',sans-serif;font-weight:800;
  font-size:clamp(38px,7vw,54px);line-height:1;margin:14px 0 0;
}
.updated{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;
  letter-spacing:.14em;color:rgba(244,242,238,.34);margin-top:12px;
}
h2{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:25px;line-height:1.1;margin:38px 0 0;
}
h3{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:19px;line-height:1.15;margin:26px 0 0;
}
p,li{font-size:15px;line-height:1.6;color:rgba(244,242,238,.68)}
p{margin:10px 0 0}
ul,ol{margin:10px 0 0;padding-left:22px}
li{margin-top:6px}
strong{color:#F4F2EE;font-weight:600}

main{padding:clamp(38px,6vw,60px) 0 clamp(48px,7vw,72px)}

.note{
  border:1px solid rgba(255,176,32,.28);
  border-left-width:3px;
  border-radius:12px;
  background:#121417;
  padding:18px 20px;
  margin-top:26px;
}
.note .label{
  font-family:'IBM Plex Mono',monospace;font-size:9.5px;
  letter-spacing:.2em;color:#FFB020;
}
.note p{margin-top:8px;font-size:14px}

.card{
  border:1px solid rgba(244,242,238,.1);
  border-radius:16px;background:#121417;
  padding:22px;margin-top:14px;
}
.card h3{margin-top:0}

table{
  width:100%;border-collapse:collapse;margin-top:14px;
  font-size:14px;
}
.table-scroll{overflow-x:auto;margin-top:14px}
.table-scroll table{margin-top:0;min-width:520px}
th,td{
  text-align:left;padding:10px 12px;
  border-bottom:1px solid rgba(244,242,238,.1);
  color:rgba(244,242,238,.68);
  vertical-align:top;
}
th{
  font-family:'IBM Plex Mono',monospace;font-size:9.5px;
  letter-spacing:.16em;color:rgba(244,242,238,.45);
  font-weight:600;
}

footer{border-top:1px solid rgba(244,242,238,.1)}
footer .wrap{
  max-width:1180px;
  padding-top:26px;padding-bottom:26px;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px 20px;flex-wrap:wrap;
}
.copy{
  font-family:'IBM Plex Mono',monospace;font-size:10px;
  letter-spacing:.16em;color:rgba(244,242,238,.4);
}
footer nav{display:flex;gap:22px}
footer nav a{
  font-family:'IBM Plex Mono',monospace;font-size:10px;
  letter-spacing:.14em;color:rgba(244,242,238,.5);
  transition:color .16s ease;
}
footer nav a:hover{color:#FFB020}

:focus-visible{outline:2px solid #FFB020;outline-offset:3px;border-radius:4px}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}