.usability-study { border: 1px solid var(--line, #284250); border-radius: 12px; padding: 12px 16px; margin: 16px 0; color: var(--text, #d9e8ed); background: var(--panel, #091723); font-size: 13px; }
.usability-study summary { cursor: pointer; font-weight: 650; }
.usability-study section { margin-top: 12px; }
.usability-study p { line-height: 1.6; overflow-wrap: anywhere; }
.usability-study label { display: flex; align-items: flex-start; gap: 9px; margin: 12px 0; }
.usability-study form label { flex-direction: column; }
.usability-study input[type=checkbox] { flex: 0 0 auto; margin: 3px 0; }
.usability-study select, .usability-study textarea { box-sizing: border-box; width: 100%; font: inherit; padding: 9px; border: 1px solid #416077; border-radius: 6px; background: #0c1e2c; color: #e5eef5; }
.usability-study button { font: inherit; padding: 9px 12px; margin: 4px 0; border: 1px solid #45677c; border-radius: 6px; background: #102c3b; color: #e5eef5; cursor: pointer; }
.usability-study button:disabled { opacity: .55; cursor: default; }
.usability-study :focus-visible { outline: 2px solid #ffb36c; outline-offset: 3px; }
.usability-study dl { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.usability-study dd { margin: 0; text-align: right; }
.usability-study ul { padding-left: 20px; max-height: 200px; overflow: auto; line-height: 1.6; }
.usability-study [hidden] { display: none; }
.usability-study .usability-warning { color: #ffc389; }

#usability-mount { padding: 0 clamp(12px, 3vw, 38px); background: #06101a; }
#usability-mount .usability-study { margin: 0; border-radius: 0 0 10px 10px; }
#creation-timings .creation-progress { margin: 8px 0 14px; font-size: 12px; }
.creation-progress dl { display: grid; gap: 8px; }
.creation-progress dd { margin: 0 0 8px; color: #ffb674; font-variant-numeric: tabular-nums; }
.creation-progress p { line-height: 1.55; color: #adc5d5; }
.design-findings { margin: 10px 20px; padding: 12px 16px; border: 1px solid #9c693e; border-radius: 8px; background: #1a1a20; font-size: 13px; max-height: 28vh; overflow: auto; }
.design-findings h3 { margin: 0 0 7px; font-size: 14px; color: #ffc38e; }
.design-findings li, .design-findings p { margin: 5px 0; line-height: 1.55; overflow-wrap: anywhere; }
.design-findings small { color: #bac9d0; }
.design-findings details summary { cursor: pointer; padding: 7px 0; }
.design-findings[hidden] { display: none; }
.product-brain .brain-targets { padding: 8px 12px; border-left: 2px solid #66cbff; overflow-wrap: anywhere; }
@media (max-width: 650px) { .design-findings { margin: 8px; } }