:root{
  --bg-header:#5e544a;
  --bg-footer:#5e544a;
  --text-on-dark:#fff;
  --container-max:1100px;
}

*{box-sizing:border-box}
html,body{height:100%}
body.layout{
  margin:0;
  min-height:100vh;
  background:#fff;
  color:#222;
  font-family:system-ui, -apple-system, Segoe UI, Roboto, Lato, sans-serif;

  /* plads til fixed footer */
  padding-bottom:64px; /* højde ≈ footer */
}

/* Container */
.container{
  width:100%;
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:16px;
}

/* Sticky header */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--bg-header);
  color:var(--text-on-dark);
  box-shadow:0 2px 6px rgba(0,0,0,.1);
}
.site-header .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:64px;
}
.brand-link{
  color:var(--text-on-dark);
  text-decoration:none;
  font-weight:600;
  letter-spacing:.2px;
}
.nav .nav-link{
  color:var(--text-on-dark);
  text-decoration:none;
  margin-left:16px;
  opacity:.9;
}
.nav .nav-link:hover{opacity:1; text-decoration:underline}
.nav .muted{opacity:.7}

/* Hero (hvid) */
.hero{ background:#fff; }
.hero-container{
  display:grid;
  place-items:center;
  min-height:50vh;
  padding-block:48px;
}

/* Kort */
.login-card, .status-card{
  width:100%;
  max-width:420px;
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:12px;
  box-shadow:0 6px 24px rgba(0,0,0,.06);
  padding:24px;
}
.login-card h1, .status-card h1{
  margin:0 0 12px 0;
  font-size:24px;
}
.login-form input{
  width:100%;
  padding:12px 14px;
  font-size:16px;
  border:1px solid #cfcfcf;
  border-radius:8px;
  margin:8px 0 12px 0;
}
.login-form button, .button{
  display:inline-block;
  width:100%;
  text-align:center;
  padding:12px 14px;
  font-size:16px;
  background:#1A222C;
  color:#fff;
  border:none;
  border-radius:8px;
  cursor:pointer;
}
.login-form button:hover, .button:hover{background:#334156}
.help{font-size:14px; color:#555}
.error{color:#b00020; margin:8px 0}

/* Status */
.status-list{
  display:grid;
  grid-template-columns:1fr;
  row-gap:8px;
  margin:0 0 8px 0;
}
.status-list dt{font-weight:600}
.status-list dd{margin:0}

/* Main (hvid) */
.main{
  background:#fff;
  padding-block:24px;
}

/* Sticky footer (fast i bunden) */
.site-footer{
  position:fixed;
  left:0; right:0; bottom:0;
  background:var(--bg-footer);
  color:var(--text-on-dark);
  z-index:1000;
}
.site-footer .container{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.footer-link{color:#fff; text-decoration:none}
.footer-link:hover{text-decoration:underline}

.card-text-block {
  margin-bottom: 24px;
  overflow: hidden; /* sikrer at containeren omslutter flydende billede */
}

.card-inline-image {
  float: left;
  max-width: 33%;
  height: auto;
  border-radius: 16px;
  margin: 0 15px 15px 0;
  display: block;
}

.result-box {
  background: #F3E8FF;       /* ultra lys lilla – forslag 2 */
  padding: 18px 20px;
  border-radius: 14px;
  margin-bottom: 28px;
  border: 1px solid #e4dfda; /* let, neutral grå kant */
}

.result-box h2 {
  margin-top: 0;
  margin-bottom: 12px;
}

.result-box p {
  margin-top: 0;
}