:root{
  --us-blue:#0b2a5b;
  --us-royal:#1d4ed8;
  --us-deep:#081d42;
  --us-red:#c8102e;
  --us-red-dark:#9a0c24;
}

.us-gradient{
  background-image:
    radial-gradient(ellipse at 85% 15%, rgba(200,16,46,0.28), transparent 55%),
    radial-gradient(ellipse at 10% 90%, rgba(96,165,250,0.25), transparent 50%),
    linear-gradient(135deg,#081d42 0%,#0b2a5b 45%,#1d4ed8 100%);
}
.us-gradient-soft{
  background-image:
    radial-gradient(ellipse at 90% 0%, rgba(200,16,46,0.10), transparent 55%),
    linear-gradient(135deg,#eef4ff 0%,#f8fbff 60%,#fff5f5 100%);
}
.text-us-red{color:var(--us-red)}
.bg-us-red{background-color:var(--us-red)}
.text-us-blue{color:var(--us-blue)}
.bg-us-blue{background-color:var(--us-blue)}
.border-us-blue{border-color:var(--us-blue)}
.border-us-red{border-color:var(--us-red)}

.btn-us{
  background-color:var(--us-red);
  color:#fff;
  font-weight:700;
  padding:0.75rem 1.5rem;
  border-radius:0.5rem;
  transition:all 0.2s ease;
  display:inline-block;
  box-shadow:var(--shadow-sm);
}
.btn-us:hover{background-color:var(--us-red-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}

.btn-us-outline{
  background-color:transparent;
  color:#fff;
  font-weight:700;
  padding:0.75rem 1.5rem;
  border-radius:0.5rem;
  border:2px solid #fff;
  transition:all 0.2s ease;
  display:inline-block;
}
.btn-us-outline:hover{background-color:#fff;color:var(--us-blue);transform:translateY(-1px)}

.us-card{
  background:#fff;
  border-radius:0.75rem;
  border:1px solid #e2e8f0;
  box-shadow:var(--shadow-sm);
  transition:all 0.3s ease;
}
.us-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--us-red)}

.us-badge{
  display:inline-block;
  padding:0.25rem 0.75rem;
  border-radius:9999px;
  font-size:0.7rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.06em;
}
.us-badge-red{background-color:#fee2e2;color:#991b1b}
.us-badge-blue{background-color:#dbeafe;color:#1e40af}
.us-badge-green{background-color:#dcfce7;color:#166534}
.us-badge-slate{background-color:#f1f5f9;color:#475569}

/* Constitution / policy documents */
.us-doc h3{font-size:1.25rem;font-weight:800;color:var(--us-blue);margin-top:2rem;scroll-margin-top:6rem}
.us-doc h4{font-size:1rem;font-weight:700;color:#1e293b;margin-top:1.25rem}
.us-doc p{margin-top:0.75rem;color:#334155;line-height:1.75}
.us-doc ul,.us-doc ol{margin-top:0.75rem;padding-left:1.5rem;color:#334155;line-height:1.75}
.us-doc ul{list-style:disc}
.us-doc ol{list-style:decimal}
.us-doc li{margin-top:0.375rem}
.us-doc ul ul{list-style:circle;margin-top:0.25rem}

.us-social{
  display:inline-flex;align-items:center;justify-content:center;
  width:2.5rem;height:2.5rem;border-radius:9999px;
  background-color:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.22);
  color:#fff;transition:all 0.2s ease;
}
.us-social:hover{background-color:var(--us-red);color:#fff;border-color:var(--us-red)}
.us-social svg{width:1.25rem;height:1.25rem;flex-shrink:0}

.us-initials{
  display:inline-flex;align-items:center;justify-content:center;
  width:4rem;height:4rem;border-radius:9999px;
  background:linear-gradient(135deg,var(--us-blue),var(--us-royal));
  color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:0.02em;
  border:2px solid var(--us-red);
}