@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

html { font-size: 16px; }
body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  line-height: 1.6;
  color: #0f172a;
}
h1, h2, h3, h4, h5 { letter-spacing: .2px; }
.lead { font-weight: 500; }
.card-title { font-weight: 700; }

body { min-height: 100vh; display: flex; flex-direction: column; }
.hero { background: linear-gradient(135deg,#0d6efd 0%,#2A72D4 100%); color: #fff; }
.hero .lead { opacity: .9; }
.card-icon { font-size: 2rem; }
figure.captioned img { border-radius: .5rem; }
figure.captioned figcaption { font-size: .875rem; opacity: .75; }
.table-fixed { table-layout: fixed; }