h1,p{margin:0 0 12px}.tag,pre{color:#fff}code,pre{background:rgba(255,255,255,.04)}footer,header{padding:28px 0}:root{--bg:#0D0D0D;--panel:#1A1A1D;--text:#EAEAEA;--muted:#BDBDBD;--primary:#6A0DAD;--secondary:#A64AC9;--maxw:1100px;--radius:12px;--nav-h:72px}*{box-sizing:border-box}body,html{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:20px}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-size:1.25rem;margin:0}.hero{padding:48px 0;text-align:left}h1{font-size:2.25rem}h2{font-size:1.5rem;margin:20px 0 10px}p{color:var(--muted)}.tag{display:inline-block;font-size:.75rem;padding:.25rem .5rem;border-radius:999px;background:rgba(166,74,201,.12);border:1px solid rgba(166,74,201,.2)}.content{background:var(--panel);padding:28px;border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.45)}.callout,pre{padding:14px}pre{border-radius:8px;overflow:auto}.meta,footer,ul{color:var(--muted)}code{padding:2px 6px;border-radius:6px}ul{margin:0 0 12px 20px}footer{text-align:center}.meta{font-size:.9rem;margin-bottom:18px}.keywords{font-size:.85rem;color:#dcd0ff;margin-top:10px}.faq dt{font-weight:700;margin-top:12px}.callout{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:10px;color:#fff;margin:18px 0}@media (max-width:768px){h1{font-size:1.6rem}}.logo{width:53px;height:53px;border-radius:12px;background:url('https://yinsolutions.org/logogreywhite.png') center/cover no-repeat}