/* glenthornhotel.co.uk only.
   assets/style.css is byte-identical across every site in the network, so anything
   specific to this site's hotel cards lives here and is loaded after it. */

.hotel-entry { margin: 0 0 18px; }
.hotel-entry h3 { margin: 0 0 6px; font-size: 17px; }
.hotel-entry p { margin: 0 0 8px; color: var(--muted); font-size: 14px; }
.hotel-photo {
  float: left;
  width: 220px;
  height: 147px;
  object-fit: cover;
  border-radius: 6px;
  margin: 2px 16px 10px 0;
  background: var(--border);
}
/* keep the card box around its floated thumbnail */
.hotel-entry::after { content: ""; display: block; clear: both; }
@media (max-width: 460px) {
  .hotel-photo { float: none; width: 100%; height: auto; aspect-ratio: 3 / 2; margin: 0 0 12px; }
}
.hotel-entry .disclosure { margin: 10px 0 0; }
@media (min-width: 720px) {
  .hotel-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
}


.callout {
  background: var(--card);
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: 8px;
  padding: 14px 18px;
  margin: 0 0 26px;
}
.callout p { margin: 0; font-size: 14.5px; }
.callout a { font-weight: bold; }