/* 플리퍼(기판 뒤집기): 설문 4단계, 레시피 탭의 뒤집기, 결과 카드. 규칙은 .flp 아래에 두고 색은 styles.css 토큰을 씁니다. */
.flp .flp-table { border-collapse: collapse; width: 100%; font-size: 12px; min-width: 420px }
.flp .flp-table th { text-align: left; font-weight: 500; color: var(--muted); font-size: 11.5px; line-height: 1.3; padding: 0 4px 6px; border-bottom: 1px solid var(--line); vertical-align: bottom; word-break: keep-all }
.flp .flp-table td { padding: 5px 4px; border-bottom: 1px solid var(--line-2); vertical-align: middle }
.flp .flp-table td:first-child { word-break: keep-all }
.flp .flp-table .flp-num { width: 110px; font-variant-numeric: tabular-nums }
.flp .flp-table input { width: 100%; min-width: 60px; padding: 5px 7px; font-size: 12.5px }
.flp .flp-flow { margin: 14px 0 0; padding: 9px 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel-2); font-size: 12.5px; color: var(--ink); word-break: keep-all; overflow-wrap: anywhere }
.flp.flp-recipe { margin: 4px 0 12px; padding-bottom: 10px; border-bottom: 1px solid var(--line) }
.flp.flp-recipe .section-title { margin-top: 2px }
.flp.flp-recipe .choices { margin-bottom: 8px }
.flp.flp-recipe .choice { padding: 8px 10px }
.flp.flp-recipe .hint { margin-bottom: 0 }
.flp.flp-result.card { margin-top: 14px }
.flp.flp-result .hint { margin-bottom: 0 }
.flp .table-scroll { margin-top: 9px }