/* Field notes uses the shared storefront theme and native media controls. */
.field-notes .page-hero { padding-bottom: 0; }
.field-notes .field-study-heading { margin-bottom: 26px; }
.field-notes .field-study-heading h2 { max-width: 40ch; margin-bottom: 0; }
.field-notes .field-overview { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 48px; align-items: start; }
.field-notes .field-study p { color: var(--site-muted); font-size: 14px; }
.field-notes .field-study p.eyebrow { font-size: 11px; }
.field-notes .field-study a:not(.screenshot-link) { color: var(--site-link); }
.field-notes .field-media { min-width: 0; }
.field-notes .field-media video { width: 100%; aspect-ratio: 1200 / 618; background: #181d23; object-fit: contain; }
.field-notes .field-media img { width: 100%; height: auto; }
.field-notes .field-media .image-caption { flex-wrap: wrap; gap: 4px 18px; }
.field-notes .field-media .image-caption a { margin-left: auto; }
.field-notes .field-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; margin: 24px 0; padding: 10px 24px; background: var(--site-panel); border: 1px solid var(--site-line); border-radius: 3px; }
.field-notes .field-facts > div { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--site-line); }
.field-notes .field-facts > div:last-child { border-bottom: 0; }
.field-notes .field-facts > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
.field-notes .field-facts dt { font-size: 11px; color: var(--site-muted); padding-top: 2px; }
.field-notes .field-facts dd { margin: 0; font-size: 13px; color: var(--site-text); }
.field-notes .field-overview > .field-facts { grid-template-columns: 1fr; margin-top: 0; }
.field-notes .field-study .field-note { border-left: 2px solid #879eae; padding-left: 16px; margin: 24px 0; max-width: 95ch; font-size: 13px; }
.field-notes .field-study .field-footnote { font-size: 12px; max-width: 110ch; margin-top: 18px; }
.field-notes .field-subsection { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--site-line); }
.field-notes .field-subsection > h3 { font-size: 23px; margin-bottom: 24px; }
.field-notes .field-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
.field-notes .field-methods section { display: flex; flex-direction: column; align-items: start; }
.field-notes .field-methods h4 { font-size: 18px; margin: 0 0 16px; }
.field-notes .field-methods .field-result { margin-top: auto; margin-bottom: 0; padding-top: 16px; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--site-text); }
.field-notes .field-result span { color: var(--site-muted); font-size: 12px; font-weight: 400; }
.field-notes .field-evidence { border-top: 1px solid var(--site-line); border-bottom: 0; margin-top: 32px; padding-bottom: 0; }
.field-notes .field-evidence .product-window img { border: 0; border-radius: 0; }
.field-notes .field-run { margin-top: 32px; }
.field-notes .field-findings { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--site-line); }
.field-notes .field-findings h3 { font-size: 19px; }
@media (max-width: 1000px) {
  .field-notes .field-overview, .field-notes .field-methods { gap: 30px; }
  .field-notes .field-facts { padding-inline: 18px; column-gap: 24px; }
}
@media (max-width: 760px) {
  .field-notes .field-overview, .field-notes .field-methods, .field-notes .field-facts { grid-template-columns: 1fr; }
  .field-notes .field-study-heading { margin-bottom: 22px; }
  .field-notes .field-overview { gap: 22px; }
  .field-notes .field-methods { gap: 28px; }
  .field-notes .field-methods section + section { padding-top: 24px; border-top: 1px solid var(--site-line); }
  .field-notes .field-methods .field-result { margin-top: 0; padding-top: 8px; }
  .field-notes .field-facts > div { grid-template-columns: 72px minmax(0, 1fr); }
  .field-notes .field-overview > .field-facts { margin-bottom: 0; }
}