.skill-batch { scroll-margin-top: 2rem; }
.skill-batch__picker { display: grid; gap: .5rem; max-width: 38rem; }
.skill-batch__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
.skill-batch__row { border: 1px solid var(--border-light, #ccd3da); border-radius: .75rem; padding: 1rem; margin: 1rem 0; overflow-wrap: anywhere; }
.skill-batch__row h3 { margin-top: 0; }
.skill-batch__row fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; border: 0; padding: 0; min-width: 0; }
.skill-batch__row label { display: grid; gap: .35rem; min-width: 0; }
.skill-batch__row input:not([type=checkbox]), .skill-batch__row textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: .6rem; font: inherit; }
.skill-batch__row label:has(input[type=checkbox]) { display: block; }
.skill-batch__warning { grid-column: 1 / -1; }
.skill-batch button { min-height: 44px; padding: .55rem .8rem; font: inherit; cursor: pointer; }
.skill-batch button:focus-visible, .skill-batch input:focus-visible, .skill-batch textarea:focus-visible { outline: 3px solid var(--brand-primary, #008a00); outline-offset: 3px; }
.skill-batch [hidden] { display: none !important; }
.skill-batch [data-state=submitted] { border-inline-start: 4px solid var(--brand-primary, #008a00); }
.skill-batch input[type=file] { max-width: 100%; }
@media (max-width: 600px) { .skill-batch__row fieldset { grid-template-columns: minmax(0, 1fr); } .skill-batch__actions { flex-direction: column; align-items: stretch; } }