.dnmp-explanation,.dnmp-explanation-guide{--dnmp-explain-border:color-mix(in srgb,var(--dnmp-managed-border,#3a3448) 78%,transparent);--dnmp-explain-surface:color-mix(in srgb,var(--dnmp-managed-surface,#181624) 94%,transparent);color:var(--dnmp-managed-text,#f7f0e5)}
.dnmp-explanation{margin:28px 0;padding:24px;border:1px solid var(--dnmp-explain-border);border-radius:var(--dnmp-managed-radius,20px);background:var(--dnmp-explain-surface)}
.dnmp-explanation__head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.dnmp-explanation__head h2{margin:4px 0 6px;font-size:clamp(1.35rem,2vw,1.9rem)}.dnmp-explanation__head p{max-width:780px;margin:0;color:var(--dnmp-managed-muted,#aaa2b8)}
.dnmp-explanation__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dnmp-explain-card{border:1px solid var(--dnmp-explain-border);border-radius:16px;background:color-mix(in srgb,var(--dnmp-managed-surface-alt,#211e2d) 82%,transparent);overflow:hidden}.dnmp-explain-card summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;cursor:pointer;padding:16px;min-height:68px}.dnmp-explain-card summary::-webkit-details-marker{display:none}.dnmp-explain-card summary>span{font-size:1.35rem}.dnmp-explain-card summary div{min-width:0}.dnmp-explain-card summary small,.dnmp-explain-card summary strong{display:block}.dnmp-explain-card summary small{color:var(--dnmp-managed-muted,#aaa2b8)}.dnmp-explain-card summary strong{margin-top:2px;overflow-wrap:anywhere}.dnmp-explain-current__time{margin-top:4px}.dnmp-explain-card summary>i{font-style:normal;font-size:1.25rem}.dnmp-explain-card[open] summary>i{transform:rotate(45deg)}.dnmp-explain-card__body{padding:0 16px 16px;border-top:1px solid var(--dnmp-explain-border)}.dnmp-explain-card__body p{margin:12px 0;color:var(--dnmp-managed-muted,#aaa2b8)}.dnmp-explain-card__body a,.dnmp-explain-guide-card a{font-weight:700}
.dnmp-explanation-provenance{margin-top:18px;padding:18px;border-radius:16px;border:1px dashed var(--dnmp-explain-border);background:color-mix(in srgb,var(--dnmp-managed-background,#0f0e18) 42%,transparent)}.dnmp-explanation-provenance>div:first-child p{margin:5px 0 14px;color:var(--dnmp-managed-muted,#aaa2b8)}.dnmp-explanation-provenance__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dnmp-explanation-provenance__grid span{padding:10px 12px;border-radius:12px;background:var(--dnmp-explain-surface);overflow-wrap:anywhere}.dnmp-explanation-provenance__grid b{display:block;font-size:.78rem;color:var(--dnmp-managed-muted,#aaa2b8);margin-bottom:3px}.dnmp-explanation-provenance>small{display:block;margin-top:12px;color:var(--dnmp-managed-muted,#aaa2b8)}
.dnmp-explanation-guide__actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.dnmp-explanation-guide__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dnmp-explain-guide-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px;border:1px solid var(--dnmp-explain-border);border-radius:18px;background:var(--dnmp-explain-surface)}.dnmp-explain-guide-card>span{font-size:1.6rem}.dnmp-explain-guide-card h2{margin:0 0 8px;font-size:1.2rem}.dnmp-explain-guide-card p{margin:8px 0;color:var(--dnmp-managed-muted,#aaa2b8)}.dnmp-explanation-boundary{margin-top:18px;padding:18px;border-left:4px solid var(--dnmp-portal-accent,#b71c1c);border-radius:12px;background:var(--dnmp-explain-surface)}.dnmp-explanation-boundary p{margin:6px 0 0;color:var(--dnmp-managed-muted,#aaa2b8)}
@media(max-width:760px){.dnmp-explanation{padding:16px}.dnmp-explanation__head{display:block}.dnmp-explanation__head .dnmp-button{margin-top:14px;width:100%;min-height:44px}.dnmp-explanation__grid,.dnmp-explanation-guide__grid,.dnmp-explanation-provenance__grid{grid-template-columns:1fr}.dnmp-explain-card summary{min-height:64px;padding:14px}.dnmp-explanation-guide__actions .dnmp-button{flex:1 1 100%;min-height:44px}.dnmp-explain-guide-card{padding:16px}.dnmp-explain-card__body a,.dnmp-explain-guide-card a{display:inline-flex;min-height:44px;align-items:center}}