:root{
      --bg:#050908;
      --panel:#0a1110;
      --panel2:#0d1514;
      --text:#edf7f1;
      --muted:#9db0a6;
      --green:#21df78;
      --cyan:#3cc8ff;
      --yellow:#ffc641;
      --border:rgba(73,255,154,.15);
      --border-soft:rgba(255,255,255,.075);
      --shadow:0 20px 55px rgba(0,0,0,.42);
      --radius:20px;
      --max:1040px;
      --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
      --sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      min-height:100vh;
      font-family:var(--sans);
      color:var(--text);
      line-height:1.68;
      background:
        radial-gradient(900px 520px at 12% 0%,rgba(33,223,120,.13),transparent 62%),
        radial-gradient(800px 520px at 92% 14%,rgba(60,200,255,.09),transparent 60%),
        linear-gradient(180deg,#07100d 0%,var(--bg) 34%,#030605 100%);
    }
    a{color:var(--cyan);text-decoration:none}
    a:hover{text-decoration:underline}
    .wrap{width:min(var(--max),calc(100% - 36px));margin:0 auto}
    header{padding:52px 0 22px}
    .hero,.card{
      background:linear-gradient(180deg,rgba(14,25,22,.92),rgba(7,13,12,.92));
      border:1px solid var(--border);
      box-shadow:var(--shadow);
      border-radius:var(--radius);
      backdrop-filter:blur(10px);
    }
    .hero{padding:34px}
    .terminal-mark{
      width:56px;height:56px;border-radius:14px;
      display:grid;place-items:center;
      background:var(--green);color:#04100a;
      font:900 25px/1 var(--mono);
      margin-bottom:22px;
      box-shadow:0 0 30px rgba(33,223,120,.18);
    }
    .kicker{
      margin:0 0 8px;
      color:var(--green);
      font:800 12px/1.4 var(--mono);
      letter-spacing:.14em;text-transform:uppercase;
    }
    h1{margin:0 0 10px;font-size:clamp(31px,5vw,48px);line-height:1.08;letter-spacing:-.025em}
    .sub{margin:0;color:var(--muted);max-width:74ch;font-size:16px}
    .meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
    .pill{
      display:inline-flex;align-items:center;gap:7px;
      border:1px solid var(--border-soft);
      border-radius:999px;padding:7px 11px;
      color:var(--muted);font:700 12px/1.2 var(--mono);
      background:rgba(0,0,0,.22);
    }
    main{padding:0 0 56px}
    .card{padding:26px;margin-top:16px}
    .card h2{margin:0 0 11px;font-size:19px;letter-spacing:-.01em}
    .card h3{margin:20px 0 7px;font-size:15px;color:var(--text)}
    p{margin:0 0 13px}
    ul{margin:8px 0 13px;padding-left:22px}
    li{margin:5px 0}
    strong{color:#fff}
    .notice{
      margin-top:15px;padding:14px 16px;border-radius:14px;
      border:1px solid rgba(33,223,120,.18);
      background:rgba(33,223,120,.075);
    }
    .notice strong{color:var(--green)}
    .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
    .col-6{grid-column:span 6}.col-12{grid-column:span 12}
    .mini{
      height:100%;padding:21px;border-radius:17px;
      border:1px solid var(--border-soft);
      background:rgba(2,8,6,.38);
    }
    .label{
      display:inline-block;margin-bottom:8px;
      color:var(--green);font:800 11px/1.3 var(--mono);
      letter-spacing:.08em;text-transform:uppercase;
    }
    .apple-note{border-color:rgba(60,200,255,.2)}
    .apple-note .label{color:var(--cyan)}
    .safety-note{border-color:rgba(255,198,65,.18)}
    .safety-note .label{color:var(--yellow)}
    .toc{display:flex;flex-wrap:wrap;gap:8px}
    .toc a{
      padding:7px 10px;border-radius:10px;
      border:1px solid var(--border-soft);
      background:rgba(255,255,255,.025);
      font:700 11px/1.2 var(--mono);color:var(--muted)
    }
    footer{padding:0 0 34px;color:var(--muted);font-size:12px;text-align:center}
    code{font-family:var(--mono);color:#d8e8df}
    @media(max-width:760px){
      header{padding-top:24px}.hero{padding:25px 21px}.card{padding:20px}
      .col-6{grid-column:span 12}.wrap{width:min(var(--max),calc(100% - 24px))}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}