.privacy-trial [hidden] { display: none !important; }
.trial-heading, .trial-invitation { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.trial-heading h2 { margin: 0; font-size: 34px; letter-spacing: -.035em; }
.trial-heading p { max-width: 68ch; }
.trial-heading > a, .trial-invitation > a { flex-shrink: 0; }
.trial-invitation h2, .trial-invitation p { margin: 0; }
.trial-invitation p { margin-top: 8px; }
.trial-examples, .trial-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.trial-examples > span { font-size: 14px; color: var(--muted); }
.trial-comparison { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--muted); border-radius: 8px; overflow: hidden; }
.trial-pane { min-width: 0; padding: 24px; }
.trial-pane--result { border-left: 1px solid var(--muted); background: var(--paper-strong); }
.trial-pane h3, .trial-pane > label { font: 600 16px var(--font-body); margin: 0 0 16px; }
.trial-pane textarea { width: 100%; min-height: 240px; resize: vertical; border: 1px solid var(--muted); background: var(--surface); color: var(--ink); font: 400 16px/1.8 var(--font-body); }
.trial-pane pre { white-space: pre-wrap; overflow-wrap: anywhere; background: none; color: var(--ink); border: 0; padding: 0; margin: 0 0 20px; min-height: 200px; font: 400 16px/1.8 var(--font-body); }
.trial-pane .muted, .trial-footnote { font-size: 13px; line-height: 1.7; }
.trial-empty { font-size: 16px; color: var(--muted); }
.trial-footnote { color: var(--muted); margin-top: 18px; }
.trial-footnote a { text-decoration: underline; }
.trial-findings { display: flex; flex-wrap: wrap; gap: 10px; }
.trial-findings span { padding: 8px 12px; border: 1px solid var(--muted); border-radius: 5px; font-size: 14px; }
.trial-findings b { margin-left: 8px; }
@media (max-width: 760px) {
  .trial-heading, .trial-invitation { flex-direction: column; align-items: start; }
  .trial-heading h2 { font-size: 28px; }
  .trial-comparison { grid-template-columns: 1fr; }
  .trial-pane { padding: 18px; }
  .trial-pane--result { border-left: 0; border-top: 1px solid var(--muted); }
  .trial-pane pre { min-height: 100px; }
  .trial-examples > span { flex-basis: 100%; }
}
