.guide-date{font-size:.82rem;color:var(--muted);margin:0 0 24px}
.guide-toc{padding:22px 24px;margin-bottom:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.guide-toc h2{font-size:1.2rem;margin-bottom:12px}
.guide-toc ul{list-style:none;padding-left:0;margin:0;color:var(--muted)}
.guide-toc li{padding-left:4px;margin:8px 0}
.guide-toc a{display:inline-block;padding-block:3px}
.guide-example{margin:22px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.guide-example figcaption{padding:12px 16px;color:var(--green);font-size:.82rem;background:var(--panel)}
.guide-example pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;margin:0;font-size:.82rem;line-height:1.7}
.guide-table{margin:24px 0}
.guide-table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.92rem}
.guide-table caption{text-align:left;color:var(--text);font-weight:650;margin-bottom:12px}
.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:13px 15px;border:1px solid var(--line);overflow-wrap:anywhere}
.guide-table th{color:var(--text);background:var(--panel)}
.guide-table td{color:var(--muted)}
.guide-table th:first-child{width:42%}
.article-body section{scroll-margin-top:24px}
@media(max-width:520px){.guide-toc{padding:18px}.guide-table table{font-size:.84rem}.guide-table th,.guide-table td{padding:10px}.guide-example pre{padding:13px;font-size:.76rem}}