/* Make navigable portal links recognisable and easy to tap without changing actions. */
main a[href]:not(.button):not(.company-card):not([hidden]),
main a.button.secondary:not(.danger):not([hidden]),
.sidebar nav a[href]:not([hidden]),
.sidebar .nav-group summary {
  background: #e1f3e7;
  color: #164638;
  border: 1px solid #b8d9c4;
  border-radius: 12px;
  box-shadow: 0 3px 6px rgba(18, 62, 57, .14);
  min-height: 44px;
  max-width: 100%;
  padding: 10px 14px;
  font-weight: 600;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
}
main a[href]:not(.button):not(.company-card):not([hidden]),
main a.button.secondary:not(.danger):not([hidden]),
.sidebar nav a[href]:not([hidden]) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  vertical-align: middle;
}
main a[href]:not(.button):not(.company-card):not([hidden]):hover,
main a.button.secondary:not(.danger):hover,
.sidebar nav a[href]:hover,
.sidebar .nav-group summary:hover {
  background: #ccebd6;
  color: #103c2e;
  border-color: #82b695;
  text-decoration: underline;
  text-underline-offset: 3px;
}
main a[href]:focus-visible,
.sidebar nav a[href]:focus-visible,
.sidebar .nav-group summary:focus-visible {
  outline: 3px solid #b67b0a;
  outline-offset: 3px;
}
.sidebar nav { gap: 8px; }
.sidebar .nav-group > div { gap: 8px; padding-top: 8px; }
.sidebar .nav-group summary { cursor: pointer; }
@media (max-width: 700px) {
  .sidebar nav a[href] { font-size: 13px; }
}