/* chmod-calculator: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.chmod-layout { display: flex; flex-wrap: wrap; gap: 18px 32px; align-items: flex-start; }
.chmod-grid { border-collapse: collapse; }
.chmod-grid th, .chmod-grid td { padding: 8px 14px; text-align: center; border-bottom: 1px solid var(--line); }
.chmod-grid tbody th { text-align: left; }
.chmod-grid input { width: 20px; height: 20px; accent-color: var(--signal); cursor: pointer; }
.chmod-special { display: grid; gap: 6px; margin: 0; padding: 10px 16px 14px; border: 1px solid var(--line); border-radius: 10px; }
.chmod-special legend { padding: 0 6px; font-weight: 600; font-size: 0.9rem; }
input.chmod-big { font-size: 1.4rem; font-weight: 600; letter-spacing: 0.06em; }
.chmod-command { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 10px; background: #0E1A33; }
.chmod-command code { flex: 1; min-width: 0; overflow-wrap: anywhere; padding: 0; background: none; border: 0; color: #E6ECF7; font: 1rem var(--mono); }
.chmod-presets { display: flex; flex-wrap: wrap; gap: 8px; }