/* Analysis is the page's readable account of the current situation. */
.roxy-says .roxy-says-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 20px; }
.roxy-says .roxy-says-focus { margin: 0 0 14px; color: var(--gold-0); font-size: 17px; font-weight: 700; line-height: 1.65; }
.roxy-says .roxy-says-summary,
.roxy-says .roxy-says-advice { display: block; width: 100%; max-height: none; margin: 0; overflow: visible; color: var(--paper); font-size: 14px; line-height: 1.95; white-space: pre-line; overflow-wrap: anywhere; -webkit-line-clamp: unset; }
.roxy-says .roxy-says-label { margin: 22px 0 8px; color: var(--gold-1); font-size: 12px; font-weight: 500; letter-spacing: .04em; }
.roxy-says .roxy-says-grid > .button { grid-column: 1; justify-self: start; margin-top: 18px; }
.roxy-says .roxy-reason { margin-top: 20px; padding-top: 2px; border-top: 1px solid var(--line); }
.roxy-says .roxy-reason > summary { padding: 10px 0; color: var(--muted); font-size: 12px; cursor: pointer; }
.roxy-says .roxy-says-note { margin: 0; padding: 0 0 4px; border: 0; color: var(--muted); font-size: 12px; line-height: 1.85; white-space: pre-line; overflow-wrap: anywhere; }
@media (max-width: 650px) {
  .roxy-says > .panel-body { padding: 20px 18px; }
  .roxy-says .roxy-says-focus { font-size: 16px; }
  .roxy-says .roxy-says-summary,
  .roxy-says .roxy-says-advice { font-size: 14px; line-height: 1.9; }
}