/* Extra styles for the "Entering Answers" help page.
   Load AFTER login-modern.css and diag-modern.css (which supply the layout, card and prose styles).
   Everything is scoped to .im-login so the rest of the site is unaffected. */

.im-login .lg-prose h2 + h3 { margin-top: 16px; }

/* typed examples */
.im-login .lg-prose code,
.im-login .lg-table code {
  font-family: ui-monospace, SFMono-Regular, Consolas, Menlo, monospace;
  font-size: .92em; font-weight: 600;
  background: #EAF6F3; color: #0B4F45;
  padding: 2px 7px; border-radius: 6px;
  overflow-wrap: anywhere;
}

/* "Enter / To get" tables */
.im-login .lg-tablewrap { overflow-x: auto; margin: 8px 0 20px; border: 1px solid #D5DDE8; border-radius: 12px; background: #fff; }
.im-login table.lg-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.im-login .lg-table th {
  text-align: left; background: #F6F8FB; color: var(--muted);
  font-size: 12.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
  padding: 10px 16px; border-bottom: 1px solid #D5DDE8;
}
.im-login .lg-table td { padding: 10px 16px; border-bottom: 1px solid #E3EAF3; vertical-align: middle; color: var(--ink); }
.im-login .lg-table tr:last-child td { border-bottom: 0; }
.im-login .lg-table td:first-child { width: 42%; }
.im-login .lg-table td:first-child code { white-space: nowrap; }

/* rendered-maths pictures */
.im-login img.lg-math { vertical-align: middle; max-width: 100%; height: auto; }

/* tip paragraphs (parentheses, Preview, syntax notes) */
.im-login .lg-prose p.lg-tip {
  margin: 0 0 16px; padding: 12px 16px;
  background: #EAF1FB; border-left: 4px solid #2F6DB5; border-radius: 0 10px 10px 0;
  font-size: 15px; line-height: 1.6;
}
.im-login .lg-prose p.lg-tip code { background: #fff; color: #0B2545; }

@media (max-width: 860px) {
  .im-login .lg-table td:first-child { width: auto; }
  .im-login .lg-table th, .im-login .lg-table td { padding: 10px 12px; }
}