/* Extends legal.css's article typography with landing-page components.
   Load AFTER legal.css. */

.breadcrumb{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:11.5px;color:var(--muted);margin-bottom:22px;
}
.breadcrumb a{color:var(--muted);text-decoration:none;}
.breadcrumb a:hover{color:var(--teal);}

.dek{
  font-size:16px;color:var(--muted);line-height:1.6;
  margin:0 0 30px;max-width:60ch;
}

.cta-box{
  background:var(--panel);border:1px solid var(--line);
  border-left:3px solid var(--teal);border-radius:10px;
  padding:22px 24px;margin:30px 0;
}
.cta-box h3{
  font-family:'Space Grotesk',sans-serif;font-size:16px;
  margin:0 0 6px;color:#fff;
}
.cta-box p{font-size:14px;color:var(--muted);margin:0 0 14px;}
.cta-box a.btn{
  display:inline-block;background:var(--teal);color:#0c1f1d;
  font-weight:600;font-size:13.5px;text-decoration:none;
  padding:10px 18px;border-radius:7px;
}
.cta-box a.btn:hover{filter:brightness(1.08);}
.cta-box a.btn.secondary{
  background:transparent;border:1px solid var(--line);color:var(--text);
  margin-left:8px;
}

table.compare{
  width:100%;border-collapse:collapse;margin:18px 0 26px;font-size:13.5px;
}
table.compare th, table.compare td{
  text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);
}
table.compare th{
  font-family:'IBM Plex Mono',monospace;font-size:11px;
  text-transform:uppercase;letter-spacing:.04em;color:var(--muted);
  font-weight:600;
}
table.compare td.yes{color:var(--teal);}
table.compare td.no{color:var(--danger);}

.faq dt{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14.5px;
  color:#fff;margin:20px 0 6px;
}
.faq dd{margin:0 0 4px;font-size:14px;color:var(--muted);line-height:1.6;}

.step-list{counter-reset:step;list-style:none;padding:0;margin:18px 0 26px;}
.step-list li{
  counter-increment:step;position:relative;padding:0 0 18px 40px;
  font-size:14.5px;color:var(--text);line-height:1.6;
}
.step-list li::before{
  content:counter(step);position:absolute;left:0;top:0;
  width:26px;height:26px;border-radius:50%;background:var(--panel-raised);
  border:1px solid var(--line);color:var(--amber);
  font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;
  display:flex;align-items:center;justify-content:center;
}
.step-list li strong{color:#fff;}

.related{
  margin-top:44px;padding-top:22px;border-top:1px solid var(--line);
}
.related h3{
  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);margin:0 0 12px;
}
.related-links{display:flex;flex-direction:column;gap:8px;}
.related-links a{
  color:var(--teal);text-decoration:none;font-size:14px;
}
.related-links a:hover{text-decoration:underline;}