
/* =========================================================
   THUNDERMONKEY POLICY PAGES v1.2
   Compact, editorial and fully scoped.
   ========================================================= */

.tm-policy-page {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  background: var(--tm-off-white, #f4f1e9);
  color: var(--tm-black, #111);
  overflow: clip;
}

.tm-policy-page *,
.tm-policy-page *::before,
.tm-policy-page *::after {
  box-sizing: border-box;
}

/* HERO */
.tm-policy-page .tm-policy__hero {
  position: relative;
  border-bottom: 1px solid rgba(17,17,17,.18);
  background: var(--tm-off-white, #f4f1e9);
}

.tm-policy-page .tm-policy__hero::before {
  position: absolute;
  top: 0;
  left: 0;
  width: min(22vw,330px);
  height: 5px;
  background: var(--tm-yellow, #e8b927);
  content: "";
}

.tm-policy-page .tm-policy__hero-inner {
  display: grid !important;
  grid-template-columns: minmax(0,1.3fr) minmax(300px,.55fr) !important;
  gap: clamp(30px,4vw,64px) !important;
  align-items: end !important;
  padding-top: clamp(38px,4vw,54px) !important;
  padding-bottom: clamp(36px,3.8vw,50px) !important;
}

.tm-policy-page .tm-policy__eyebrow {
  margin-bottom: 14px !important;
}

.tm-policy-page .tm-policy__hero h1 {
  width: auto !important;
  max-width: 1000px !important;
  margin: 0 !important;
  color: var(--tm-black,#111) !important;
  font-family: var(--tm-heading-font,"Barlow",sans-serif) !important;
  font-size: clamp(42px,4.4vw,66px) !important;
  font-weight: 900 !important;
  line-height: .95 !important;
  letter-spacing: -.028em !important;
  text-wrap: balance !important;
}

.tm-policy-page .tm-policy__intro {
  max-width: 760px !important;
  margin: 18px 0 0 !important;
  color: var(--tm-dark-grey,#55524e) !important;
  font-size: clamp(16px,1.15vw,18px) !important;
  line-height: 1.52 !important;
}

.tm-policy-page .tm-policy__hero-note {
  display: grid !important;
  gap: 7px !important;
  align-self: end !important;
  padding: 17px 0 2px 20px !important;
  border-left: 4px solid var(--tm-blue,#164a73) !important;
}

.tm-policy-page .tm-policy__hero-note strong {
  color: var(--tm-black,#111) !important;
  font-family: var(--tm-condensed-font,"Barlow Condensed",sans-serif) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.tm-policy-page .tm-policy__hero-note span {
  max-width: 390px !important;
  color: var(--tm-dark-grey,#55524e) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* MAIN LAYOUT */
.tm-policy-page .tm-policy__body {
  background: #fff !important;
}

.tm-policy-page .tm-policy__layout {
  display: grid !important;
  grid-template-columns: minmax(190px,.28fr) minmax(0,1fr) !important;
  gap: clamp(36px,5vw,76px) !important;
  padding-top: clamp(34px,3.5vw,48px) !important;
  padding-bottom: clamp(50px,5vw,70px) !important;
}

.tm-policy-page .tm-policy__aside {
  min-width: 0 !important;
}

.tm-policy-page .tm-policy__aside-inner {
  position: sticky !important;
  top: 118px !important;
}

.admin-bar .tm-policy-page .tm-policy__aside-inner {
  top: 150px !important;
}

.tm-policy-page .tm-policy__aside-label {
  display: block !important;
  padding-bottom: 11px !important;
  border-bottom: 1px solid rgba(17,17,17,.22) !important;
  color: var(--tm-blue,#164a73) !important;
  font-family: var(--tm-mono-font,monospace) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.tm-policy-page .tm-policy__nav {
  display: grid !important;
}

.tm-policy-page .tm-policy__nav a {
  display: grid !important;
  grid-template-columns: 25px minmax(0,1fr) !important;
  gap: 9px !important;
  padding: 11px 0 !important;
  border-bottom: 1px solid rgba(17,17,17,.1) !important;
  color: var(--tm-black,#111) !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.tm-policy-page .tm-policy__nav a span {
  color: var(--tm-yellow-ink,#876900) !important;
  font-family: var(--tm-mono-font,monospace) !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
}

.tm-policy-page .tm-policy__contact-link {
  display: inline-block !important;
  margin-top: 18px !important;
  color: var(--tm-blue,#164a73) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.tm-policy-page .tm-policy__article {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/* POLICY SECTIONS */
.tm-policy-page .tm-policy__section {
  scroll-margin-top: 130px;
  width: 100% !important;
  padding: 0 0 clamp(28px,3vw,38px) !important;
}

.tm-policy-page .tm-policy__section + .tm-policy__section {
  padding-top: clamp(28px,3vw,38px) !important;
  border-top: 1px solid rgba(17,17,17,.15) !important;
}

/*
 * Important fix:
 * number + heading stay on the SAME ROW and headings remain one line on desktop.
 * This overrides any broad heading/grid rules from the rest of the site.
 */
.tm-policy-page .tm-policy__section-head {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 0 17px !important;
  padding: 0 !important;
}

.tm-policy-page .tm-policy__section-head > span {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  min-width: 54px !important;
  min-height: 24px !important;
  margin: 0 !important;
  color: var(--tm-blue,#164a73) !important;
  font-family: var(--tm-mono-font,monospace) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
}

.tm-policy-page .tm-policy__section-head > span::after {
  display: block !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 3px !important;
  margin-left: 9px !important;
  background: var(--tm-yellow,#e8b927) !important;
  content: "" !important;
}

.tm-policy-page .tm-policy__section-head h2,
.tm-policy-page .tm-policy__section h2 {
  display: block !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--tm-black,#111) !important;
  font-family: var(--tm-heading-font,"Barlow",sans-serif) !important;
  font-size: clamp(27px,2.3vw,36px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: -.018em !important;
  text-wrap: nowrap !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.tm-policy-page .tm-policy__section p {
  max-width: 980px !important;
  margin: 0 0 14px !important;
  color: #35332f !important;
  font-size: 16px !important;
  line-height: 1.58 !important;
}

.tm-policy-page .tm-policy__section p:last-child {
  margin-bottom: 0 !important;
}

.tm-policy-page .tm-policy__section ul {
  display: grid !important;
  gap: 0 !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-top: 1px solid rgba(17,17,17,.13) !important;
}

.tm-policy-page .tm-policy__section li {
  position: relative !important;
  margin: 0 !important;
  padding: 12px 8px 12px 25px !important;
  border-bottom: 1px solid rgba(17,17,17,.1) !important;
  color: #35332f !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  list-style: none !important;
}

.tm-policy-page .tm-policy__section li::marker {
  content: "" !important;
}

.tm-policy-page .tm-policy__section li::before {
  position: absolute !important;
  top: 18px !important;
  left: 4px !important;
  width: 7px !important;
  height: 7px !important;
  background: var(--tm-yellow,#e8b927) !important;
  content: "" !important;
}

.tm-policy-page .tm-policy__section li strong {
  color: var(--tm-black,#111) !important;
  font-weight: 800 !important;
}

/* HIGHLIGHTS */
.tm-policy-page .tm-policy__statement {
  margin: 0 0 20px !important;
  padding: 15px 18px !important;
  border-left: 5px solid var(--tm-yellow,#e8b927) !important;
  background: var(--tm-blue-dark,#123c5f) !important;
  color: #fff !important;
  font-family: var(--tm-condensed-font,"Barlow Condensed",sans-serif) !important;
  font-size: clamp(18px,1.6vw,23px) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: .01em !important;
}

.tm-policy-page .tm-policy__callout {
  display: grid !important;
  grid-template-columns: 115px minmax(0,1fr) !important;
  gap: 18px !important;
  margin-top: 20px !important;
  padding: 16px 18px !important;
  border-top: 1px solid rgba(17,17,17,.2) !important;
  border-bottom: 1px solid rgba(17,17,17,.2) !important;
  background: var(--tm-off-white,#f4f1e9) !important;
}

.tm-policy-page .tm-policy__callout > span {
  color: var(--tm-blue,#164a73) !important;
  font-family: var(--tm-mono-font,monospace) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.tm-policy-page .tm-policy__callout p {
  margin: 0 !important;
  color: var(--tm-black,#111) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.tm-policy-page .tm-policy__contact-box {
  display: grid !important;
  gap: 7px !important;
  margin: 16px 0 18px !important;
  padding: 18px 20px !important;
  border-left: 4px solid var(--tm-yellow,#e8b927) !important;
  background: var(--tm-off-white,#f4f1e9) !important;
}

.tm-policy-page .tm-policy__contact-box strong {
  color: var(--tm-black,#111) !important;
  font-size: 16px !important;
}

.tm-policy-page .tm-policy__contact-box a {
  width: fit-content !important;
  color: var(--tm-blue,#164a73) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* FOOTER POLICY LINKS */
.tm-footer .tm-footer__navigation-group .tm-footer__policy-link {
  color: inherit !important;
  cursor: pointer !important;
}

/* TABLET */
@media (max-width: 980px) {
  .tm-policy-page .tm-policy__hero-inner {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .tm-policy-page .tm-policy__hero-note {
    max-width: 680px !important;
    padding-top: 12px !important;
  }

  .tm-policy-page .tm-policy__layout {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  .tm-policy-page .tm-policy__aside-inner {
    position: static !important;
  }

  .tm-policy-page .tm-policy__nav {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    border-left: 1px solid rgba(17,17,17,.1) !important;
  }

  .tm-policy-page .tm-policy__nav a {
    padding: 11px !important;
    border-right: 1px solid rgba(17,17,17,.1) !important;
  }

  .tm-policy-page .tm-policy__section-head h2,
  .tm-policy-page .tm-policy__section h2 {
    font-size: clamp(26px,3.5vw,34px) !important;
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .tm-policy-page .tm-policy__hero-inner {
    padding-top: 30px !important;
    padding-bottom: 28px !important;
  }

  .tm-policy-page .tm-policy__hero h1 {
    font-size: clamp(36px,9.6vw,48px) !important;
  }

  .tm-policy-page .tm-policy__intro {
    margin-top: 14px !important;
    font-size: 16px !important;
  }

  .tm-policy-page .tm-policy__layout {
    padding-top: 26px !important;
    padding-bottom: 42px !important;
  }

  .tm-policy-page .tm-policy__nav {
    grid-template-columns: 1fr !important;
    border-left: 0 !important;
  }

  .tm-policy-page .tm-policy__nav a {
    padding: 10px 0 !important;
    border-right: 0 !important;
  }

  .tm-policy-page .tm-policy__section,
  .tm-policy-page .tm-policy__section + .tm-policy__section {
    padding-top: 0 !important;
    padding-bottom: 26px !important;
  }

  .tm-policy-page .tm-policy__section + .tm-policy__section {
    padding-top: 26px !important;
  }

  .tm-policy-page .tm-policy__section-head {
    gap: 10px !important;
    margin-bottom: 14px !important;
  }

  .tm-policy-page .tm-policy__section-head > span {
    min-width: 48px !important;
  }

  .tm-policy-page .tm-policy__section-head h2,
  .tm-policy-page .tm-policy__section h2 {
    font-size: clamp(24px,6.8vw,31px) !important;
    text-wrap: balance !important;
    white-space: normal !important;
  }

  .tm-policy-page .tm-policy__section p,
  .tm-policy-page .tm-policy__section li {
    font-size: 15px !important;
  }

  .tm-policy-page .tm-policy__callout {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    padding: 15px !important;
  }
}


/* =========================================================
   v1.2.1 — CALLOUT WIDTH FIX
   The previous two-column callout treatment could inherit a
   narrow content column from surrounding/global layout rules.
   Keep the label above the message and let the message use
   the full available article width.
   ========================================================= */

.tm-policy-page .tm-policy__callout {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: none !important;
}

.tm-policy-page .tm-policy__callout > span {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 10px !important;
}

.tm-policy-page .tm-policy__callout p {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-wrap: pretty !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
