:root{
      --bg:#0b0612; --bg2:#130a22; --text:#f3e8ff; --muted:#c4b5fd;
      --primary:#9d4edd; --accent:#e879f9; --line:rgba(157,78,221,.35);
      --card:#140e23; --radius:18px; --ok:#a7f3d0;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:radial-gradient(1200px 800px at 70% -10%, #1a0f2f 0%, #0b0612 60%, #07040d 100%); color:var(--text); font:16px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;}
    a{color:var(--ok); text-decoration:none}
    a:hover{text-decoration:underline}
    .container{max-width:1000px; margin:0 auto; padding: clamp(16px, 2.8vw, 28px);}
    header{padding:16px 0 6px 0; border-bottom:1px solid var(--line); background:linear-gradient(180deg, rgba(19,10,34,.9), rgba(19,10,34,.5)); position:sticky; top:0; z-index:5}
    .brand{display:flex; align-items:center; gap:12px; justify-content:space-between; flex-wrap:wrap}
    .brand .title{font-weight:800; letter-spacing:.4px}
    .brand .back{font-size:.95rem}
    h1{font-size: clamp(22px, 2.2vw + 12px, 36px); margin:18px 0}
    h2{margin:28px 0 10px 0; font-size: clamp(18px, 1.2vw + 14px, 26px); position:relative}
    h2 .tag{font-size:.8rem; color:var(--muted); margin-left:8px}
    h2::after{content:""; position:absolute; left:0; bottom:-8px; width:160px; height:2px; background:linear-gradient(90deg, var(--primary), transparent); box-shadow:0 0 10px rgba(157,78,221,.7)}
    h3{margin:18px 0 8px 0; font-size:1.05rem; color:var(--muted)}
    .card{background:linear-gradient(180deg, rgba(20,14,35,.85), rgba(20,14,35,.6)); border:1px solid var(--line); border-radius:var(--radius); padding: clamp(14px, 2.4vw, 22px); box-shadow:0 10px 30px rgba(0,0,0,.35); margin:18px 0}
    .muted{color:var(--muted)}
    .toc{display:grid; grid-template-columns: repeat(2, minmax(260px, 1fr)); gap:6px 22px}
    @media (max-width:780px){ .toc{grid-template-columns: 1fr} }
    ol, ul{padding-left:20px; margin:10px 0}
    li{margin:6px 0}
    .foot{border-top:1px solid var(--line); margin-top:24px; padding-top:12px; color:var(--muted); font-size:.92rem}
    .badge{display:inline-block; padding:4px 8px; border-radius:999px; border:1px solid var(--line); color:var(--muted); font-size:.85rem}
    .notice{border-left:3px solid var(--primary); padding-left:12px; margin:10px 0}
    .small{font-size:.95rem}
    .table{width:100%; border-collapse:collapse; font-size:.95rem}
    .table th, .table td{border:1px solid var(--line); padding:8px 10px; vertical-align:top}
    .table th{background:rgba(157,78,221,.12)}
    .kbd{padding:2px 6px; border:1px solid rgba(195,181,253,.35); border-radius:6px; font-size:.9rem}
    /* Print */
    @media print{
      body{background:#fff; color:#000; font:14px/1.55 "Courier New", Courier, monospace}
      header{position:static; background:#fff; border-color:#ccc}
      .card{background:#fff; border:1px solid #ccc; box-shadow:none}
      h2::after{display:none}
      a{color:#000; text-decoration:underline}
	.table th, .table td{border-color:#aaa}
	}