.article{max-width:820px}.article__meta{display:flex;flex-wrap:wrap;gap:var(--s-8) var(--s-20);color:var(--muted);font-size:var(--text-14)}.article__summary{margin:0 0 var(--s-32);padding:var(--s-20) var(--s-24);border-left:3px solid var(--blue);border-radius:var(--radius-md, 10px);background:color-mix(in srgb,var(--blue) 6%,transparent)}.article__summary h2{margin-bottom:var(--s-12);font-size:var(--text-18)}.article__summary ul,.article__body ul,.article__body ol,.article__related ul{margin:0;padding-left:1.4em}.article__summary li,.article__body li{margin-bottom:var(--s-8);line-height:1.85}.article__toc{margin-bottom:var(--s-32);font-size:var(--text-15)}.article__toc p{margin-bottom:var(--s-8);color:var(--muted)}.article__toc ol{margin:0;padding-left:1.4em}.article__toc a,.article__related a:not(.site__button){color:var(--blue)}.article__body h2,.article__faq h2,.article__related h2{margin:var(--s-40) 0 var(--s-16);font-size:var(--text-26);scroll-margin-top:var(--s-24)}.article__body h3,.article__faq h3{margin:var(--s-24) 0 var(--s-8);font-size:var(--text-19)}.article__body p,.article__faq p{margin-bottom:var(--s-16);font-size:var(--text-17);line-height:1.9}.article__note{padding:var(--s-14) var(--s-18);border-radius:var(--radius-md, 10px);background:var(--surface, color-mix(in srgb, var(--ink) 4%, transparent));font-weight:550}.article__table{margin:var(--s-16) 0 var(--s-24);overflow-x:auto}.article__table table{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--text-15)}.article__table caption{margin-bottom:var(--s-8);color:var(--muted);text-align:left}.article__table th,.article__table td{padding:var(--s-12);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.7}.article__table thead th{color:var(--muted)}.article__related .site__button{margin-top:var(--s-24)}.article-list{display:grid;gap:var(--s-32);max-width:820px;margin:0;padding:0;list-style:none}.article-list h2{margin-bottom:var(--s-8);font-size:var(--text-22)}.article-list h2 a:hover{color:var(--blue)}.article-list p{color:var(--muted);line-height:1.8}@media(max-width:768px){.article__body h2,.article__faq h2,.article__related h2{font-size:var(--text-22)}.article__body p,.article__faq p{font-size:var(--text-16)}}
