/* Content pages (how it works, eaglesoft, languages, security, faq, compare).
   Loaded after legal.css: same tokens, header, footer and prose.
   Only the pieces the legal pages do not have live here. */
.doc-head .eyebrow{font-size:14px;font-weight:600;color:var(--pine);
  margin-bottom:12px}
.doc-head .summary{color:var(--ink);max-width:46ch}
/* reading measure: under 80 characters a line */
.prose p,.prose li,.prose h3{max-width:48ch}
.prose h3:first-child{margin-top:0}

/* numbered steps, same rule-and-counter look as the home page steps */
.prose ol.flow{list-style:none;margin:6px 0 12px;padding:0;
  counter-reset:s}
.prose ol.flow li{counter-increment:s;margin:0;padding:14px 0 14px;
  border-top:2px solid var(--pine)}
.prose ol.flow li+li{border-top-width:1px;border-top-color:var(--rule)}
.prose ol.flow li::before{content:counter(s);display:block;font-size:14px;
  font-weight:600;color:var(--pine);margin-bottom:6px}
.prose ol.flow h3{margin:0 0 4px;font-size:18px}
.prose ol.flow p{margin:0}

.prose ul.cols{columns:3 9em;column-gap:24px}

/* comparison table: wraps, never scrolls sideways */
.table{margin:16px 0 12px}
.table table{width:100%;border-collapse:collapse;table-layout:fixed;
  font-size:15px;line-height:1.45}
.table caption{text-align:left;font-size:13px;color:var(--ink-3);
  padding-bottom:8px}
.table th,.table td{text-align:left;vertical-align:top;padding:10px 10px 10px 0;
  border-top:1px solid var(--rule);overflow-wrap:anywhere}
.table thead th{border-top:0;font-size:13px;font-weight:600;
  color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.table tbody th{font-weight:600;color:var(--ink)}
.table td{color:var(--ink-2)}
.table col.f{width:28%}
@media (max-width:560px){
  .table thead{position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0)}
  .table table,.table caption,.table tbody,.table tr,.table th,.table td{display:block}
  .table tr{padding:12px 0;border-top:1px solid var(--rule)}
  .table th,.table td{border:0;padding:2px 0}
  .table td::before{display:block;font-size:12px;font-weight:600;
    letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);
    margin-top:6px}
}

/* contact block, the home page's pine card */
.ask{margin-top:clamp(26px,3vw,36px);background:var(--pine);color:#fff;
  border-radius:18px;padding:26px}
.ask h2{font-size:22px;margin-bottom:8px;color:#fff}
.ask p{color:rgba(255,255,255,.86);margin:0}
.ask a{color:#fff;font-weight:600;font-size:18px;display:inline-block;
  margin-top:14px;padding:8px 0}
.ask a:focus-visible{outline-color:#fff}