/* Ben's selected DM Sans, bundled unchanged. Licence: assets/FONT-LICENSE.txt. */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url('assets/dm-sans-latin.woff2') format('woff2');
}

body { margin: 0; background: #fff; }
a { color: #c24e12; }
a:hover { color: #9a3d0e; }
a:focus-visible { outline: 3px solid #f26522; outline-offset: 5px; }
.ts h1, .ts h2, .ts h3 { font-family: var(--hf); font-weight: var(--hw) !important; }
.ts blockquote { font-family: var(--qf); font-style: var(--qs); }

/* Let the retained flex layouts shrink to a narrow viewport. */
.ts div, .ts p, .ts a { min-width: 0; }
.ts img { max-width: 100%; object-fit: contain; }
.ts a { overflow-wrap: anywhere; }

.privacy-page {
  color: #111;
  font: 18px/1.6 'DM Sans', system-ui, sans-serif;
}
.privacy-page header { background: #111; padding: 24px; }
.privacy-page header a { display: block; max-width: 1112px; margin: auto; }
.privacy-page header img { width: auto; height: 30px; max-width: 100%; }
.privacy-page main { max-width: 760px; margin: auto; padding: 64px 24px; }
.privacy-page h1 { font-size: clamp(32px, 5vw, 48px); line-height: 1.15; }
.privacy-page h2 { margin-top: 36px; font-size: 24px; line-height: 1.3; }
.review-note { border-left: 4px solid #f26522; background: #f3f3f3; padding: 16px 20px; }
.privacy-page footer { border-top: 1px solid #e6e6e6; padding-top: 24px; margin-top: 40px; }