/* Shared builds extend the existing skill recommendations, not a separate SEO page. */
.dk-skill-page .dk-build-sharing{margin:14px 0 10px;background:#fffdfa;border:1px solid #d9d2c7;border-radius:11px}
.dk-skill-page .dk-build-sharing>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:15px 18px;cursor:pointer;list-style:none}
.dk-skill-page .dk-build-sharing>summary::-webkit-details-marker{display:none}
.dk-skill-page .dk-build-sharing>summary strong{font-size:15px;color:#384138}
.dk-skill-page .dk-build-sharing>summary span{color:#767365;font-size:11px}
.dk-skill-page .dk-build-sharing>summary:after{content:"⌄";font-size:19px;margin-left:auto}
.dk-skill-page .dk-build-sharing[open]>summary:after{content:"⌃"}
.dk-skill-page .dk-build-sharing>summary:focus-visible,.dk-skill-page .dk-shared-use:focus-visible,.dk-skill-page .dk-build-sharing button:focus-visible{outline:2px solid #9b7b59;outline-offset:2px}
.dk-skill-page .dk-build-sharing-body{border-top:1px solid #e5dfd6;padding:17px 18px}
.dk-skill-page .dk-build-sharing-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.dk-skill-page .dk-build-sharing-controls label{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1;font-size:12px;font-weight:700;color:#454f46}
.dk-skill-page .dk-build-sharing-controls select{height:42px;padding:8px;border:1px solid #d0c6b8;border-radius:8px;background:#fff;color:#343e35;font-family:inherit;font-size:13px}
.dk-skill-page .dk-build-sharing-controls button,.dk-skill-page .dk-shared-use{min-height:40px;padding:9px 12px;cursor:pointer;border-radius:8px;border:1px solid #465347;background:#445146;color:white;font-family:inherit;font-weight:700;font-size:12px}
.dk-skill-page .dk-build-sharing-controls button[disabled]{opacity:.6;cursor:wait}
.dk-skill-page .dk-build-sharing-controls button[data-dk-share-refresh]{background:#f6f3ed;color:#505b50;border-color:#ccc4b7}
.dk-skill-page .dk-build-sharing h3{margin:19px 0 9px;font-size:14px;color:#333d34}
.dk-skill-page .dk-build-sharing h3:first-child{margin-top:13px}
.dk-skill-page .dk-shared-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dk-skill-page .dk-shared-card{min-width:0;border:1px solid #e0d9cf;border-radius:10px;background:#f9f7f3;padding:12px}
.dk-skill-page .dk-shared-card-head{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;justify-content:space-between}
.dk-skill-page .dk-shared-card-head strong{font-size:13px;color:#333c34}
.dk-skill-page .dk-shared-card-head span{font-size:11px;color:#72776d}
.dk-skill-page .dk-shared-skills{list-style:none;margin:11px 0;padding:0;display:grid;gap:5px}
.dk-skill-page .dk-shared-skills li{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border:1px solid #e9e2d7;background:white;border-radius:6px}
.dk-skill-page .dk-shared-skills li strong{min-width:0;flex:1;font-size:12px;color:#424941;overflow-wrap:anywhere}
.dk-skill-page .dk-shared-skills li span{font-size:11px;color:#817968;white-space:nowrap}
.dk-skill-page .dk-shared-use{width:100%}
.dk-skill-page .dk-shared-wait{font-size:12px;color:#686d64;padding:8px 0}
.dk-skill-page .dk-share-state{margin:11px 0 0;color:#526550;font-size:12px}
.dk-skill-page .dk-share-state:empty{display:none}
@media(max-width:670px){.dk-skill-page .dk-shared-grid{grid-template-columns:1fr}.dk-skill-page .dk-build-sharing>summary,.dk-skill-page .dk-build-sharing-body{padding:13px}}

/* A quick entry next to the main build editor, no additional images. */
.dk-skill-page .dk-skill-community-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:10px 0}
.dk-skill-page .dk-skill-community-links a{font-size:12px;font-weight:750;color:#66533e;text-decoration:underline;text-underline-offset:3px}
.dk-skill-page .dk-skill-community-links a:focus-visible{outline:2px solid #9b7b59;outline-offset:2px}
.dk-skill-page .dk-build-sharing-controls button[hidden]{display:none}
