:root{ --rua-accent:#ed8936; --rua-blue:#3b82f6; --rua-card:#0f172a; --rua-border:#243244; --rua-text:#f1f5f9; --rua-muted:#cbd5e1 }
@media (prefers-color-scheme: light){
  :root{ --rua-card:#f7f9fd; --rua-border:#d7dbe6; --rua-text:#2b3440; --rua-muted:#66768a }
}
.rua-btn{display:inline-block;padding:.6rem .9rem;border-radius:10px;border:1px solid var(--rua-border);text-decoration:none}
.rua-btn.style-solid{background:var(--rua-accent);border-color:var(--rua-accent);color:#fff}
.rua-btn.style-outline{background:transparent;color:var(--rua-accent)}
.rua-btn:hover{color:#fff;background:var(--rua-blue);border-color:var(--rua-blue)}
.rua-btn.size-sm{padding:.45rem .7rem;font-size:.9rem} .rua-btn.size-lg{padding:.8rem 1.1rem;font-size:1.05rem}

.rua-note{border:1px solid var(--rua-border);border-left:4px solid var(--rua-accent);background:var(--rua-card);padding:.8rem 1rem;border-radius:10px;color:var(--rua-text)}
.rua-note.t-success{border-left-color:#22c55e} .rua-note.t-warning{border-left-color:#f59e0b} .rua-note.t-danger{border-left-color:#ef4444}

.rua-pullquote{position:relative;padding:1rem 1.2rem;margin:1rem;border-left:4px solid var(--rua-accent);font-style:italic;background:var(--rua-card);border-radius:10px}
.rua-pullquote.a-right{margin-left:auto;max-width:520px}

.rua-cards{display:grid;gap:12px}
.rua-cards.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rua-cards.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rua-cards.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){ .rua-cards{grid-template-columns:1fr} }
.rua-card{background:var(--rua-card);border:1px solid var(--rua-border);border-radius:12px;padding:12px;color:var(--rua-text)}
.rua-card .t{margin:.2rem 0 .4rem}

.rua-proscons{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:900px){ .rua-proscons{grid-template-columns:1fr} }
.rua-proscons h5{margin:.2rem 0 .4rem}
.rua-proscons ul{margin:.2rem 0 0 1.1rem}

.rua-table-wrap{overflow:auto;border:1px solid var(--rua-border);border-radius:10px}
.rua-table{width:100%;border-collapse:separate;border-spacing:0}
.rua-table th,.rua-table td{padding:.6rem .7rem;border-bottom:1px solid var(--rua-border)}
.rua-table thead th{background:var(--rua-card);font-weight:700}