.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.qa{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;padding:56px 0;border-top:1px solid var(--line)}
.qa:first-child{border-top:0;padding-top:0}
.site .qa h2{font-size:30px;line-height:36px;margin-top:16px}
.qa-body{display:flex;flex-direction:column;gap:16px;font-size:18px;line-height:28px}
.roles{width:100%;border-collapse:collapse;font-size:16px;line-height:22px}
.roles th,.roles td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.roles thead th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.roles td .bz-icon{width:18px;height:18px;vertical-align:-3px;margin-right:4px}
.roles .y .bz-icon{color:var(--done)}
.roles .n{color:var(--ink-muted)}
.log{display:flex;flex-direction:column}
.log .mk-li{align-items:flex-start;justify-content:flex-start;gap:14px}
.log .mk-li .bz-icon{color:var(--brand);flex:none;margin-top:3px}
.log time{display:block;font-size:14px;color:var(--ink-muted)}
.promise{padding:96px 0;text-align:center}
.promise h2{max-width:820px;margin:0 auto;font-style:italic;font-weight:400 !important}
@media (max-width:900px){
  .qa{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media (max-width:600px){
  .qa{padding:40px 0}
  .site .qa h2{font-size:26px;line-height:32px}
  .roles thead{display:none}
  .roles tr{display:block;border-bottom:1px solid var(--line);padding:10px 0}
  .roles th,.roles td{display:block;border:0;padding:3px 0}
  .roles td:before{content:attr(data-l) ': ';font-weight:700;color:var(--ink)}
  .promise{padding:56px 0}
}