.design-prompt { padding: 24px; margin-block: 24px; background: var(--paper-2); overflow-wrap: anywhere; }
.design-prompt p:first-child { margin-top: 0; }
.design-prompt button { min-height: 44px; padding: 10px 16px; font: inherit; color: var(--accent); background: var(--paper); border: 1px solid var(--rule); cursor: pointer; }
.design-prompt button:hover { background: var(--accent-soft); }
.design-prompt button:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.design-prompt button:disabled { cursor: wait; }
#design-copy-status { font-size: .9375rem; margin-bottom: 0; }
#design-copy-status:empty { display: none; }
@media (max-width: 600px) { .design-prompt { padding: 16px; } }
.design-category-links { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-block: 24px; }
.design-category-links a { min-height: 44px; display: inline-flex; align-items: center; }
.design-category { border-top: 1px solid var(--rule); padding-block: 16px; scroll-margin-top: 24px; }
.design-category > summary { font-weight: 500; font-size: 1.25rem; cursor: pointer; padding-block: 8px; }
.design-checklist { margin-block: 8px; padding-block: 8px; border-top: 1px solid var(--rule); }
.design-checklist > summary { cursor: pointer; padding-block: 8px; }
.design-catalog summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.design-checklist-body { overflow-wrap: anywhere; }