:root{font-family:system-ui,sans-serif;color:#172b41;background:#f5f8f8}main{max-width:680px;margin:32px auto;padding:20px}section{background:white;border:1px solid #dde5e7;border-radius:10px;padding:20px;margin:20px 0}label{display:block;margin:12px 0}input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;padding:10px;margin-top:5px}button{padding:10px 16px;cursor:pointer}#status{white-space:pre-wrap}dialog{max-width:800px;width:85%}pre{white-space:pre-wrap;font-family:inherit}a{color:#1d5e74}


/* plankarta signup button */
#registerForm > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 28px;
  border: 1px solid #17616a;
  border-radius: 10px;
  background: #17616a;
  color: #fff;
  font: 600 16px/1.3 system-ui, sans-serif;
  cursor: pointer;
  transition: background .15s ease, box-shadow .15s ease;
}

#registerForm > button:hover {
  background: #104c54;
  box-shadow: 0 3px 10px rgba(16,76,84,.16);
}

#registerForm > button:focus-visible {
  outline: 3px solid #81c8cc;
  outline-offset: 3px;
}

#registerForm > button:disabled {
  opacity: .6;
  cursor: wait;
  box-shadow: none;
}

@media (max-width: 480px) {
  #registerForm > button {
    width: 100%;
  }
}

.required-star {
  color: #d32f2f;
  font-weight: 700;
}
.required-note {
  color: #667781;
  font-size: 13px;
  margin: 12px 0;
}