/* Shared article layout; inherits the main site's font and palette. */
.reading { width:min(780px,calc(100% - 48px)); margin:0 auto; padding:64px 0 80px; }
.article-intro { padding-bottom:44px; border-bottom:1px solid var(--line); }
.article-intro h1 { font-size:clamp(34px,4.3vw,58px); line-height:1.12; }
.reading p { max-width:70ch; margin-top:20px; }
.reading .article-lead { font-size:21px; line-height:1.6; margin-top:28px; }
.reading section { margin-top:56px; }
.reading h2 { font-size:clamp(27px,3vw,36px); line-height:1.2; }
.reading h3 { font-size:22px; line-height:1.35; }
.reading p a,.article-return a { color:var(--blue); }
.reading p a.button-blue { color:#fff; }
.article-button-label { color:#fff; }
.reading a:hover { text-decoration-thickness:2px; }
.reading ol { margin:26px 0; padding-left:28px; }
.reading li { padding-left:8px; margin-top:12px; }
.reading li::marker { color:var(--blue); font-weight:700; }
.issuance-comparison { margin-top:28px; overflow-x:auto; }
.issuance-comparison table { width:100%; min-width:620px; border-collapse:collapse; font-size:14px; line-height:1.5; }
.issuance-comparison caption { text-align:left; font-size:18px; font-weight:700; padding-bottom:18px; }
.issuance-comparison th,.issuance-comparison td { text-align:left; vertical-align:top; padding:16px; border-bottom:1px solid var(--line); }
.issuance-comparison thead { background:var(--paper); }
.issuance-comparison th:first-child,.issuance-comparison td:first-child { width:37%; }
.issuance-comparison th:nth-child(2),.issuance-comparison td:nth-child(2) { width:36%; }
.issuance-comparison td:nth-child(2) { background:#f0f5ff; }
.issuance-comparison strong { display:block; margin-top:9px; font-variant-numeric:tabular-nums; }
.issuance-comparison tfoot { background:#e2eaff; }
.issuance-comparison tfoot td:nth-child(2) { background:transparent; }
.time-explanation { display:block; margin-top:7px; font-size:13px; color:var(--muted); }
.reading .timing-assumptions { font-size:14px; color:var(--muted); margin-top:16px; }
.reading .time-saving { padding:24px; background:var(--paper); border-radius:var(--radius); }
.time-saving strong { display:block; margin-bottom:10px; }
.access-comparison { margin:28px 0; }
.access-comparison>div { padding:22px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:190px 1fr; gap:28px; }
.access-comparison>div:last-child { border-bottom:1px solid var(--line); }
.access-comparison dt { font-weight:700; line-height:1.4; }
.access-comparison dd { margin:0; color:var(--muted); }
.article-steps li { margin-top:25px; }
.article-steps p { margin-top:10px; }
.driver-demo { max-width:440px; width:100%; margin:28px 0; }
.driver-demo .demo-steps button { color:var(--muted); }
.driver-demo .demo-steps button[aria-pressed=true] { color:var(--ink); }
.driver-demo .demo-steps button span { color:#fff; }
.driver-demo .demo-steps button[aria-pressed=true] span { color:var(--blue); }
.driver-demo .demo-steps button:hover { color:var(--blue-hover); }
.driver-demo figcaption { color:var(--muted); }
.reading .article-note { background:var(--paper); border-radius:var(--radius); padding:22px 24px; font-size:15px; color:var(--muted); }
.client-message { scroll-margin-top:30px; border-top:2px solid var(--blue); padding-top:32px; }
.client-message blockquote { margin:24px 0; padding:26px 30px; background:#edf2ff; color:#203858; border-radius:var(--radius); }
.client-message blockquote p:first-child { margin-top:0; }
.message-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; }
.message-actions .text-link { margin:0; }
.reading .copy-status { margin-top:12px; min-height:26px; font-size:14px; color:var(--muted); }
.article-questions h3 { margin-top:30px; }
.article-questions h3+p { margin-top:12px; }
.reading .article-return { border-top:1px solid var(--line); margin-top:48px; padding-top:28px; font-size:15px; }
.article-page .footer { border-top:1px solid var(--line); }
@media(max-width:600px) {
  .reading { width:calc(100% - 40px); padding-block:36px 50px; font-size:16px; }
  .article-page .header-inner { flex-wrap:nowrap; min-height:76px; padding-block:16px; }
  .article-intro { padding-bottom:30px; }
  .reading .article-lead { font-size:19px; margin-top:22px; }
  .reading section { margin-top:42px; }
  .reading h3 { font-size:20px; }
  .access-comparison>div { grid-template-columns:1fr; gap:10px; }
  .client-message blockquote { padding:22px 20px; }
  .message-actions { align-items:stretch; }
  .message-actions .button { width:100%; font-size:14px; }
  .reading .article-note { padding:20px; }
}


/* The founder note continues the surrounding discussion without a divider. */
.reading .founder-comment { border-top:0; }



/* Reusable article feedback */
.feedback-card {
  margin-top:64px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
}
.feedback-card h2 { font-size:26px; letter-spacing:-.025em; }
.feedback-card>p { margin-top:10px; color:var(--muted); }
.feedback-vote { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.feedback-button {
  min-height:50px;
  padding:12px 18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.feedback-button:hover { border-color:var(--blue); color:var(--blue); }
.feedback-button:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.feedback-button[aria-pressed="true"] { background:var(--blue); border-color:var(--blue); color:#fff; }
.feedback-status { min-height:26px; margin-top:14px!important; font-size:14px; }
@media(max-width:600px) {
  .feedback-card { margin-top:48px; padding:22px 20px; }
  .feedback-vote { display:grid; grid-template-columns:1fr; }
  .feedback-button { width:100%; }
}