/* ── BLOG SINGLE ── */
    .article-layout{display:grid;grid-template-columns:1fr 260px;gap:0;align-items:start}
    .article-main{padding-right:60px;border-right:1px solid var(--border)}
    .article-sidebar{padding-left:40px;position:sticky;top:90px}

    /* ARTICLE CONTENT TYPOGRAPHY */
    .article-body{font-size:15px;color:rgba(13,13,13,.82);line-height:1.85}
    .article-body h2{font-family:var(--display);font-size:28px;letter-spacing:.04em;color:var(--ink);margin:36px 0 12px}
    .article-body h3{font-size:16px;font-weight:700;color:var(--ink);margin:28px 0 10px}
    .article-body p{margin-bottom:18px}
    .article-body strong{color:var(--ink);font-weight:600}
    .article-body ul,.article-body ol{padding-left:20px;margin-bottom:18px}
    .article-body li{margin-bottom:6px;font-size:14px;color:rgba(13,13,13,.7)}
    .article-body code{font-family:monospace;font-size:12px;background:var(--bg2);border:1px solid var(--border);padding:2px 6px;border-radius:2px;color:var(--accent)}
    .article-body pre{background:var(--ink);border-radius:2px;padding:20px 24px;overflow-x:auto;margin-bottom:20px}
    .article-body pre code{background:none;border:none;padding:0;color:rgba(255,255,255,.85);font-size:13px;line-height:1.7}
    .article-body blockquote{border-left:3px solid var(--accent);margin:24px 0;padding:14px 20px;background:var(--bg2)}
    .article-body blockquote p{margin:0;font-style:italic;color:var(--muted)}
    .article-body hr{border:none;border-top:1px solid var(--border);margin:36px 0}
    .article-body a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;transition:color .2s}
    .article-body a:hover{color:var(--accent)}

    /* SIDEBAR */
    .toc-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
    .toc-list{list-style:none}
    .toc-list li{margin-bottom:2px}
    .toc-list a{font-size:12px;color:var(--muted);text-decoration:none;padding:5px 0;display:block;border-left:2px solid transparent;padding-left:10px;transition:color .2s,border-color .2s}
    .toc-list a:hover,.toc-list a.active{color:var(--ink);border-color:var(--accent)}

    .sidebar-share{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
    .sidebar-share-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
    .share-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--border);font-size:11px;color:var(--muted);cursor:pointer;background:none;width:100%;margin-bottom:6px;border-radius:1px;transition:border-color .2s,color .2s;font-family:var(--body)}
    .share-btn:hover{border-color:var(--ink);color:var(--ink)}

    .article-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}
    .article-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}
    .author-box{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--border);background:var(--bg2)}
    .author-avatar{width:48px;height:48px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:20px;color:var(--bg);flex-shrink:0}
    .author-name{font-size:14px;font-weight:600;margin-bottom:2px}
    .author-bio{font-size:12px;color:var(--muted);line-height:1.6}

    .related-posts{margin-top:48px}
    .related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
    .related-card{padding:18px 20px;border:1px solid var(--border);text-decoration:none;color:inherit;background:var(--white);transition:border-color .25s}
    .related-card:hover{border-color:rgba(13,13,13,.2)}
    .related-cat{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
    .related-title{font-family:var(--display);font-size:18px;letter-spacing:.04em;line-height:.92;margin-bottom:6px}
    .related-meta{font-size:10px;color:var(--muted)}

    .post-nav{display:flex;justify-content:space-between;align-items:center;padding:28px 52px;border-top:1px solid var(--border);background:var(--bg2)}
    .post-nav-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;transition:opacity .2s}
    .post-nav-link:hover{opacity:.7}
    .post-nav-dir{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
    .post-nav-title{font-family:var(--display);font-size:18px;letter-spacing:.04em;color:var(--ink)}

    @media(max-width:1024px){
      .article-layout{grid-template-columns:1fr}
      .article-main{padding-right:0;border-right:none}
      .article-sidebar{display:none}
      .post-nav{padding:20px 24px}
      .related-grid{grid-template-columns:1fr}
    }