/* caesar_cipher.css — plaintext row → arrows → ciphertext row + the per-letter wheel hint. */
.cc-row { fill: #8aa0b6; font-size: 12px; font-weight: 700; font-family: ui-monospace, Menlo, Consolas, monospace; }
.cc-cell { stroke-width: 1.3; }
.cc-plain { fill: rgba(56, 189, 248, 0.16); stroke: #38bdf8; }
.cc-cipher { fill: rgba(52, 211, 153, 0.18); stroke: #34d399; }
.cc-ch { fill: #eaf6ff; font-size: 18px; font-weight: 700; font-family: ui-monospace, Menlo, Consolas, monospace; }
.cc-ch-out { fill: #eafff5; }
.cc-arrow { stroke: #34d399; stroke-width: 1.5; }
.cc-wrap { fill: rgba(251, 191, 36, 0.2); stroke: #fbbf24; }
.cc-ch-wrap { fill: #fde68a; }
.cc-arrow-wrap { stroke: #fbbf24; }
.cc-wheel { fill: #94a3b8; font-size: 12px; font-family: ui-monospace, Menlo, Consolas, monospace; }