.self-status-skill-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center;margin:0 0 7px}
.self-status-skill-head>strong{min-width:0;margin:0!important}
.sector-skill-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 8px;border:1px solid rgba(137,211,217,.20);border-radius:2px;background:linear-gradient(115deg,rgba(20,45,50,.48),rgba(7,17,21,.40));color:rgba(232,242,243,.88);font:600 .70rem/1.35 inherit;letter-spacing:.045em;cursor:pointer;white-space:nowrap;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}
.sector-skill-chip.hidden{display:none!important}
.sector-skill-chip small{display:inline-block;padding-left:7px;border-left:1px solid rgba(180,216,219,.13);color:rgba(173,203,206,.52);font-size:.62rem;font-weight:560;letter-spacing:.06em}
.sector-skill-chip[data-ready="true"]{border-color:rgba(143,224,230,.34);background:linear-gradient(115deg,rgba(25,57,62,.58),rgba(8,20,25,.45));box-shadow:0 0 20px rgba(88,194,202,.045)}
.sector-skill-chip[data-ready="true"] small{color:rgba(190,236,239,.82)}
.sector-skill-chip:hover,.sector-skill-chip:focus-visible{border-color:rgba(166,232,236,.48);background:linear-gradient(115deg,rgba(31,65,70,.66),rgba(9,22,27,.53));outline:none}
.sector-skill-details{grid-column:1/-1;display:grid;gap:9px;margin:2px 0 0;padding:11px 12px;border-top:1px solid rgba(145,201,205,.11);background:linear-gradient(180deg,rgba(8,19,24,.32),rgba(5,13,17,.18))}
.sector-skill-details.hidden{display:none!important}
.sector-skill-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.sector-skill-detail-head>span{color:rgba(153,193,196,.48);font-size:.64rem;letter-spacing:.09em}
.sector-skill-detail-head>strong{color:rgba(202,223,225,.72);font-size:.67rem;font-weight:560}
#sector-skill-description{margin:0;color:rgba(219,232,233,.74);font-size:.76rem;line-height:1.62}
.sector-skill-field{display:grid;gap:5px}
.sector-skill-field.hidden{display:none!important}
.sector-skill-field>span{color:rgba(177,202,204,.55);font-size:.67rem;letter-spacing:.05em}
.sector-skill-field select{width:100%;min-height:34px;padding:6px 28px 6px 9px;border:1px solid rgba(155,199,203,.15);border-radius:2px;background:rgba(4,12,16,.72);color:rgba(228,239,240,.88);font:inherit;font-size:.73rem}
.sector-skill-field select:focus-visible{outline:1px solid rgba(129,216,223,.42);outline-offset:1px}
.sector-skill-detail-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
#sector-skill-status{margin:0;color:rgba(169,193,195,.48);font-size:.65rem;line-height:1.45}
#sector-skill-use{flex:0 0 auto;min-width:132px;padding:7px 10px;border:1px solid rgba(126,211,218,.24);border-radius:2px;background:linear-gradient(112deg,rgba(25,54,60,.50),rgba(8,20,25,.43));color:rgba(237,246,247,.91);font:600 .69rem/1.4 inherit;letter-spacing:.055em;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}
#sector-skill-use:hover:not(:disabled),#sector-skill-use:focus-visible:not(:disabled){border-color:rgba(157,230,235,.43);background:linear-gradient(112deg,rgba(33,69,75,.62),rgba(9,23,28,.51));box-shadow:0 0 20px rgba(90,194,203,.05);outline:none}
#sector-skill-use:disabled{opacity:.36;cursor:default}
@media(max-width:620px){.self-status-skill-head{grid-template-columns:minmax(0,1fr) auto}.sector-skill-chip{max-width:48vw}.sector-skill-chip span{overflow:hidden;text-overflow:ellipsis}.sector-skill-detail-head,.sector-skill-detail-foot{align-items:flex-start;flex-direction:column}#sector-skill-use{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.sector-skill-chip,#sector-skill-use{transition:none}}