/* STPA — Dark Tactical Base Theme */
:root{
  --stpa-gold:#c59a3f;
  --stpa-gold-light:#ffdd7b;
  --stpa-gold-pale:#ffe99e;
  --stpa-black:#000000;
  --stpa-text:#EEF0F2;
  --stpa-teal:#0EA5A8;
  --stpa-orange:#F5A623;
  --stpa-coral:#F05A5A;
  --stpa-bg:#0f1113; /* dark charcoal */
}
html, body{
  background: var(--stpa-bg);
  color: var(--stpa-text);
  font-family: Calibri, Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
a{ color: var(--stpa-gold); text-decoration: none; }
a:hover{ text-decoration: underline; }
.stpa-container{ max-width: 1200px; margin: 0 auto; padding: 2rem; }
.stpa-hero{
  position: relative; border-radius: 16px; padding: 4rem 2rem; overflow: hidden;
  background: radial-gradient(80% 80% at 10% 10%, rgba(197,154,63,0.08), rgba(15,17,19,0.0)),
              linear-gradient(180deg, rgba(255,255,255,0.02), rgba(15,17,19,0.0));
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
.stpa-hero::after{
  content:""; position:absolute; inset:0; opacity:.08;
  background-image: url('../assets/stpa-bg.png');
  background-size: cover; background-position: center;
}
.stpa-kicker{ letter-spacing: .08em; text-transform: uppercase; color: var(--stpa-gold-light); font-weight: 700; }
h1,h2,h3{ color: var(--stpa-gold); margin: 0 0 0.5rem 0; }
.stpa-grid{ display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 1.25rem;}
.stpa-card{ background: rgba(255,255,255,0.02); border: 1px solid rgba(197,154,63,0.18); border-radius: 16px; padding: 1.25rem;}
.stpa-badge{ display:inline-block; padding:.25rem .6rem; border-radius:999px; border:1px solid rgba(197,154,63,.4); color:var(--stpa-gold-light); font-size:.85rem;}
.button{
  display:inline-block; padding:.75rem 1.25rem; border-radius: 999px; border: 1px solid var(--stpa-gold);
  color: var(--stpa-text); background: rgba(197,154,63,0.08);
}
.button:hover{ background: rgba(197,154,63,0.18); }
.notice{
  background: rgba(245,166,35,0.12); border: 1px solid rgba(245,166,35,0.5); color: var(--stpa-text);
  padding: .75rem 1rem; border-radius: 10px; margin:.75rem 0;
}
.footer{
  margin-top: 2rem; padding: 2rem 0; text-align: center; color: #bfc4c9; border-top: 1px solid rgba(255,255,255,.08);
}
.logo-watermark{
  background-image: url('../assets/stpa-logo.png'); background-repeat:no-repeat; background-position: 95% 50%;
  background-size: 160px; opacity:.08;
}
/* Tables for schedule/blog lists */
table.stpa-table{ width:100%; border-collapse: collapse; }
table.stpa-table th, table.stpa-table td{ border-bottom:1px solid rgba(255,255,255,.08); padding:.75rem 0; }
table.stpa-table th{ color: var(--stpa-gold-light); text-align:left; }

/* Brighten hero, enlarge headline/subtitle, show tagline clearly */
.stpa-hero-strong{
  background:
    linear-gradient(180deg, rgba(197,154,63,0.12), rgba(15,17,19,0.0)),
    radial-gradient(80% 80% at 10% 10%, rgba(197,154,63,0.20), rgba(15,17,19,0.0)),
    var(--stpa-bg);
  padding-top: 4.5rem;
}
.stpa-hero h1 { font-size: 2.6rem; color: var(--stpa-gold); text-shadow: 0 0 12px rgba(197,154,63,.18); }
.stpa-subtitle { color: var(--stpa-text); opacity: .92; font-size: 1.08rem; margin: .5rem 0 1rem; }
.stpa-tagline { color: var(--stpa-gold-light); font-size: 1.1rem; margin: .25rem 0 0.25rem; }