/* WAFL thumbs up / down (W-012b B8): two small buttons with counts under the post text, in the WAFL style's colours
   (navy #0b2350, gold #d9a441, red #a8181a, link blue #1d4f91). The pressed button fills gold (up) or red (down). */
.wafl-thumbs { margin: 8px 0 2px; font-size: 12px; }
.wafl-thumbs form { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0; }
.wafl-thumb { display: inline-flex; align-items: center; position: relative; }
.wafl-thumb .wafl-vote, .wafl-thumb .wafl-cnt { font: inherit; line-height: 1; cursor: pointer; border: 1px solid #b9c2d4; background: #f4f5f8; color: #0b2350; padding: 3px 7px; }
.wafl-thumb .wafl-vote { border-radius: 12px 0 0 12px; display: inline-flex; align-items: center; }
.wafl-thumb .wafl-cnt { border-left: 0; border-radius: 0 12px 12px 0; min-width: 2.2em; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.wafl-thumb .wafl-vote:hover:not(:disabled), .wafl-thumb .wafl-cnt:hover { background: #eceff5; border-color: #0b2350; }
.wafl-thumb .wafl-vote:disabled { cursor: not-allowed; opacity: .55; }
.wafl-thumb.on .wafl-vote { background: #d9a441; border-color: #d9a441; color: #03132d; }
.wafl-thumb.wafl-down.on .wafl-vote { background: #a8181a; border-color: #a8181a; color: #ffffff; }
.wafl-ic { width: 14px; height: 14px; fill: currentColor; display: block; }
.wafl-thumb .wafl-who { position: absolute; left: 0; top: 100%; z-index: 5; margin-top: 4px; max-width: 320px; background: #0b2350; color: #f3dfae; padding: 5px 8px; border-radius: 5px; font-size: 11px; line-height: 1.35; box-shadow: 0 3px 10px rgba(3,19,45,.3); white-space: normal; }
.wafl-note { color: #667085; }
.wafl-err { color: #a8181a; }
.wafl-thumbs .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }