:root { --veridrop-bar-h: 0px; }
#veridrop-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 70;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  box-sizing: border-box;
  min-height: 88px;
  padding: 10px 20px;
  background: #0e7a53;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
}
#veridrop-bar:hover { background: #0b5c3f; color: #fff; }
.veridrop-bar__url {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 999px;
  background: #fff;
  color: #0e7a53;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
#veridrop-bar-spacer { width: 100%; }
#veridrop-sheet {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: flex-end;
  background: rgba(15, 23, 42, 0.45);
}
#veridrop-sheet .veridrop-sheet__panel {
  width: 100%;
  box-sizing: border-box;
  padding: 28px 24px 32px;
  background: #0e7a53;
  color: #fff;
}
#veridrop-sheet a { color: #fff; font-size: 28px; font-weight: 700; }
#veridrop-sheet button {
  margin-top: 16px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #0e7a53;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 16px;
  cursor: pointer;
}
header.sticky, .site-header { top: var(--veridrop-bar-h, 88px); }
.is-off { background: #b91c1c; }
form.mail-form { display: flex; flex-direction: column; gap: 14px; max-width: 920px; margin: 12px 0 28px; }
form.mail-form .form-grid { display: grid; gap: 12px; }
form.mail-form label.field { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
form.mail-form fieldset { border: 1px solid #cbd5e1; border-radius: 10px; padding: 10px 12px; }
form.mail-form legend { padding: 0 4px; font-size: 14px; }
form.mail-form .choices { display: flex; flex-wrap: wrap; gap: 10px 16px; }
form.mail-form input[type="text"],
form.mail-form input[type="url"],
form.mail-form input[type="email"],
form.mail-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 8px 10px;
  font: inherit;
  background: #fff;
  color: #0f172a;
}
form.mail-form textarea { min-height: 88px; }
form.mail-form button[type="submit"] {
  width: fit-content;
  border: 0;
  border-radius: 8px;
  background: #0e7a53;
  color: #fff;
  font-weight: 700;
  padding: 10px 18px;
  cursor: pointer;
}
.form-error { color: #b42318; }
.form-ok { color: #0e7a53; }
.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.contact-line { font-size: 16px; }
.empty-note { margin: 16px 0; }
@media (min-width: 800px) {
  form.mail-form .form-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  #veridrop-bar { min-height: 72px; font-size: 22px; gap: 8px; }
  .veridrop-bar__url { font-size: 14px; }
  #veridrop-sheet a { font-size: 22px; }
}
@media (min-width: 720px) {
  .ranking {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 16px;
    align-items: stretch;
  }
  .ranking > :not(.station-card) { grid-column: 1 / -1; }
}
@media (min-width: 1100px) {
  .ranking { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ranking > .station-card .station-title h2 { font-size: 22px; line-height: 1.25; }
  .ranking > .station-card .metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ranking > .station-card .site-summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
  .ranking > .station-card .station-card__foot { flex-wrap: wrap; }
}

a.wordmark{display:inline-flex;align-items:center;gap:8px}a.wordmark img{width:28px;height:28px;flex:none}a.wordmark .wm-name{display:inline;letter-spacing:0}