.article-list{list-style:none;padding:0;max-width:850px;border-top:1px solid var(--line)}
.article-list li{border-bottom:1px solid var(--line);margin:0}
.article-list a{display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:18px 2px;text-decoration:none}
.article-list a:hover strong,.article-list a:focus-visible strong{text-decoration:underline}
.article-list span{font-size:.9rem;color:var(--muted)}
.document .article-meta{font-size:.86rem;color:var(--muted)}
.document .article-intro{font-size:1.12rem;line-height:1.8}
.document .example{background:var(--cream);border-left:4px solid var(--green);padding:18px 22px}
.document .checklist{padding-left:1.3em}
.document .related{background:var(--green2);border:0;border-radius:18px;padding:22px 28px}
.document .related h2{margin-top:0}
.document .related ul{margin-bottom:0}
@media(max-width:640px){.article-list a{display:block}.article-list span{display:block;margin-top:3px}.document .related{padding:20px}}