.assessment-category-open { flex: 0 0 auto; align-self: flex-start; min-height: 42px; white-space: nowrap; }
.assessment-category-dialog { width: min(860px, calc(100vw - 48px)); max-width: none; max-height: calc(100dvh - 64px); margin: auto; padding: 0; border: 1px solid var(--line-strong); border-radius: 24px; background: var(--paper); color: var(--ink); box-shadow: 0 24px 100px rgba(0, 0, 0, .4); overflow: auto; }
.assessment-category-dialog::backdrop { background: rgba(6, 12, 22, .58); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.assessment-category-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 28px 28px 20px; border-bottom: 1px solid var(--line); }
.assessment-category-dialog-head h2 { margin: 5px 0 0; font-size: clamp(1.3rem, 2.5vw, 1.8rem); line-height: 1.25; }
.assessment-category-close { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; padding: 8px; border: 1px solid var(--ghost-border); border-radius: 50%; background: var(--ghost-bg); color: var(--ghost-text); box-shadow: none; }
.assessment-category-close svg { width: 20px; height: 20px; }
.assessment-category-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 24px 28px 28px; }
.assessment-category-choice { display: flex; align-items: center; gap: 14px; min-width: 0; min-height: 82px; padding: 16px; border: 1px solid var(--theme-control-border); border-radius: 16px; background: var(--theme-control-bg); color: var(--theme-control-text); text-align: left; box-shadow: none; }
.assessment-category-choice strong { font-size: .88rem; line-height: 1.4; overflow-wrap: anywhere; }
.assessment-category-number { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 11px; background: var(--badge-bg); color: var(--badge-text); font-size: .82rem; font-weight: 800; }
.assessment-category-choice:hover, .assessment-category-choice.is-current { border-color: var(--gold); background: var(--theme-control-active-bg); }
.assessment-category-choice.is-current .assessment-category-number { background: var(--button-bg); color: var(--button-text); }
.assessment-category-choice:focus-visible, .assessment-category-close:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
body:has(#assessmentCategoryDialog[open]) { overflow: hidden; }
@media (max-width: 600px) { .assessment-category-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 32px); border-radius: 20px; } .assessment-category-dialog-head { padding: 22px 18px 18px; } .assessment-category-choices { grid-template-columns: minmax(0, 1fr); padding: 18px; gap: 10px; } .assessment-category-choice { min-height: 68px; padding: 12px 14px; } }