/* Page copy below the tools (how-to, settings guide, FAQ). Uses the page's own color tokens. */
.article{margin-top:56px;max-width:68ch}
.article h2{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:40px 0 10px;text-wrap:balance}
.article h2:first-child{margin-top:0}
.article p,.article li{font-size:15px;line-height:1.65}
.article p{margin:0 0 12px}
.article ol,.article ul{margin:0 0 12px;padding-left:22px}
.article li{margin-bottom:6px}
.article a{color:var(--accent);text-underline-offset:2px}
.article a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tablewrap{overflow-x:auto;margin:6px 0 14px}
.article table{width:100%;border-collapse:collapse;font-size:14px}
.article th,.article td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.article th{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.article td:first-child{white-space:nowrap;font-weight:600}
.faq{margin-top:44px}
.faq details{border-top:1px solid var(--line);padding:12px 0}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--muted);font-weight:400}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:8px 0 0;color:var(--muted)}
.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.article .updated{font-size:12.5px;color:var(--muted);margin:0 0 6px}
.article .updated + h2{margin-top:0}
.article code{font-family:"IBM Plex Mono", ui-monospace, Consolas, monospace;font-size:.9em}
.article .results td:first-child{white-space:normal}
.article .results td:nth-child(n+3){white-space:nowrap;font-variant-numeric:tabular-nums}