:root{
      --fg:#1f2328;
      --fg-muted:#656d76;
      --bg:#fff;
      --bg-muted:#f6f8fa;
      --border:#d0d7de;
      --accent:#0969da; 
      --accent-hover:#0756b0;
      --success:#1a7f37;
      --shadow:0 1px 0 rgba(31,35,40,.04),0 1px 3px rgba(31,35,40,.15);
      --radius:6px;
      --container:1280px;
      --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,ui-sans-serif,"Apple Color Emoji","Segoe UI Emoji";
      --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{font-family:var(--font);color:var(--fg);background:var(--bg)}
    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline}
    code,pre{font-family:var(--mono);tab-size:4}

    /* Container + layout */
    .container-xl{max-width:var(--container);margin:0 auto;padding:16px}
    .Header{background:var(--bg);box-shadow:0 1px 0 var(--border)}
    .Subhead{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}
    .Subhead-heading{font-weight:600;font-size:24px}
    .Subhead-description{color:var(--fg-muted)}
    .Layout{display:grid;grid-template-columns:260px 1fr;gap:24px}
    @media (max-width:880px){.Layout{grid-template-columns:1fr}}

    /* Header elements */
    .Header .brand{display:flex;align-items:center;gap:8px;font-weight:600}
    .octicon{display:inline-block;fill:var(--accent)}
    .Label{display:inline-block;padding:.15rem .35rem;border-radius:999px;font-size:12px;font-weight:600;background:rgba(26,127,55,.1);color:var(--success);border:1px solid rgba(26,127,55,.25)}
    .Link--secondary{color:var(--fg-muted)}
    .Link--secondary:hover{color:var(--accent)}

    /* Sidenav (SelectMenu-like) */
    .sidenav .box{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
    .sidenav .header{padding:10px 12px;border-bottom:1px solid var(--border);font-weight:600}
    .sidenav .list{display:flex;flex-direction:column}
    .sidenav .item{padding:10px 12px;border-top:1px solid var(--border);color:var(--fg);text-decoration:none}
    .sidenav .item:first-child{border-top:0}
    .sidenav .item:hover{background:var(--bg-muted)}

    /* Components */
    .Box{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg)}
    .p-3{padding:16px}
    .mb-4{margin-bottom:16px}
    .mb-6{margin-bottom:24px}
    .h3{font-size:20px;font-weight:600;margin:0 0 8px}
    .h5{font-size:16px;font-weight:600;margin:8px 0}
    .color-fg-muted{color:var(--fg-muted)}
    .code-block{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow:auto}

    /* Grid + forms */
    .d-grid{display:grid}
    .grid-col-2{grid-template-columns:repeat(2, minmax(0,1fr))}
    .grid-col-md-1{}
    @media (max-width:820px){.grid-col-2{grid-template-columns:1fr}}
    .gap-2{gap:12px}
    .form-label{display:block;font-weight:600;margin:0 0 6px}
    .form-control{
      width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;
      outline:none;background:#fff;color:var(--fg);
    }
    .form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(9,105,218,.2)}

    /* Buttons */
    .btn{
      display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);
      padding:8px 14px;border-radius:6px;background:#fff;color:var(--fg);font-weight:600;cursor:pointer;
    }
    .btn:hover{background:var(--bg-muted)}
    .btn-primary{
      border-color:rgba(9,105,218,.5);background:var(--accent);color:#fff;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(31,35,40,.04),0 1px 3px rgba(31,35,40,.15);
    }
    .btn-primary:hover{background:var(--accent-hover)}

    /* Utilities */
    .d-flex{display:flex}.flex-items-center{align-items:center}.flex-justify-between{justify-content:space-between}.gap-2{gap:8px}.mr-2{margin-right:8px}.ml-2{margin-left:8px}
    .border-bottom{border-bottom:1px solid var(--border)}
    .py-3{padding-top:12px;padding-bottom:12px}
    .mt-4{margin-top:16px}