/* Page des trades de 5 secondes (includes/five-seconds.php) : en plus du style des pages outil (blocks/markets/style.css). */

.opx-tool--five .opx-disclosure { margin: 0 0 14px; color: var(--opx-muted); font-size: 12px; }
.opx-tool--five .opx-disclosure a { color: inherit; }

.opx-five__facts { display: flex; flex-direction: column; gap: 8px; margin: 10px 0 12px; padding: 0; list-style: none; }
.opx-five__facts li { display: flex; gap: 10px; align-items: baseline; font-size: 14px; color: rgba(254, 255, 250, .85); }
.opx-five__facts b { min-width: 4.5ch; color: var(--opx-cyan); font-size: 22px; font-variant-numeric: tabular-nums; line-height: 1; }
.opx-five__read { margin: 8px 0 0; color: rgba(254, 255, 250, .6); font-size: 12px; }

.opx-five__h { margin: 34px 0 12px; font-size: 22px; font-weight: 700; }
.opx-tool--five .opx-tool__body p { max-width: 72ch; }
.opx-five__steps, .opx-five__replay { max-width: 560px; margin-top: 12px; }
.opx-five__total th, .opx-five__total td { font-weight: 800; color: var(--opx-red); }
.opx-five__lost th, .opx-five__lost td { font-weight: 800; color: var(--opx-red); }
.opx-five__scale { padding: 12px 16px; border-left: 3px solid var(--opx-accent, #2f6df6); background: var(--opx-soft, #f3f6fc); border-radius: 0 8px 8px 0; font-weight: 500; }

.opx-five__cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 0; }
.opx-five__btn { display: inline-block; padding: 12px 22px; border-radius: 999px; background: var(--opx-blue); color: #fff !important; font-weight: 800; text-decoration: none !important; }
.opx-five__btn--ghost { background: transparent; color: var(--opx-blue) !important; box-shadow: inset 0 0 0 1px var(--opx-line); }
.opx-five__btn:hover { filter: brightness(1.08); }

.opx-five__q { margin: 18px 0 4px; font-size: 16px; font-weight: 700; }
.opx-five__q + p { margin: 0; }