/* about.css: About page. Builds on faq.css and the theme tokens, so all 8 colour themes and dark mode work. */
.ab{min-width:0}
.ab-prose{max-width:74ch}
.ab-prose p,.ab-steps li,.ab-fn li{font-size:1.0625rem;line-height:1.75;color:var(--text2);margin:0 0 14px}
.ab-prose h3{font-size:1.15rem;line-height:1.3;margin:26px 0 8px;font-weight:800;color:var(--text)}
.ab-prose strong{color:var(--text)}
.ab-prose a,.ab-steps a,.ab-fn a,.ab-cards a,.ab-table a,.ab-fig a{color:var(--ac-d);font-weight:700;text-underline-offset:3px}
.ab .faq-lead{font-size:1.1875rem;line-height:1.6;color:var(--text);font-weight:600}
.ab sup{font-size:.72em;line-height:0;margin-left:1px}
.ab sup a{text-decoration:none;padding:0 2px}
.ab-caveat{border-left:4px solid var(--ac);background:var(--tint);padding:12px 16px;border-radius:0 12px 12px 0}
.ab-tw{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:8px 0 0}
.ab-table{border-collapse:collapse;width:100%;min-width:760px;font-size:.9375rem}
.ab-table th,.ab-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line);line-height:1.55;color:var(--text2)}
.ab-table thead th{background:var(--soft);color:var(--text);font-weight:800;font-size:.875rem}
.ab-table tbody th{color:var(--text);font-weight:800;width:17%}
.ab-table tr:last-child>*{border-bottom:0}
.ab-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ab-cards2{grid-template-columns:repeat(2,1fr);margin-bottom:16px}
.ab-cards article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:6px}
.ab-cards h3{margin:0;font-size:1.05rem;font-weight:800;color:var(--text)}
.ab-cards p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--text2);flex:1}
.ab-cards a{margin-top:6px;font-size:.9375rem}
.ab-fig{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.ab-fig figcaption{font-size:.875rem;line-height:1.55;color:var(--mut);margin-top:10px}
.ab-svg{width:100%;height:auto;display:block}
.ab-svg .t{fill:var(--text2);font:600 13px Manrope,system-ui,sans-serif}.ab-svg .t.b{fill:var(--text);font-weight:800}.ab-svg .t.s{font-size:12px;fill:var(--mut)}
.ab-svg .bar{fill:var(--ac)}.ab-svg .grid{stroke:var(--line);stroke-width:1}
.ab-svg .box{fill:var(--tint);stroke:var(--ac);stroke-width:1.5}.ab-svg .arr{stroke:var(--ac);stroke-width:2;fill:none}
.ab-svg .l1,.ab-svg .l2{fill:none;stroke-width:3}.ab-svg .l1{stroke:var(--ac)}.ab-svg .l2{stroke:var(--text2);stroke-dasharray:7 5}
.ab-svg .l1d{fill:var(--ac)}.ab-svg .l2d{fill:var(--text2)}.ab-svg .l1t{fill:var(--ac-d)}
.ab-svg .band{opacity:.28}.ab-svg .l1f{fill:var(--ac)}.ab-svg .l2f{fill:var(--text2)}
.ab-steps{max-width:74ch;margin:0 0 8px;padding-left:1.4em}.ab-steps li{padding-left:6px}
.ab-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ab-links a{display:block;padding:13px 16px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);color:var(--text);font-weight:700;font-size:.9375rem;text-decoration:none}
.ab-links a:hover{border-color:var(--ac);color:var(--ac-d);background:var(--tint)}
.ab-fn{max-width:80ch;padding-left:1.4em}.ab-fn li{font-size:.9375rem;line-height:1.6;scroll-margin-top:100px}
.ab :is(a,summary):focus-visible,.ab-tw:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.faq-nav a{font-size:.9375rem}
@media (max-width:900px){.ab-cards,.ab-cards2,.ab-links{grid-template-columns:1fr}.faq-nav{position:static}}

.ab-table tr.tot th,.ab-table tr.tot td{background:var(--soft);color:var(--text);font-weight:800}
.ab .faq-item .faq-a ul{font-size:1rem;line-height:1.7}