.kdj-widget{padding:24px;border:1px solid var(--line,#63465e);border-radius:20px;background:var(--surface,#21182b);margin:24px 0;overflow-wrap:anywhere}
.kdj-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.kdj-head h2{margin:3px 0 15px;text-align:left;font:600 23px/1.6 var(--serif)}.kdj-eyebrow{color:var(--text-soft);font-size:13px}.kdj-widget a{color:var(--gold-light,#ead09b)}
.kdj-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.8;font-size:16px}.kdj-consent input{width:20px;height:20px;accent-color:#d6b477;margin-top:5px;flex-shrink:0}.kdj-consent small{font-size:13px;color:var(--text-soft)}
.kdj-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.kdj-controls>div{display:flex;gap:6px}.kdj-widget button{font:inherit;font-size:14px;border:1px solid #796486;border-radius:20px;background:#2c2037;color:#efdfc1;padding:8px 14px;cursor:pointer}.kdj-widget button:hover{border-color:#d6b477}.kdj-widget button:focus-visible,.kdj-widget textarea:focus-visible{outline:3px solid #d6b477;outline-offset:3px}.kdj-widget button[aria-pressed=true],.kdj-widget [data-save-note]{background:#d4b177;color:#241728;border-color:#d4b177}.kdj-widget button:disabled{opacity:.5;cursor:default}
.kdj-entry{display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;padding:22px 0;border-top:1px solid var(--line,#604761)}.kdj-entry img{width:68px;height:119px;border-radius:7px;object-fit:cover}.kdj-entry h3{margin:3px 0;font-size:18px}.kdj-entry p{margin:0 0 8px;line-height:1.8}.kdj-date,.kdj-question{color:var(--text-soft);font-size:13px}.kdj-entry label{display:block;font-size:13px;margin:10px 0 5px}.kdj-entry textarea{width:100%;box-sizing:border-box;padding:12px;border-radius:10px;background:#181320;color:var(--text,#ece3f3);border:1px solid #796486;font:16px/1.7 var(--sans);resize:vertical;min-height:90px}.kdj-entry-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.kdj-status{min-height:1.5em;font-size:14px;color:#ead09b;line-height:1.8}.kdj-empty{padding:18px 0;line-height:1.9;color:var(--text-soft)}.kdj-foot{font-size:12px;line-height:1.8;color:var(--text-soft);margin-top:12px}.kdj-guide{max-width:850px;margin:0 auto;padding:24px 18px 44px}.kdj-guide h1{font:600 clamp(28px,5vw,40px)/1.5 var(--serif);color:var(--gold-light);margin:18px 0}.kdj-guide p,.kdj-guide li{font-size:16px;line-height:1.95}.kdj-guide h2{font:600 24px/1.6 var(--serif);margin:28px 0 12px}.kdj-guide h3{font-size:18px;margin:18px 0 8px}.kdj-guide a{color:var(--gold-light)}.kdj-guide ul,.kdj-guide ol{padding-left:24px}.kdj-guide details{padding:15px 0;border-bottom:1px solid var(--line)}.kdj-guide summary{cursor:pointer;color:var(--gold-light)}.kdj-example{padding:18px 22px;border-left:3px solid #d6b477;background:#2c2037;border-radius:0 14px 14px 0}.kdj-guide-nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.kdj-guide-nav a{padding:9px 15px;border:1px solid #796486;border-radius:22px;text-decoration:none}.kdj-activity{border-left:3px solid #d6b477;background:#302139;padding:14px 17px;border-radius:0 12px 12px 0;line-height:1.85}.kdj-activity strong{display:block;color:#ead09b;margin-bottom:4px}
@media(max-width:550px){.kdj-widget{padding:18px 14px}.kdj-entry{grid-template-columns:48px minmax(0,1fr);gap:12px}.kdj-entry img{width:48px;height:84px}.kdj-head h2{font-size:22px}.kdj-controls button{padding:8px 11px}.kdj-guide{padding-left:14px;padding-right:14px}}
.kdj-related{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.kdj-related a{border:1px solid rgba(201,168,76,.25);border-radius:999px;padding:8px 13px;color:var(--text-soft,#ddd);font-size:14px;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.kdj-related a:hover{border-color:var(--gold,#c9a84c);color:var(--gold,#c9a84c)}.kdj-related a:focus-visible{outline:2px solid var(--gold,#c9a84c);outline-offset:3px}.kdj-activity p{margin:5px 0 0}