.explanation-dialog{box-sizing:border-box;width:min(820px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:90dvh;padding:0;border:1px solid var(--border,#6f8d9a);border-radius:14px;background:var(--surface,#102934);color:var(--text,#fff)}.explanation-dialog[open]{display:flex;flex-direction:column}.explanation-dialog::backdrop{background:#071a22c9}.explanation-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 18px;border-bottom:1px solid #829ba5}.explanation-header h2{margin:0;font-size:1.3rem}.explanation-header button{flex:0 0 44px;width:44px;height:44px;font-size:1.7rem;cursor:pointer}.explanation-body{padding:16px 20px;overflow:auto;overscroll-behavior:contain;min-height:0;overflow-wrap:anywhere}.explanation-body .container{width:auto;max-width:100%;padding:0}.explanation-body img{max-width:100%;height:auto}.explanation-body .faq-hero{padding:0}.explanation-score{font-weight:bold}.explanation-dialog button:focus-visible,.explanation-dialog a:focus-visible{outline:3px solid #f4a656;outline-offset:3px}@media(max-width:600px){.explanation-dialog{width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:94dvh}.explanation-body{padding:12px}.explanation-header{padding:8px 12px}}

html.explanation-open{overflow:hidden}.archive-status[href]{text-decoration:none}

.badge-guide .storage-table{overflow-x:auto}.badge-guide table{width:100%;border-collapse:collapse}.badge-guide th,.badge-guide td{padding:.7rem;text-align:left;border-bottom:1px solid currentColor}