:root{
  --legal-measure: 74ch;
}
.tfs-legal{
  max-width:var(--legal-measure);
  margin:0 auto;
  padding:3rem 1.25rem 4rem;
  font-size:1rem;
  line-height:1.75;
}
.tfs-legal h1{
  font-family:var(--serif);
  font-size:clamp(2rem,4.5vw,2.9rem);
  line-height:1.15;
  margin:0 0 .5rem;
  font-weight:600;
}
.tfs-legal h2{
  font-family:var(--serif);
  font-size:clamp(1.3rem,2.6vw,1.65rem);
  line-height:1.25;
  margin:2.4rem 0 .6rem;
  font-weight:600;
  padding-bottom:0;
}
.tfs-legal p,.tfs-legal li{margin:0 0 .9rem;padding-bottom:0}
.tfs-legal ul{margin:0 0 1.1rem;padding-left:1.3rem;list-style:disc}
.tfs-legal li{margin-bottom:.45rem}
.tfs-legal a{text-decoration:underline}
.tfs-legal code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.92em;padding:.1em .35em;border-radius:3px;
  background:rgba(0,0,0,.05);
}
.tfs-legal-date{
  margin:0 0 2rem;padding:.7rem 1rem;border-radius:6px;
  background:var(--tfs-note-bg,#f5f1ec);
  border-left:4px solid var(--tfs-accent,#B35240);
  font-size:.95rem;
}
.tfs-legal-lead{font-size:1.06rem;margin-bottom:1.6rem}

/* The inventory is wide by nature: it scrolls inside its own box rather than
   pushing the page sideways on a phone. */
.tfs-table-wrap{overflow-x:auto;margin:0 0 1.6rem;-webkit-overflow-scrolling:touch}
.tfs-table{border-collapse:collapse;width:100%;min-width:760px;font-size:.88rem}
.tfs-table th,.tfs-table td{
  border:1px solid var(--tfs-rule,#e2ddda);
  padding:.7rem .8rem;text-align:left;vertical-align:top;line-height:1.55;
}
.tfs-table th{background:var(--tfs-note-bg,#f5f1ec);font-weight:700}
.tfs-table code{white-space:nowrap}

@media (max-width:640px){
  .tfs-legal{padding:2rem 1rem 3rem}
}