/* Document pages (contract review, legal) — light reading surface */

.doc-body{background:var(--off);color:var(--navy)}
.doc{padding:132px 0 90px}
.doc .kicker{color:var(--red)}

.doc-h1{
  font-family:var(--f-display);font-weight:400;text-transform:uppercase;
  font-size:clamp(32px,5.4vw,54px);line-height:1.04;margin:0 0 16px;color:var(--navy);
}
.doc-meta{
  font-size:13.5px;color:var(--grey);margin:0 0 40px;padding-bottom:26px;
  border-bottom:2px solid var(--line-dark);
}
.doc-meta code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;word-break:break-all}

.doc h2{
  font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.03em;
  font-size:clamp(23px,3vw,31px);line-height:1.15;margin:52px 0 16px;color:var(--navy);
}
.doc p{color:#3D4B60;margin:0 0 16px}
.doc-lede{font-size:19px;color:#2E3B4E}
.doc code{
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;
  background:rgba(10,49,97,.07);padding:2px 6px;border-radius:5px;color:var(--navy);
}
.doc a{color:var(--red);font-weight:600}
.doc .btn{color:var(--white);text-decoration:none}
.doc .btn-ghost.btn-dark{color:var(--navy);border-color:rgba(10,49,97,.4)}
.doc .btn-ghost.btn-dark:hover{background:var(--navy);color:var(--white);border-color:var(--navy)}
.doc .link-arrow{color:var(--red)}

.doc-list{margin:0 0 16px;padding-left:22px;color:#3D4B60}
.doc-list li{margin-bottom:10px}

.doc-table{
  width:100%;border-collapse:collapse;font-size:15.5px;margin:22px 0 18px;
  background:var(--white);border-radius:var(--r);overflow:hidden;
  box-shadow:0 8px 26px rgba(10,49,97,.08);
}
.doc-table th{
  text-align:left;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--grey);padding:14px 18px;background:rgba(10,49,97,.05);
  border-bottom:2px solid var(--line-dark);
}
.doc-table td{padding:15px 18px;border-bottom:1px solid var(--line-dark);color:#3D4B60;vertical-align:top}
.doc-table tr:last-child td{border-bottom:0}
.doc-table td:first-child{font-weight:700;color:var(--navy);width:26%}
.doc-table td.ok,.doc-table td.med,.doc-table td.lo{font-weight:800;white-space:nowrap;width:110px}
.doc-table td.ok{color:#1F7A45}
.doc-table td.med{color:#B4761A}
.doc-table td.lo{color:var(--grey)}

.callout{
  background:var(--white);border-left:5px solid var(--navy);border-radius:0 var(--r) var(--r) 0;
  padding:26px 30px;margin:26px 0 30px;box-shadow:0 8px 26px rgba(10,49,97,.08);
}
.callout h2{margin:0 0 12px;font-size:21px}
.callout p:last-child{margin-bottom:0}
.callout-warn{border-left-color:var(--red);background:#FFF6F8}

.small{font-size:14.5px;color:var(--grey)}
.specs-doc{grid-template-columns:repeat(3,1fr);border-top:0;padding-top:0;margin:22px 0 26px}
.doc-list-num{list-style:decimal;padding-left:24px}
.doc-list-num li{padding-left:4px}
.doc-table td.ok{color:#1F7A45;width:auto;white-space:normal}
.doc-table td.med{color:#B4761A;width:auto;white-space:normal}
@media (max-width:640px){ .specs-doc{grid-template-columns:1fr} }
.doc-links{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 10px}
.doc-foot-note{
  font-size:13.5px;color:var(--grey);margin-top:46px;padding-top:22px;
  border-top:1px solid var(--line-dark);
}

@media (max-width:640px){
  .doc{padding:104px 0 64px}
  .doc-table{font-size:14px}
  .doc-table th,.doc-table td{padding:12px 13px}
  .doc-table td:first-child{width:auto}
  .callout{padding:22px 20px}
}