/* Compact comparison panel in the existing skill recommendations, no extra route or pictures. */
.dk-skill-page .dk-build-compare{margin:12px 0 0;border:1px solid #d9d0c2;border-radius:11px;background:#fffdfa}
.dk-skill-page .dk-build-compare>summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 15px;padding:16px 18px;cursor:pointer;list-style:none;font-size:14px;font-weight:750;color:#384237}
.dk-skill-page .dk-build-compare>summary::-webkit-details-marker{display:none}
.dk-skill-page .dk-build-compare>summary:after{content:"⌄";font-size:20px;line-height:1;color:#826d56}
.dk-skill-page .dk-build-compare[open]>summary:after{content:"⌃"}
.dk-skill-page .dk-build-compare>summary span{margin-left:auto;color:#6d7068;font-size:11px;font-weight:500}
.dk-skill-page .dk-build-compare>summary:focus-visible{outline:2px solid #9b7b59;outline-offset:2px}
.dk-skill-page .dk-build-compare-body{border-top:1px solid #e3ded5;padding:16px 18px}
.dk-skill-page .dk-build-compare-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dk-skill-page .dk-build-compare-controls label{display:flex;flex-direction:column;gap:5px;flex:1 1 150px;font-size:12px;font-weight:750;color:#4f584e}
.dk-skill-page .dk-build-compare-controls select{width:100%;height:41px;border:1px solid #d4cbbb;border-radius:8px;padding:8px 10px;background:#fff;color:#343b34;font:inherit}
.dk-skill-page .dk-build-compare-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dk-skill-page .dk-build-compare-column{min-width:0;padding:13px;border:1px solid #e2dbd0;border-radius:9px;background:#f8f6f2}
.dk-skill-page .dk-build-compare-column h3{margin:0 0 10px;color:#4b514b;font-size:13px}
.dk-skill-page .dk-build-compare-column ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.dk-skill-page .dk-build-compare-column li{display:flex;flex-direction:column;gap:3px;min-width:0;padding:7px 8px;border-radius:7px;background:#fffdfa;border:1px solid #e7e0d6}
.dk-skill-page .dk-build-compare-column li strong{font-size:12px;color:#333a33;overflow-wrap:anywhere}
.dk-skill-page .dk-build-compare-column li span{font-size:11px;color:#6b7168;line-height:1.5;overflow-wrap:anywhere}
.dk-skill-page .dk-build-compare-column li[data-dk-compare-new="true"]{background:#eef4ed;border-color:#afc5b1}
.dk-skill-page .dk-build-compare-difference{margin:12px 0;color:#515f53;font-size:12px;line-height:1.6}
.dk-skill-page .dk-build-compare-apply{cursor:pointer;min-height:43px;padding:10px 16px;border:1px solid #414e42;border-radius:8px;background:#414e42;color:white;font-family:inherit;font-size:12px;font-weight:760}
.dk-skill-page .dk-build-compare-apply:disabled{opacity:.55;cursor:not-allowed}
.dk-skill-page .dk-build-compare-apply:focus-visible{outline:2px solid #9b7b59;outline-offset:2px}
.dk-skill-page .dk-build-compare-state{margin:9px 0 0;font-size:12px;color:#4f654d}
.dk-skill-page .dk-build-compare-state:empty{display:none}
@media(max-width:580px){.dk-skill-page .dk-build-compare>summary{padding:13px}.dk-skill-page .dk-build-compare>summary span{margin-left:0}.dk-skill-page .dk-build-compare-body{padding:12px}.dk-skill-page .dk-build-compare-columns{grid-template-columns:1fr}}

.dk-skill-page .dk-compare-insights{margin:5px 0 12px;font-size:12px;line-height:1.65;color:#576456;overflow-wrap:anywhere}