.container{max-width:1000px;margin:0 auto;padding:40px 24px}
.page-title{font-family:Montserrat,system-ui,-apple-system,sans-serif;font-weight:800;font-size:36px;line-height:1.2;margin:8px 0 12px}
.muted{color:#fbfbfb;font-size:14px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;margin:20px 0;box-shadow:0 4px 16px rgba(17,24,39,.04)}
.card h2{font-family:Montserrat,system-ui,-apple-system,sans-serif;font-weight:700;margin:0 0 10px;font-size:24px}
.card h3{font-weight:700;margin:20px 0 8px;font-size:18px}
.toc{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px}
.toc a{display:inline-block;padding:8px 12px;border:1px solid #e5e7eb;border-radius:999px;text-decoration:none;color:#111827;background:#fff}
.toc a:hover{background:#f3f4f6}
.list{padding-left:18px}
.kbd{font-family:ui-monospace,Menlo,Consolas,monospace;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.1rem .4rem;font-size:12px}
.divider{height:1px;background:#e5e7eb;margin:28px 0}
.notice{background:#f8fafc;border:1px dashed #cbd5e1}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.btn{appearance:none;border:1px solid #111827;background:#111827;color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.btn--ghost{background:#fff;color:#111827}
.small{font-size:13px;color:#6b7280}
table{width:100%;border-collapse:collapse;margin:8px 0 4px}
th,td{border:1px solid #e5e7eb;padding:10px;text-align:left;vertical-align:top}
th{background:#f9fafb}

.back-home-btn {
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #ffffff;
    padding: 8px 16px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.back-home-btn:hover {
    color: #ffffff;
    background-color: #782e79;
}

.btn.active {
  background: #1abd27;
  color: #140114;
  border-color: #fff;
}


@media (max-width:640px){
  .page-title{font-size:28px}
  .toc{gap:8px}
}