/* V3.16: legibilidad y navegación; no cambia estructura de datos. */
:root{--muted:#505b73;--mint:#147252;--pink:#9a3a63;--danger:#ad334b;--sun:#855b07}
.btn.mint,.btn.pink,.btn.sky,.btn.delete{color:#fff!important}
.btn.mint{background:#116d50!important}.btn.pink{background:#953456!important}.btn.sky{background:#175b8c!important}
.btn.delete{background:#a82d47!important}
.kj316-subject-select{display:flex;flex-wrap:wrap;gap:9px;align-items:center;background:#f5f2ff;border:1px solid #cfc7f0;border-radius:14px;padding:10px 12px;margin:10px 0;color:#293250;font-size:.88rem;font-weight:750}
.kj316-subject-select select{flex:1;min-width:160px;max-width:380px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #4334cc!important;outline-offset:3px}
.btn:disabled,button:disabled{cursor:not-allowed;opacity:.65}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:520px){.kj316-subject-select select{width:100%;max-width:100%}}