/* Editorial companion to the shared Hirebrew marketing system. */
.marketing-theme.design-notes-page .notes { width: min(calc(100% - 96px), 1120px); margin: 0 auto; }
.marketing-theme.design-notes-page .notes-hero { padding: 68px 0 88px; text-align: center; }
.marketing-theme.design-notes-page .notes-kicker { margin: 0 auto 22px; color: #52635e; font-size: 14px; font-weight: 500; }
.marketing-theme.design-notes-page .notes h1 { margin: 0 auto 28px; font-size: clamp(48px, 5.4vw, 76px); line-height: 1.04; letter-spacing: -.045em; font-weight: 500; text-wrap: balance; }
.marketing-theme.design-notes-page .notes .lead { max-width: 760px; margin: 0 auto 30px; font-size: 23px; line-height: 1.5; color: #52635e; }
.marketing-theme.design-notes-page .notes section { max-width: 880px; margin: 0 auto 76px; }
.marketing-theme.design-notes-page .notes h2 { font-size: clamp(32px, 3.1vw, 44px); line-height: 1.12; letter-spacing: -.035em; font-weight: 500; margin: 0 0 26px; text-wrap: balance; }
.marketing-theme.design-notes-page .notes h3 { font-size: 24px; line-height: 1.3; letter-spacing: -.02em; font-weight: 500; margin: 34px 0 14px; }
.marketing-theme.design-notes-page .notes section p,
.marketing-theme.design-notes-page .notes li { font-size: 17px; line-height: 1.8; color: #52635e; margin-bottom: 20px; }
.marketing-theme.design-notes-page .notes strong { color: #082725; font-weight: 600; }
.marketing-theme.design-notes-page .notes section a { color: #245b42; text-decoration: underline; text-underline-offset: 4px; }
.marketing-theme.design-notes-page .notes section a:hover { text-decoration-thickness: 2px; }
.marketing-theme.design-notes-page .notes ol { padding-left: 24px; }
.marketing-theme.design-notes-page .notes li { padding-left: 8px; margin-bottom: 22px; }
.marketing-theme.design-notes-page .notes .note { background: #eaf5e8; border: 0; border-radius: 20px; padding: 28px 32px; color: #245b42; font-size: 21px; line-height: 1.5; margin: 28px 0; }
.marketing-theme.design-notes-page .research-scroll { overflow-x: auto; margin: 30px 0; border: 1px solid #dde6df; border-radius: 20px; }
.marketing-theme.design-notes-page .notes table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.7; }
.marketing-theme.design-notes-page .notes th,
.marketing-theme.design-notes-page .notes td { padding: 22px; text-align: left; vertical-align: top; border-bottom: 1px solid #dde6df; }
.marketing-theme.design-notes-page .notes th { background: #f6f5f0; color: #082725; font-weight: 600; }
.marketing-theme.design-notes-page .notes td { color: #52635e; }
.marketing-theme.design-notes-page .notes td:first-child { font-weight: 500; width: 18%; }
.marketing-theme.design-notes-page .notes td:nth-child(2) { width: 40%; }
.marketing-theme.design-notes-page .notes tbody tr:last-child td { border-bottom: 0; }
.marketing-theme.design-notes-page .notes .research-summary { margin-top: 24px; }
.marketing-theme.design-notes-page .notes-next { background: #eaf5e8; border-radius: 32px; padding: 54px 36px; margin: 0 auto 80px; text-align: center; }
.marketing-theme.design-notes-page .notes-next h2 { max-width: 600px; margin-inline: auto; }
.marketing-theme.design-notes-page .notes-next > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px; }
.marketing-theme.design-notes-page .research-scroll:focus-visible { outline: 3px solid #245b42; outline-offset: 5px; }
@media (max-width: 800px) {
  .marketing-theme.design-notes-page .notes { width: calc(100% - 48px); }
  .marketing-theme.design-notes-page .notes-hero { padding: 48px 0 64px; }
  .marketing-theme.design-notes-page .notes .lead { font-size: 20px; }
  .marketing-theme.design-notes-page .notes section { margin-bottom: 56px; }
  .marketing-theme.design-notes-page .notes table { min-width: 650px; }
}
@media (max-width: 480px) {
  .marketing-theme.design-notes-page .notes { width: calc(100% - 40px); }
  .marketing-theme.design-notes-page .notes h1 { font-size: 45px; }
  .marketing-theme.design-notes-page .notes h1 br { display: none; }
  .marketing-theme.design-notes-page .notes .lead { font-size: 19px; }
  .marketing-theme.design-notes-page .notes h2 { font-size: 33px; }
  .marketing-theme.design-notes-page .notes section p,
  .marketing-theme.design-notes-page .notes li { font-size: 16px; }
  .marketing-theme.design-notes-page .notes .note { padding: 24px; font-size: 20px; }
  .marketing-theme.design-notes-page .notes-next { padding: 36px 22px; border-radius: 24px; }
  .marketing-theme.design-notes-page .notes-next > div { flex-direction: column; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .marketing-theme.design-notes-page .notes * { animation: none !important; transition: none !important; scroll-behavior: auto; }
}