/* template-2.css (Docs Premium) */
    body._4hxfa {
      /* Uses global var(--bg) now */
    }
    
    /* --- HEADER --- */
    body._4hxfa ._2kxlk {
      background: color-mix(in srgb, var(--bg), transparent 10%);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border);
      height: var(--nav-h);
    }

    /* MOBILE MENU FIX */
    body._4hxfa ._24p3x {
      display: none;
      position: absolute;
      top: 100%; 
      left: 0; 
      right: 0;
      background: var(--bg);
      border-bottom: 1px solid var(--border);
      padding: 16px 24px 30px 24px;
      box-shadow: var(--shadow);
      z-index: 9999;
    }
    
    @media(max-width: 900px){
      body._4hxfa ._24p3x[data-open="true"] {
        display: block;
      }
    }

    /* --- FOOTER --- */
    body._4hxfa ._3a2qi {
      border-top: 1px solid var(--border);
      background: color-mix(in srgb, var(--bg), #000 20%); /* Slightly darker footer */
      margin-top: 80px;
      padding-top: 60px;
      padding-bottom: 40px;
    }
    /* Light mode footer adjustment */
    @media (prefers-color-scheme: light) {
       body._4hxfa ._3a2qi { background: #f8fafc; }
    }
    
    body._4hxfa ._2uk1o {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr; 
      gap: 40px;
    }
    
    body._4hxfa ._1znzd {
      font-weight: 800;
      font-size: 0.75rem; 
      text-transform: uppercase;
      letter-spacing: 0.12em; 
      color: var(--muted2); 
      margin-bottom: 24px;
    }

    body._4hxfa ._3a2qi a {
      color: var(--muted);
      transition: color 0.2s, transform 0.2s;
      font-size: 0.95rem;
      text-decoration: none;
      display: inline-block;
    }
    body._4hxfa ._3a2qi a:hover {
      color: var(--brand);
      transform: translateX(2px);
    }

    @media(max-width: 768px){
      body._4hxfa ._2uk1o {
        grid-template-columns: 1fr;
        gap: 40px;
      }
    }

    /* --- STANDARD CONTENT LAYOUT --- */
    body._4hxfa ._2sjvf {
      display: grid; gap: 32px; grid-template-columns: 280px 1fr; align-items: start; margin-top: 32px;
    }
    @media(max-width: 900px){
      body._4hxfa ._2sjvf { grid-template-columns: 1fr; gap: 24px; }
      body._4hxfa ._2hxu6 { position: relative !important; top: 0 !important; }
    }

    /* Sticky Sidebar */
    body._4hxfa ._2hxu6 {
      position: sticky; top: calc(var(--nav-h) + 24px);
      padding: 16px; border-radius: 16px;
    }

    /* Sidebar Search */
    body._4hxfa ._3xku1 {
      display: flex; gap: 12px; align-items: center; padding: 12px 14px;
      border-radius: 12px; border: 1px solid var(--border);
      background: var(--surface); margin-bottom: 20px;
    }
    body._4hxfa ._3xku1 input { width: 100%; background: transparent; border: 0; outline: none; color: var(--txt); font-size: 0.9rem; }

    /* TOC Links */
    body._4hxfa ._3xco4 { display: flex; flex-direction: column; gap: 4px; }
    body._4hxfa ._3xco4 a {
      display: block; padding: 6px 0; text-decoration: none;
      color: var(--muted); font-size: 0.92rem; transition: all 0.2s;
    }
    body._4hxfa ._3xco4 a:hover { color: var(--txt); transform: translateX(2px); }

    /* Main Article Card */
    body._4hxfa ._3n2tp {
      min-width: 0; padding: 32px; border-radius: 24px;
      background: var(--surface); border: 1px solid var(--border);
    }
    @media(max-width: 700px){ body._4hxfa ._3n2tp { padding: 20px; } }

    body._4hxfa ._3n2tp h1 { margin-bottom: 12px; font-size: 2.4rem; letter-spacing: -0.02em; }
    body._4hxfa ._3n2tp h2 { margin-top: 32px; font-size: 1.6rem; border-bottom: 1px solid var(--border); padding-bottom: 10px; margin-bottom: 16px; }
    
    /* Callout Box */
    body._4hxfa ._4ojhx {
      border-radius: 16px; padding: 20px;
      border: 1px solid color-mix(in oklab, var(--brand) 30%, transparent);
      background: linear-gradient(135deg, color-mix(in oklab, var(--brand) 10%, transparent), var(--surface));
    }