/* Dokkaebi skill research: neutral, functional controls. */
.dk-skill-page .dk-skill-lab{margin:32px 0;scroll-margin-top:85px;color:#303630}
.dk-skill-page .dk-skill-lab-panel{min-width:0;padding:20px;background:#f8f7f3;border:1px solid #cdc7bc;border-radius:11px;box-shadow:0 2px 10px #2529230d}
.dk-skill-page .dk-lab-panel-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.dk-skill-page .dk-lab-panel-head strong{font-size:16px;color:#303830}
.dk-skill-page .dk-lab-panel-head>span{font-size:11px;color:#74736b}
.dk-skill-page .dk-skill-lab label{display:flex;flex-direction:column;min-width:0;gap:6px;font-size:11px;color:#565d56;font-weight:740}
.dk-skill-page .dk-skill-lab input,.dk-skill-page .dk-skill-lab select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #c1b9ad;border-radius:7px;background:#fdfcf9;color:#2b342d;font-size:12px;color-scheme:light}
.dk-skill-page .dk-skill-lab input:focus-visible,.dk-skill-page .dk-skill-lab select:focus-visible{outline:2px solid #a89073;outline-offset:2px}
.dk-skill-page .dk-lab-panel-head select{width:165px}
.dk-skill-page .dk-lab-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dk-skill-page .dk-lab-record{min-width:0;margin:0;padding:14px;background:#eeebe5;border:1px solid #d4cec4;border-radius:9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.dk-skill-page .dk-lab-record legend{font-size:13px;font-weight:800;padding:0 6px;color:#40463e}
.dk-skill-page .dk-lab-record label:first-of-type{grid-column:1/-1}
.dk-skill-page .dk-lab-record-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dk-skill-page .dk-lab-record-actions output{font-size:14px;font-weight:830;color:#41483e}
.dk-skill-page .dk-skill-lab button{min-height:38px;padding:8px 13px;border-radius:7px;border:1px solid #aa9f90;background:#e4ded4;color:#444a40;font-size:12px;font-weight:760;cursor:pointer}
.dk-skill-page .dk-skill-lab button:hover{background:#d8cfc1}
.dk-skill-page .dk-skill-lab button:disabled{opacity:.55;cursor:wait}
.dk-skill-page .dk-lab-results{margin:15px 0 7px;padding:14px 16px;border-left:3px solid #84745f;background:#e2e0d9;border-radius:6px;line-height:1.7;color:#343c35;font-size:13px;font-weight:760}
.dk-skill-page .dk-lab-note{font-size:11px;line-height:1.65;color:#6c7069;margin:8px 0 0}
.dk-skill-page .dk-lab-community{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.dk-skill-page .dk-lab-community p{font-size:12px;line-height:1.65;margin:0 0 13px;color:#686d65}
.dk-skill-page .dk-lab-community label{margin:0 0 11px}
.dk-skill-page .dk-lab-community .dk-lab-primary{background:#373f37;color:#fff;border-color:#373f37}
.dk-skill-page .dk-lab-community .dk-lab-primary:hover{background:#292e29}
.dk-skill-page .dk-lab-state{margin-top:11px!important}
.dk-skill-page .dk-lab-vote-results{margin-top:13px}
.dk-skill-page .dk-lab-vote-row{display:grid;grid-template-columns:minmax(90px,1.3fr) minmax(55px,1fr) 40px;gap:9px;align-items:center;margin:9px 0;font-size:11px}
.dk-skill-page .dk-lab-vote-caption{font-weight:780!important}
.dk-skill-page .dk-lab-vote-bar{height:8px;background:#ded8ce;border-radius:10px;overflow:hidden}
.dk-skill-page .dk-lab-vote-bar em{display:block;height:100%;background:#86735d;border-radius:10px}
.dk-skill-page .dk-lab-vote-row strong{text-align:right}
.dk-skill-page .dk-lab-pending{border-top:1px solid #ded7cb;padding-top:10px!important;color:#70736b!important}
.dk-skill-page .dk-lab-evidence-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dk-skill-page .dk-lab-evidence-results{padding:12px;margin-top:13px;min-height:60px;background:#ede9e2;border:1px solid #d4cbbf;border-radius:7px;font-size:12px;color:#474e45;line-height:1.65}
.dk-skill-page .dk-lab-build{margin-top:14px;background:#f8f6f1;border:1px solid #ccc5b9;border-radius:10px}
.dk-skill-page .dk-lab-build summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:16px;font-size:14px;color:#363e35}
.dk-skill-page .dk-lab-build summary::-webkit-details-marker{display:none}
.dk-skill-page .dk-lab-build summary span{font-size:11px;color:#7f705c}
.dk-skill-page .dk-lab-build-body{border-top:1px solid #d5cdc1;padding:16px}
.dk-skill-page .dk-lab-build-body p{font-size:12px;color:#646b61;line-height:1.7}
.dk-skill-page .dk-lab-build-body>label{max-width:180px}
.dk-skill-page .dk-lab-build-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}
.dk-skill-page .dk-lab-build-slots label[hidden]{display:none!important}
.dk-skill-page .dk-lab-build-body output{display:block;padding:12px;background:#eae6de;border:1px solid #d0c7ba;border-radius:7px;color:#3e483e;font-size:12px;line-height:1.6}
.dk-skill-page .dk-lab-sources{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:16px;padding-top:15px;border-top:1px solid #d0c9bd}
.dk-skill-page .dk-lab-sources strong{font-size:12px}
.dk-skill-page .dk-lab-sources a{font-size:11px;color:#725f48;text-decoration:underline;text-underline-offset:3px}
.dk-skill-page .dk-lab-sources span{width:100%;font-size:10px;line-height:1.6;color:#73746a}
@media(max-width:1000px){.dk-skill-page .dk-lab-records,.dk-skill-page .dk-lab-community{grid-template-columns:1fr}}
@media(max-width:750px){.dk-skill-page .dk-skill-lab-panel{padding:14px}.dk-skill-page .dk-lab-build-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.dk-skill-page .dk-lab-record,.dk-skill-page .dk-lab-evidence-controls{grid-template-columns:1fr}.dk-skill-page .dk-lab-record label:first-of-type{grid-column:auto}.dk-skill-page .dk-lab-vote-row{grid-template-columns:minmax(0,1fr) 56px 35px}}

.dk-skill-page .dk-lab-ranking-button{margin-top:12px;background:#ddd6ca!important;border-color:#bdb09d!important}
.dk-skill-page .dk-lab-ranking-results{margin-top:12px;font-size:12px;color:#555d53;line-height:1.65}
.dk-skill-page .dk-lab-rank-row{display:grid;grid-template-columns:minmax(100px,1fr) auto;gap:5px 10px;align-items:center;padding:10px 0;border-bottom:1px solid #ddd6cd}
.dk-skill-page .dk-lab-rank-row:last-child{border-bottom:0}
.dk-skill-page .dk-lab-rank-row span{font-weight:680;overflow-wrap:anywhere}
.dk-skill-page .dk-lab-rank-row strong{font-size:12px;color:#333e33;white-space:nowrap}
.dk-skill-page .dk-lab-rank-row small{grid-column:1/-1;color:#77756d;font-size:10px}

/* Compact, personalized vote picker. No 44-row select displayed to visitors. */
.dk-skill-page .dk-lab-vote-picker{display:flex;flex-direction:column;gap:10px}
.dk-skill-page .dk-lab-vote-picker-title{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.dk-skill-page .dk-lab-vote-picker-title strong{color:#46463e;font-size:12px}
.dk-skill-page .dk-lab-vote-picker-title span{font-size:10px;color:#7c776d}
.dk-skill-page .dk-lab-vote-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.dk-skill-page .dk-lab-vote-quick button{min-height:40px;text-align:left;line-height:1.4;font-size:11px;background:#eeeae1;border-color:#c6bdb0;overflow-wrap:anywhere}
.dk-skill-page .dk-lab-vote-quick button[aria-pressed="true"],.dk-skill-page .dk-lab-vote-search-results button[aria-pressed="true"]{background:#46473e;color:#fff;border-color:#46473e}
.dk-skill-page .dk-lab-vote-quick button:hover,.dk-skill-page .dk-lab-vote-search-results button:hover{border-color:#947c60;background:#e1d9ce}
.dk-skill-page .dk-lab-vote-search{margin-top:4px}
.dk-skill-page .dk-lab-vote-search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:212px;overflow:auto;border:1px solid #d6cfc4;padding:8px;border-radius:7px;background:#f1efe9}
.dk-skill-page .dk-lab-vote-search-results[hidden]{display:none!important}
.dk-skill-page .dk-lab-vote-search-results button{min-height:35px;text-align:left;background:#f9f7f3;border-color:#d7cec2;font-size:11px}
.dk-skill-page .dk-lab-vote-search-results p{font-size:11px;grid-column:1/-1;margin:4px}
.dk-skill-page .dk-lab-vote-selected{font-size:12px;font-weight:800;color:#67513c;background:#eae2d7;border-radius:6px;padding:9px 11px}
.dk-skill-page .dk-lab-vote-picker [data-dk-lab-vote-skill][hidden]{display:none!important}
.dk-skill-page .dk-lab-ballot>.dk-lab-primary{width:100%;min-height:42px;margin-top:12px}
@media(max-width:450px){.dk-skill-page .dk-lab-vote-quick,.dk-skill-page .dk-lab-vote-search-results{grid-template-columns:1fr}}


/* Quick search replaces the A/B dropdown containing every skill. */
.dk-skill-page .dk-lab-record [data-dk-lab-skill][hidden]{display:none!important}
.dk-skill-page .dk-lab-skill-matches{
  grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;max-height:195px;overflow:auto;padding:7px;
  border:1px solid #d3cbbf;border-radius:8px;background:#f7f4ee;
}
.dk-skill-page .dk-lab-skill-matches[hidden]{display:none!important}
.dk-skill-page .dk-lab-skill-matches button{
  text-align:left;min-width:0;padding:9px 10px;border-radius:6px;border:1px solid #ddd4c7;
  background:#fffefa;color:#454940;font-size:12px;font-weight:690;
}
.dk-skill-page .dk-lab-skill-matches p{margin:0;color:#777;font-size:11px}
@media(max-width:510px){.dk-skill-page .dk-lab-skill-matches{grid-template-columns:1fr}}

/* Optional verified-growth calculator; hidden entirely when no named skill is confirmed. */
.dk-skill-page .dk-lab-example{display:flex;gap:9px 15px;align-items:center;flex-wrap:wrap;margin:12px 0;padding:12px 14px;background:#f2f0e9;border:1px solid #d6cfc1;border-radius:8px;color:#41483f}
.dk-skill-page .dk-lab-example strong{font-size:12px}
.dk-skill-page .dk-lab-example span{font-size:12px}
.dk-skill-page .dk-lab-example b{font-size:12px;color:#385942}
.dk-skill-page .dk-lab-example small{width:100%;font-size:11px;color:#74766f}
.dk-skill-page .dk-skill-growth{margin-top:14px}
.dk-skill-page .dk-skill-growth-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}
.dk-skill-page .dk-skill-growth-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750}
.dk-skill-page .dk-skill-growth-controls select{width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #c9c0b4;border-radius:7px;background:#fffefa;color:#313a34}
.dk-skill-page .dk-skill-growth output{display:block;padding:12px 14px;border:1px solid #d6cfc1;border-radius:8px;background:#eeebe4;font-size:13px;font-weight:750;color:#374437}
@media(max-width:730px){.dk-skill-page .dk-skill-growth-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.dk-skill-page .dk-skill-growth-controls{grid-template-columns:1fr}}