.dx{display:grid;grid-template-columns:250px 1fr;gap:24px;max-width:1180px;margin:0 auto;padding:18px}
.dx-side{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto}
#dx-q{width:100%;padding:10px 12px;border-radius:10px;background:#0b110e;color:#eafff3;border:1px solid #2a332e;margin-bottom:8px;box-sizing:border-box}
#dx-r a{display:block;padding:8px;border:1px solid #1f3a2c;border-radius:10px;margin-bottom:6px;color:#eafff3;text-decoration:none;font-size:13px}#dx-r a small{display:block;color:#9fb1a5}#dx-r mark{background:#00e67633;color:#fff}
.dx-nav{display:flex;flex-direction:column;gap:2px}.dx-nav a{padding:7px 10px;border-radius:8px;color:#cfe1d6;text-decoration:none;font-size:14px}.dx-nav a:hover{background:#0f1a15}.dx-nav a.on{background:#0f2a1c;color:#00ff88;font-weight:700}
.dx-main{min-width:0;background:linear-gradient(160deg,#0b1410cc,#060c09cc);border:1px solid #1b2620;border-radius:18px;padding:24px 28px;line-height:1.6}
.dx-main h1{margin:4px 0 6px}.dx-main h2{margin:26px 0 8px;font-size:20px}.dx-lead{font-size:17px;color:#cfe1d6}.dx-crumb{font-size:12px;color:#9fb1a5}.dx-crumb a{color:#00e676}
.dx-main a{color:#00e676}.dx-like{border-left:4px solid #ffd23c;background:#1a1608;padding:10px 14px;border-radius:8px;margin:12px 0}
.dx-steps{padding-left:22px}.dx-steps li{margin:6px 0}.dx-tw{overflow-x:auto}.dx-t{border-collapse:collapse;width:100%;font-size:14px;margin:8px 0}.dx-t th,.dx-t td{border-bottom:1px solid #1b2620;padding:8px;text-align:left;vertical-align:top}.dx-t th{color:#9fb1a5;font-weight:600}
.dx-ex{margin-top:26px;font-size:12px;color:#ffd23c;border:1px dashed #5a4a14;border-radius:8px;padding:6px 10px;display:inline-block}
.dx-note{background:#101a26;border:1px solid #1d3550;border-radius:8px;padding:10px 12px}
.dx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.dx-cards a{display:block;border:1px solid #1f3a2c;border-radius:12px;padding:12px;text-decoration:none;color:#eafff3}.dx-cards a:hover{border-color:#00e676}.dx-cards span{display:block;font-size:13px;color:#9fb1a5}
.dx-q{border:1px solid #1b2620;border-radius:10px;padding:8px 12px;margin:8px 0}.dx-q summary{cursor:pointer;font-weight:600}
.dx-foot{margin-top:28px;font-size:12px;color:#9fb1a5;border-top:1px solid #1b2620;padding-top:12px}
@media(max-width:820px){.dx{grid-template-columns:1fr;padding:10px}.dx-side{position:static;max-height:none}.dx-nav{flex-direction:row;flex-wrap:wrap}.dx-main{padding:16px}}