.article {
        font-size: 14px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
        line-height: 1.65;
        color: #222;
    }
    
    .article a {
        color: #0a66c2;
    }
    
    .article p {
        margin: 0.6em 0;
    }
    
    .article h2,
    .article h3 {
        line-height: 1.35;
        margin: 1.2em 0 0.6em;
    }
    
    .article h2 {
        font-size: 15px;
        border-left: 4px solid #FFD700;
        padding-left: 10px;
    }
    
    .article h3 {
        font-size: 14px;
        border-left: 3px solid #FFA500;
        padding-left: 8px;
        margin: 1em 0 0.5em;
    }
    
    .article .lead {
        font-size: 1.05em;
    }
    
    .article .muted {
        color: #666;
    }
    
    .article .toc {
        background: #fafafa;
        border: 1px solid #eee;
        padding: 12px 14px;
        border-radius: 6px;
        margin: 1em 0 1.2em;
    }
    
    .article .toc h2 {
        margin: 0 0 0.2em;
        border: none;
        padding: 0;
        font-size: 1.06em;
    }
    
    .article .toc ul {
        margin: 0.4em 0 0 1.2em;
        padding-left: 0.6em;
    }
    
    .article .toc li {
        margin: 0.25em 0;
    }
    
    .article .subhead {
        font-weight: 600;
        text-decoration: underline;
    }
    
    .article ul,
    .article ol {
        margin: 0.6em 0 0.8em 1.4em;
    }
    
    .article li {
        margin: 0.35em 0;
    }
    
    .article .note {
        background: #fff9e6;
        border-left: 3px solid #ffd24d;
        padding: 8px 12px;
        border-radius: 4px;
    }
    
    .article .src-list a {
        word-break: break-word;
    }
    
    .article [id] {
        scroll-margin-top: 90px;
    }