.brief-main { max-width: 920px; }
.brief-main .standalone-hero { max-width: 800px; }
.brief-main .standalone-hero p { max-width: 700px; }
.brief-main .standalone-note { max-width: 760px; line-height: 1.65; margin: 0 0 24px; }
.brief-main .deep-dive { padding: 28px; }
.brief-main .deep-dive p, .brief-main .deep-dive li { font-size: 16px; line-height: 1.75; }
.brief-main .deep-dive h2 { font-size: 25px; }
.brief-main .deep-dive a { overflow-wrap: anywhere; }
.brief-table-wrap { margin: 18px 0; overflow-x: auto; }
.brief-table { border-collapse: collapse; width: 100%; font-size: 15px; line-height: 1.6; }
.brief-table th, .brief-table td { padding: 13px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.brief-table th { color: var(--ink); }
.brief-table td { color: var(--muted); }
.brief-table th:first-child { width: 33%; }
.briefs-section { margin: 36px 0 46px; scroll-margin-top: 24px; }
.briefs-section h2 { margin: 12px 0; font-size: 34px; }
.briefs-section > p { max-width: 690px; color: var(--muted); line-height: 1.65; }
.briefs-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
.briefs-cards .tool-card-link { min-width: 0; }
.guides-heading { margin: 40px 0 0; font-size: 28px; }
@media (max-width: 620px) {
  .brief-main .deep-dive { padding: 20px 16px; }
  .brief-main .deep-dive p, .brief-main .deep-dive li { font-size: 15px; }
  .brief-table { font-size: 14px; }
  .brief-table th, .brief-table td { padding: 10px 7px; overflow-wrap: anywhere; }
  .briefs-cards { grid-template-columns: 1fr; }
}