/* Shared by the legal pages, on top of each page's inline styles: the few
   things the documents need that the page template does not define — the
   highlighted placeholder for a fact the business still has to supply, the
   draft notice, inline code, and the document cards on /legal and under
   "Other documents". Tokens match the :root block of every legal page. */
mark.ph{background:rgba(227,155,60,.22);color:var(--espresso);border-radius:4px;padding:0 5px;
  font-weight:600;border-bottom:1.5px dashed var(--amber);
  box-decoration-break:clone;-webkit-box-decoration-break:clone}
.callout.draft{background:var(--cream-deep);border-left-color:var(--amber)}
.callout.draft .t{color:var(--espresso)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;color:var(--espresso);
  background:var(--cream-deep);border:1px solid var(--border);border-radius:5px;padding:1px 6px}
.docs{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.docs li{margin:0}
.docs a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;border-radius:12px;
  background:var(--white);border:1px solid var(--border);color:inherit;
  transition:border-color .18s,transform .18s}
.docs a:hover{border-color:var(--terracotta);transform:translateY(-2px)}
.docs strong{font-family:'Fraunces',serif;font-size:18px;color:var(--espresso)}
.docs span{font-size:14px;line-height:1.55;color:var(--text-soft)}
.docs-contact{margin-top:32px;font-size:15px}
@media (max-width:560px){.docs{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.docs a{transition:none}.docs a:hover{transform:none}}
@media print{
  .nav,.footer,.toc{display:none!important}
  body{background:none!important}
  mark.ph{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}