/* 공식(주요 의학계산공식) 도메인 카드 규칙 — index.html <style>에서 그대로 옮김(2026-10-18 도메인 이전 · 완료 기준 1).
   수식 입력 도우미(.formula-input-*)는 노트 편집기·의료 기호 도우미도 쓰는 공용 입력 엔진이라 index.html에 남는다. */

  /* 머리(제목 묶음 + 오른쪽 작은 동작) 바로 뒤에 놓일 때는 머리의 아래 여백을 이어받아 칩 줄과 간격을 맞춘다. */
  .formula-head + .card-action-row { margin: 8px 0 10px; }

  .formula-card {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  }

  .formula-card:hover {
    border-color: var(--add-active-border);
    background: rgba(88,166,255,0.05);
  }

  .formula-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }

  .formula-name {
    font-size: 16px;
    font-weight: 900;
    color: var(--text);
    margin-bottom: 3px;
  }

  .formula-sub {
    font-size: 12px;
    color: var(--text2);
  }

  .formula-expression {
    margin: 10px 0;
    padding: 11px 12px;
    border: 1px solid var(--add-active-border);
    border-radius: 10px;
    background: var(--add-active-bg);
    color: var(--add-active-text);
    font-family: Consolas, 'Cascadia Mono', monospace;
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  .formula-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
  }

  .formula-chip {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 3px 8px;
    color: var(--text2);
    background: var(--surface2);
    font-size: 11px;
    white-space: nowrap;
  }

  .formula-memory-line {
    margin-top: 9px;
    color: var(--text2);
    font-size: 12px;
    line-height: 1.55;
  }

  html[data-theme="light"] .formula-card {
    background: #ffffff;
    border-color: #d7e0ee;
    box-shadow: 0 1px 2px rgba(15,23,42,0.03);
  }

  html[data-theme="light"] .formula-card:hover {
    background: #fbfdff;
    border-color: #bfdbfe;
    box-shadow: 0 8px 22px rgba(15,23,42,0.07);
  }

  html[data-theme="light"] .formula-chip {
    background: #f8fafc;
    border-color: #d7e0ee;
    color: #475569;
  }