/* All rules are scoped: do not alter Cocoon theme or the v0.2 accordion */
.dkd-tool{--dkd-navy:#17294c;--dkd-link:#184eb7;--dkd-line:#dbe5f5;--dkd-muted:#53627b;--dkd-bg:#f5f8ff;box-sizing:border-box;color:var(--dkd-navy);font-family:inherit;font-size:15px;line-height:1.75;width:100%;min-width:0;margin:16px 0 22px;container-type:inline-size}
.dkd-tool *{box-sizing:border-box}
.dkd-tool .dkd-head{border-radius:14px 14px 0 0;padding:20px;background:linear-gradient(120deg,#1e376d,#3159a0);color:#fff}
.dkd-tool .dkd-kicker{display:inline-block;border:1px solid #b8d0ff;border-radius:30px;padding:1px 10px;color:#e6f0ff;font-size:11px;font-weight:700}
.dkd-tool .dkd-head h3{margin:10px 0 6px!important;font-size:clamp(18px,3vw,22px)!important;line-height:1.5;background:none!important;border:0!important;padding:0!important;color:#fff!important}
.dkd-tool .dkd-head p{margin:6px 0 0;color:#eaf2ff;font-size:13px}
.dkd-tool .dkd-panel{padding:16px;background:#fff;border:1px solid var(--dkd-line);border-radius:0 0 14px 14px}
.dkd-tool .dkd-fieldset{border:0;margin:0 0 18px;padding:0;min-width:0}
.dkd-tool .dkd-fieldset legend{display:block;width:100%;padding:0;margin:0 0 10px;font-size:16px;font-weight:800;color:#17294c}
.dkd-tool .dkd-step{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 5px;margin-right:5px;border-radius:8px;background:#e3edff;color:#1644ac;font-size:12px}
.dkd-tool .dkd-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.dkd-tool .dkd-segment label{display:block;cursor:pointer;min-width:0;margin:0;line-height:1.45}
.dkd-tool .dkd-segment input{position:absolute;opacity:0;width:1px;height:1px}
.dkd-tool .dkd-segment label span{display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;border:1px solid #cbd6e9;padding:7px 6px;border-radius:10px;background:#fff;font-size:12px;font-weight:700;text-align:center;color:#27416b}
.dkd-tool .dkd-segment label input:checked+span{border:2px solid #2868d9;background:#eaf1ff;color:#123f9a}
.dkd-tool .dkd-segment label input:focus-visible+span{outline:3px solid #a8c9fa;outline-offset:2px}
.dkd-tool .dkd-hint{color:var(--dkd-muted);font-size:12px;margin:6px 0 11px;line-height:1.7}
.dkd-tool .dkd-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:8px;min-width:0}
.dkd-tool .dkd-char{display:flex;flex-direction:column;gap:4px;border:1px solid var(--dkd-line);background:#fafdff;border-radius:10px;padding:10px;min-width:0}
.dkd-tool .dkd-char-name{font-size:14px;font-weight:800;color:#1c365c;line-height:1.35}
.dkd-tool .dkd-char-meta{font-size:11px;color:#5a6980;line-height:1.5;min-height:15px}
.dkd-tool .dkd-count-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto}
.dkd-tool .dkd-count-row span{font-size:12px;color:#334e77}
.dkd-tool select{width:auto;max-width:100%;min-width:92px;border-radius:8px;border:1px solid #adbcd3;padding:6px 25px 6px 9px;background-color:#fff;color:#17294c;font-size:14px;line-height:1.5;min-height:38px;cursor:pointer}
.dkd-tool .dkd-count-row select{min-width:78px}
.dkd-tool select:focus-visible,.dkd-tool button:focus-visible{outline:3px solid #99baff;outline-offset:2px}
.dkd-tool .dkd-line{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}
.dkd-tool .dkd-radio,.dkd-tool .dkd-check{font-size:13px;color:#273d60;cursor:pointer;display:flex;align-items:flex-start;gap:6px;margin:0}
.dkd-tool input[type=checkbox],.dkd-tool input[type=radio]{accent-color:#2868d9;width:16px;height:16px;flex:0 0 16px;margin-top:4px}
.dkd-tool .dkd-select-label{font-size:13px;display:flex;flex-direction:column;gap:5px;color:#283e60;font-weight:700}
.dkd-tool .dkd-select-label select{width:100%;max-width:360px}
.dkd-tool .dkd-actions{display:flex;flex-wrap:wrap;gap:7px;padding-top:7px;border-top:1px solid var(--dkd-line)}
.dkd-tool button{cursor:pointer;border-radius:10px;line-height:1.45;font-size:13px;font-weight:800;min-height:44px;box-shadow:none;text-transform:none;letter-spacing:0}
.dkd-tool button.dkd-primary{background:#235fd2!important;color:#fff!important;border:1px solid #235fd2!important;padding:10px 17px;flex:1 1 100%}
.dkd-tool button.dkd-primary:hover{background:#1847a9!important}
.dkd-tool button.dkd-secondary{background:#f4f7fe!important;color:#1a427e!important;border:1px solid #ccd9ee!important;padding:8px 14px;flex:1 1 auto}
.dkd-tool .dkd-output{margin-top:14px;border-top:1px dashed #cbd9ed;padding:12px 0 0;min-width:0;overflow-wrap:anywhere}
.dkd-tool .dkd-output:focus{outline:none}
.dkd-tool .dkd-results-head{font-weight:800;font-size:16px;color:#18376a;margin-bottom:6px}
.dkd-tool .dkd-card{border:1px solid #d3e0f3;padding:13px;margin:12px 0;background:#fff;border-radius:12px;box-shadow:0 3px 10px rgba(20,50,90,.045)}
.dkd-tool .dkd-card:first-of-type{border-color:#7da4f4}
.dkd-tool .dkd-card h4{font-size:15px!important;margin:0 0 5px!important;color:#1c3c6e!important;background:none!important;border:0!important;padding:0!important}
.dkd-tool .dkd-score{font-size:12px;color:#3d5478;display:inline-block;margin:0 0 7px}
.dkd-tool .dkd-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}
.dkd-tool .dkd-slot{background:#eff4ff;border:1px solid #dce7fa;border-radius:8px;padding:7px 3px;text-align:center;min-width:0}
.dkd-tool .dkd-slot small{display:block;color:#637692;font-size:10px}
.dkd-tool .dkd-slot strong{display:block;line-height:1.5;color:#203d6a;font-size:12px;overflow-wrap:anywhere}
.dkd-tool .dkd-metrics{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.dkd-tool .dkd-tag{border:1px solid #cedbef;background:#f3f7ff;padding:1px 8px;border-radius:20px;color:#31537a;font-size:11px}
.dkd-tool .dkd-tag.is-alert{border-color:#e8cd97;background:#fff7e7;color:#81530d}
.dkd-tool .dkd-tag.is-good{border-color:#9cd7bf;background:#eefaf4;color:#136747}
.dkd-tool .dkd-reason,.dkd-tool .dkd-risk{font-size:12px;margin:6px 0;line-height:1.7;color:#374861}
.dkd-tool .dkd-risk{color:#75460b}
.dkd-tool .dkd-alert{padding:11px 12px;border-left:4px solid #de922f;background:#fff8ea;border-radius:0 9px 9px 0;color:#603d19;margin:9px 0;font-size:13px}
.dkd-tool .dkd-good{padding:11px 12px;border-left:4px solid #217b56;background:#f0fbf5;border-radius:0 9px 9px 0;color:#24543d;margin:9px 0;font-size:13px}
.dkd-tool .dkd-foot{background:#f7f9fd;border:1px solid #e0e7f2;border-radius:10px;padding:11px 13px;margin-top:12px;color:#4c5e76;font-size:11px;line-height:1.75}
.dkd-tool .dkd-foot p{margin:4px 0}
.dkd-tool .dkd-foot a{color:#164e9f!important;text-decoration:underline!important}
@container(max-width:520px){.dkd-tool .dkd-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.dkd-tool .dkd-segment{grid-template-columns:1fr}.dkd-tool .dkd-segment label span{min-height:40px}.dkd-tool .dkd-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.dkd-tool .dkd-panel{padding:12px}.dkd-tool .dkd-head{padding:15px}}
@container(max-width:350px){.dkd-tool .dkd-catalog{grid-template-columns:1fr}}

/* v0.4 stage filter, mobile and high-contrast fixes */
.dkd-tool [data-dkd-stage]{width:100%;max-width:100%;min-height:46px;border-color:#9eb4d9}
.dkd-tool .dkd-stage-message{background:#eef4ff;border:1px solid #bdd1f4;border-radius:9px;color:#1b3d70;font-size:13px;line-height:1.8;margin:10px 0;padding:12px}
.dkd-tool .dkd-head p strong{color:#fff!important}
.dkd-tool .dkd-char:focus-within{outline:2px solid #467ce7;outline-offset:1px}
.dkd-tool .dkd-slot strong{word-break:normal}
@container(max-width:520px){.dkd-tool .dkd-char-name{font-size:12px}.dkd-tool .dkd-count-row select{min-width:68px}.dkd-tool .dkd-select-label select{max-width:100%}}

/* v0.5 accessibility & compact character search; all CSS scoped to plugin */
.dkd-tool .dkd-filter-panel{display:grid;gap:8px;padding:12px;margin:7px 0 12px;border:1px solid #dbe5f5;background:#f5f8ff;border-radius:10px}
.dkd-tool .dkd-search-label{display:grid;gap:5px;font-weight:700;font-size:13px;color:#1b3558}
.dkd-tool [data-dkd-search]{width:100%;min-height:44px;padding:9px 12px;border:1px solid #9eb4d9;border-radius:8px;background:#fff;color:#1b3558;font-size:15px}
.dkd-tool [data-dkd-search]:focus-visible{outline:3px solid #a8c9fa;outline-offset:1px}
.dkd-tool .dkd-filter-status{font-size:12px;color:#425c85;font-weight:600;margin:0}
.dkd-tool .dkd-char[hidden]{display:none!important}
.dkd-tool .dkd-gap-warning{border-left:3px solid #d28b27;background:#fff7eb;color:#693e0c;font-size:12px;line-height:1.7;padding:9px 11px;border-radius:0 7px 7px 0;margin:10px 0}
.dkd-tool .dkd-stage-advice{background:#edf5ff;border-left:3px solid #3172ce;padding:9px 11px;border-radius:0 7px 7px 0;color:#213e68;font-size:12px;margin:10px 0;line-height:1.7}
.dkd-tool .dkd-connector-proof{font-size:12px;color:#465775;margin:8px 0;line-height:1.7}
@container(max-width:520px){.dkd-tool .dkd-gap-warning,.dkd-tool .dkd-stage-advice{font-size:12px}.dkd-tool .dkd-filter-panel{padding:10px}}

/* v0.6 voluntary feedback - no analytics transport until explicit submit */
.dkd-tool .dkd-feedback[hidden]{display:none!important}
.dkd-tool .dkd-feedback{margin-top:18px;border:1px solid #bfcee5;background:#f8fbff;padding:16px;border-radius:12px;display:grid;gap:10px;color:#233950}
.dkd-tool .dkd-feedback h4{font-size:17px;margin:0 0 3px;color:#153465}
.dkd-tool .dkd-feedback p{margin:0;line-height:1.65;font-size:13px}
.dkd-tool .dkd-feedback .dkd-em{font-weight:700}
.dkd-tool .dkd-feedback-choices{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:0;min-width:0}
.dkd-tool .dkd-feedback-choices legend{font-weight:700;font-size:13px;padding:0 0 7px}
.dkd-tool .dkd-feedback-choices label{display:flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid #bacbe6;border-radius:8px;background:#fff;font-size:13px;font-weight:700;flex:1 1 150px;cursor:pointer}
.dkd-tool .dkd-feedback [data-dkd-reason-wrap]{display:grid;gap:7px;font-weight:700;font-size:13px}
.dkd-tool .dkd-feedback [data-dkd-reason-wrap][hidden]{display:none!important}
.dkd-tool .dkd-feedback select{padding:9px;border:1px solid #9eb4d9;border-radius:7px;background:#fff;min-height:42px;width:100%;font-size:14px}
.dkd-tool .dkd-feedback [data-dkd-feedback-send]:disabled{opacity:.5;cursor:not-allowed}
.dkd-tool .dkd-feedback .dkd-feedback-message{font-weight:700;color:#1d507f}
.dkd-tool .dkd-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* v0.6.2: force hidden feedback option to stay hidden under Cocoon styles */
.dkd-tool .dkd-feedback-choices [data-dkd-no-team-choice][hidden]{display:none!important}

/* v0.7: explain blockers, compare feasible helper swaps, and keep self-reports distinct */
.dkd-tool .dkd-explain-list{margin:8px 0 12px;padding:0 0 0 22px;color:#233e61;font-size:13px;line-height:1.75}
.dkd-tool .dkd-explain-list li{margin:5px 0}
.dkd-tool .dkd-alt-title{font-size:15px!important;margin:14px 0 6px!important;color:#172f59!important;background:none!important;border:0!important;padding:0!important}
.dkd-tool .dkd-helper-suggestion{border:1px solid #bbd3f8;background:#f5f9ff;border-radius:11px;padding:11px 12px;margin:9px 0}
.dkd-tool .dkd-helper-suggestion strong{display:block;color:#153e77;font-size:13px;line-height:1.55}
.dkd-tool .dkd-helper-suggestion button{width:100%;margin-top:6px}
.dkd-tool .dkd-feedback-choices [data-dkd-played-choice][hidden]{display:none!important}
.dkd-tool .dkd-output>button.dkd-secondary{margin-top:10px}

/* v0.7.1: always show feedback status immediately below the submit button, including Cocoon. */
.dkd-tool .dkd-feedback .dkd-feedback-message[hidden]{display:none!important}
.dkd-tool .dkd-feedback .dkd-feedback-message:not([hidden]){
 display:block!important;box-sizing:border-box;margin:4px 0 8px!important;padding:14px 16px!important;
 border:2px solid #2563eb;border-radius:10px;background:#eff6ff;color:#17407b!important;
 font-size:15px!important;line-height:1.65!important;font-weight:700!important;
 overflow-wrap:anywhere;
}
.dkd-tool .dkd-feedback .dkd-feedback-message[data-state="success"]{
 border-color:#047857;background:#ecfdf5;color:#065f46!important;
}
.dkd-tool .dkd-feedback .dkd-feedback-message[data-state="error"]{
 border-color:#c2410c;background:#fff7ed;color:#9a3412!important;
}
.dkd-tool .dkd-feedback .dkd-feedback-message:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}

/* v0.8: editor/test status, usefulness and transparent feasibility rating */
.dkd-tool .dkd-test-label{display:flex;gap:9px;align-items:flex-start;border:1px solid #f2d79a;background:#fff8e8;color:#66450e;border-radius:9px;padding:12px;font-size:13px;font-weight:700}
.dkd-tool .dkd-test-label input{flex:0 0 17px;margin-top:3px}
.dkd-tool [data-dkd-helpfulness-wrap]{display:grid;gap:6px;font-weight:700;font-size:13px}
.dkd-tool [data-dkd-helpfulness-wrap][hidden]{display:none!important}
.dkd-tool .dkd-feasibility{font-size:12px;line-height:1.7;background:#f5f8ff;border-left:3px solid #5384cc;padding:10px 12px;border-radius:0 6px 6px 0;margin:8px 0;color:#243b5a}

/* v0.9 – assessment separation and logout-safe test mode */
.dkd-test-link-message{padding:12px 14px;background:#fff5e7;border:1px solid #f1b86c;border-radius:9px;color:#773d10;font-weight:700;line-height:1.55}
.dkd-feasibility{font-weight:650;line-height:1.65;padding:10px 12px;background:#f0f5ff;border-left:3px solid #5683dc;border-radius:4px}
.dkd-gap-warning{line-height:1.65}

/* v1.0: mission validity is distinct from gameplay recommendation. */
.dkd-tool .dkd-overall-warning{margin:12px 0;padding:12px 14px;border-left:4px solid #c16100;background:#fff7e7;color:#6f3900;font-weight:700;line-height:1.7;border-radius:6px}
.dkd-tool .dkd-tier-notice{margin:10px 0;padding:10px 12px;border-radius:6px;line-height:1.7;font-weight:700}
.dkd-tool .dkd-tier-notice-recommended{background:#e8f7f0;border:1px solid #82c3a7;color:#075a3f}
.dkd-tool .dkd-tier-notice-conditional{background:#eff5ff;border:1px solid #91adf4;color:#173c84}
.dkd-tool .dkd-tier-notice-avoid{background:#fff2e9;border:1px solid #e8a777;color:#853908}
.dkd-tool .dkd-tier-avoid{border-color:#d1b2a5!important}
.dkd-tool .dkd-tier-conditional{border-color:#8baef3!important}
.dkd-tool .dkd-improvement,.dkd-tool .dkd-swap{border-left:3px solid #4072d4;background:#f0f5ff;padding:11px 13px;line-height:1.75;border-radius:4px;margin:10px 0}
.dkd-tool .dkd-swap{border-left-color:#0e8a71;background:#edf8f4}

/* v1.1: compact evidence and five-axis rationale */
.dkd-tool .dkd-evidence{background:#f5f8fc;border-left:3px solid #7189b9;padding:8px 11px;line-height:1.75;color:#263a56;font-size:12px;margin:9px 0}.dkd-tool .dkd-evidence-links{font-size:12px;margin:8px 0 12px;overflow-wrap:anywhere}.dkd-tool .dkd-evidence-links a{color:#245ac4!important;text-decoration:underline}.dkd-tool .dkd-tier-notice{font-weight:700}
