.micro-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;margin:1rem 0;border:1px solid var(--border,#d9e4e8);border-radius:1rem;background:var(--card,#fff)}
.micro-summary>div{flex:1 1 18rem;min-width:0}.micro-summary p{margin:.35rem 0;font-size:.9rem}.micro-summary small{flex-basis:100%;overflow-wrap:anywhere;color:var(--muted,#52606b)}
.micro-workspace{min-width:0}.micro-workspace h3,.micro-workspace p,.micro-workspace details{overflow-wrap:anywhere}.micro-workspace pre{max-width:100%;overflow-x:auto;padding:.75rem;background:#eef4f6;border-radius:.5rem}
.micro-workspace .actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.micro-workspace .btn{min-height:44px;white-space:normal}.micro-workspace details{margin:1rem 0;padding:.75rem;border:1px solid var(--border,#d9e4e8);border-radius:.6rem}.micro-workspace summary{cursor:pointer;min-height:44px;display:list-item;padding:.5rem}
.micro-workspace select{display:block;max-width:100%;width:100%;min-width:0;min-height:44px;margin:.35rem 0 1rem}.micro-evidence>details{padding:.75rem;border:1px solid var(--border,#d9e4e8);border-radius:.6rem;margin:.75rem 0}.micro-evidence summary{cursor:pointer;min-height:44px;overflow-wrap:anywhere}.micro-evidence pre{max-width:100%;overflow:auto}
@media(max-width:430px){.micro-summary>.btn{width:100%}.micro-workspace .actions>.btn{flex:1 1 100%}}
/* WebKit otherwise propagates a long native option's width to the whole dialog.
   The complete selected question is repeated immediately below this selector. */
.micro-workspace select{appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.65rem 2rem .65rem .65rem;border:1px solid #aabcc7;border-radius:.5rem;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#17324d 50%),linear-gradient(135deg,#17324d 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;color:#17324d;font:inherit}