/* RECATOOLS — Combinations & Permutations Calculator look (indigo math family) */
.cp-wrap { padding: 1.25rem; }
.cp-row { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; }
.cp-field { display: flex; flex-direction: column; gap: .25rem; }
.cp-field label { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #9b968d; }
.cp-field input { width: 120px; padding: .65rem .8rem; border: 1px solid #ebebeb; border-radius: 10px; font-size: 1.1rem; font-family: ui-monospace, Menlo, monospace; }
.cp-field input:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.cp-hint { font-size: .8rem; color: #9b968d; margin-top: .6rem; }
.cp-error { margin: 1rem 0 0; padding: .8rem 1rem; background: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 10px; color: #92400e; font-size: .9rem; }
.cp-result { margin-top: 1.5rem; }
.cp-headline { font-size: 1rem; color: #1a1814; margin-bottom: .9rem; }
.cp-headline strong { color: #4338ca; }
.cp-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: .6rem; }
.cp-card { padding: .85rem .95rem; background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 12px; display: flex; flex-direction: column; gap: .25rem; }
.cp-card-l { font-size: .76rem; font-weight: 700; color: #6366f1; }
.cp-card-v { font-size: 1.35rem; font-family: ui-monospace, Menlo, monospace; color: #4338ca; word-break: break-word; }
.cp-card-n { font-size: .78rem; color: #6b6760; line-height: 1.4; }
.cp-extra { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .5rem; }
.cp-chip { padding: .4rem .8rem; background: #fafafa; border: 1px solid #ebebeb; border-radius: 999px; font-family: ui-monospace, Menlo, monospace; font-size: .85rem; color: #1a1814; }