/* Shared review controls; original design styles stay in each page. */
.review-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding: 12px clamp(16px, 4vw, 56px); background: #fff; color: #18383b; font: 13px/1.5 Inter, system-ui, sans-serif; border-bottom: 1px solid #ccd8d9; }
.review-bar a { color: #18383b; text-decoration: underline; text-underline-offset: 3px; }
.review-bar a:hover { color: #820525; }
a:focus-visible, button:focus-visible { outline: 3px solid #399ba8; outline-offset: 4px; }
section[id] { scroll-margin-top: 150px; }
#preview-dialog { margin: auto; width: min(460px, calc(100% - 32px)); padding: 28px; border: 0; border-radius: 18px; color: #18383b; background: #ffeed9; box-shadow: 0 20px 80px #0005; }
#preview-dialog::backdrop { background: #061d22aa; }
#preview-dialog h2 { margin-bottom: 12px; font-size: 24px; }
#preview-dialog p { line-height: 1.6; }
#preview-dialog button { margin-top: 24px; padding: 12px 24px; border-radius: 8px; color: #fff; background: #18383b; font-size: 16px; cursor: pointer; }
/* Allow the exported minimum widths to fit small phone screens. */
@media (max-width: 600px) {
  .review-bar { font-size: 12px; }
  .review-bar > span { order: -1; width: 100%; }
  [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; }
  [style*="min-width:"] { min-width: 0 !important; }
  [style*="min-width:84px"], [style*="min-width:80px"] { flex: 1; padding: 10px 5px !important; }
  div:has(> div > strong > [data-countdown]) { width: 100%; }
  [data-countdown] { font-size: clamp(20px, 6vw, 32px); }
  header nav { gap: 8px 16px !important; }
  header[style*="position:sticky"] { position: relative !important; }
  section[id] { scroll-margin-top: 16px; }
}