:root{
  --md-primary:#441752;
  --md-on-primary:#fff;
  --md-surface:#fff;
  --md-on-surface:#1f1f1f;
  --md-surface-variant:#F4EDF7;
  --md-outline:#D7CBE2;
  --radius:16px;
  --shadow-1:0 1px 2px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);
  --shadow-2:0 6px 10px rgba(0,0,0,.10),0 1px 3px rgba(0,0,0,.06);
}
.sc-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

.sc-issuances{font-family:Rubik,system-ui,sans-serif;color:var(--md-on-surface);}
.sc-hero{max-width:1200px;margin-inline:auto;padding:32px 20px 12px;}
.sc-hero h2{color:var(--md-primary);font-weight:700;font-size:clamp(24px,3vw,36px);margin:0 0 6px;}
.sc-hero__sub{margin:0 0 20px;opacity:.8}

/* Grid */
.sc-grid{max-width:1200px;margin:24px auto;padding:0 20px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.sc-card{background:var(--md-surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-1);
  border:1px solid var(--md-outline);display:flex;flex-direction:column;min-height:200px;
  transition:transform .12s ease,box-shadow .12s ease}
.sc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
.sc-card__head{display:flex;align-items:center;gap:12px}
.sc-card__head h3{margin:0;font-size:18px}
.sc-card p{margin:10px 0 16px;opacity:.9}
.sc-card__actions{margin-top:auto}

/* Button */
.btn-tonal{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid var(--md-outline);
  background:var(--md-surface-variant);text-decoration:none;color:var(--md-on-surface);font-weight:500}
.btn-tonal:hover{box-shadow:var(--shadow-1)}

/* Callout */
.sc-callout{max-width:1200px;margin:8px auto 36px;padding:20px}

/* Focus ring for keyboard users */
.btn-tonal:focus{outline:3px solid color-mix(in srgb,var(--md-primary) 60%,white)}