/* PE content adapters. Common styles are in whatson-shared.css. */
.site-header .brand small {max-width: 300px;}
.hero-coast {width: 100%;}
.search-panel input {min-width: 0; font-size: 16px;}
.zone-card .zone-open {margin-top: 14px; font-weight: 800;}
.event-info h3 a {margin: 0; display: inline; font: inherit; color: var(--navy);}
.event-info .event-details {font-size: 11px;}
.listing-area {margin: 0; color: var(--teal); font-weight: 700;}
.source-suggestion-callout {display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 40px max(24px,calc((100vw - 1180px)/2)); background: #eef7f4;}
.source-suggestion-callout h2 {font: 700 32px/1.1 Georgia,serif; margin: 0 0 12px;}
.source-suggestion-callout p {max-width: 700px; margin: 0; line-height: 1.6;}
.source-suggestion-callout .button {flex-shrink: 0;}
.fine {font-size: 12px; line-height: 1.6; color: #526879;}
.prose {max-width: 960px; margin: 0 auto; padding: 2rem 1.4rem 4rem;}
.prose h1 {font: 700 clamp(36px,5vw,60px)/1.1 Georgia,serif; letter-spacing: -1.7px;}
.prose h2 {font: 700 28px/1.2 Georgia,serif;}
.prose p {font-size: 17px; line-height: 1.75; overflow-wrap: anywhere;}
.prose a:not(.button) {color: var(--teal); text-decoration: underline; text-underline-offset: 3px;}
.prose .button {background: var(--teal); color: white;}
.prose .fine {font-size: 13px;}
.event-time {font-weight: 700;}
.notice {background: #fff0d6; padding: 18px; border-radius: 8px;}
.source-row {display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--line); line-height: 1.5;}
.source-row small {font-size: 12px;}
.skip {position: absolute; top: -100px;}
.skip:focus {top: 0; left: 0; z-index: 100; background: white; padding: 15px;}
@media(max-width:760px) {
  .site-header .brand small {max-width: 160px;}
  .source-suggestion-callout {display: block; padding: 32px 20px;}
  .source-suggestion-callout .button {margin-top: 20px;}
  .source-row {flex-direction: column;}
  .policy-footer {display: block;}
  .policy-footer nav {margin-top: 1.6rem;}
}