.plain-note { margin-top: 20px; padding: 18px 22px; border-left: 3px solid var(--lilac); border-radius: 0 15px 15px 0; background: var(--panel); max-width: 75ch; }
.note-label { display: block; font-size: 16px; font-weight: 600; color: var(--lilac); margin-bottom: 7px; }
.plain-note p { font-size: 17px; color: var(--muted); }
.source-note { margin-top: 23px; max-width: 75ch; }
.source-note p { font-size: 16px; color: var(--muted); }
.source-note .source-link { font-size: 16px; }
.trial-stack { margin-top: 29px; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
.trial-note { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.4fr); }
.trial-note + .trial-note { border-top: 1px solid var(--line); }
.trial-name { padding: 32px; background: var(--panel); }
.trial-name h3 { font-size: 32px; }
.trial-name .tile-kicker { color: var(--mint); }
.trial-note:nth-child(2) .tile-kicker { color: var(--lilac); }
.trial-note:nth-child(3) .tile-kicker { color: var(--peach); }
.trial-result { padding: 30px 34px; }
.trial-result p { color: var(--muted); }
.urgent-note { border: 1px solid var(--peach); border-radius: 22px; padding: 30px 34px; max-width: 920px; }
.urgent-note p { color: var(--paper); }
.urgent-note .source-link { color: var(--peach); }

@media (max-width: 800px) {
  .trial-note { grid-template-columns: 1fr; }
  .trial-name { padding: 26px; }
  .trial-result { padding: 26px; }
}
@media (max-width: 600px) {
  .plain-note { padding: 16px 17px; }
  .trial-name, .trial-result { padding: 24px; }
  .trial-name h3 { font-size: 30px; }
  .urgent-note { padding: 24px; }
}