.design-record-context { max-width: 1500px; margin: 0 auto; padding: 28px 32px 48px; color: var(--text, #30373b); }
.dc-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.dc-header-actions { align-items: center; position: relative; }
.dc-header-actions .button.small { min-height: 32px; display: inline-flex; align-items: center; margin: 0; }
.dc-share { position: relative; }
.dc-share > summary { list-style: none; cursor: pointer; }
.dc-share > summary::-webkit-details-marker { display: none; }
.dc-share-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 280px; padding: 6px; display: grid; gap: 2px; background: var(--pv-surface, #fff); border: 1px solid var(--pv-line, #d9dfdc); border-radius: 12px; box-shadow: 0 12px 32px rgba(20, 40, 30, .14); }
.dc-share-menu button { display: grid; gap: 2px; text-align: left; padding: 8px 10px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; color: inherit; }
.dc-share-menu button:hover, .dc-share-menu button:focus-visible { background: var(--pv-accent-tint, #e7f1ec); outline: none; }
.dc-share-menu strong { font-size: 13px; font-weight: 600; }
.dc-share-menu small { font-size: 11.5px; color: var(--pv-muted, #6b7572); }
.dc-share-note { flex-basis: 100%; margin: 0; text-align: right; font-size: 12.5px; color: var(--pv-accent-ink, #1F6B4A); }
.dc-header h1 { font-size: 26px; font-weight: 600; letter-spacing: -.5px; margin: 9px 0; overflow-wrap: anywhere; }
.dc-header p { margin: 8px 0; }
.dc-goal { max-width: 900px; font-size: 14px; line-height: 1.5; color: #3f5b49; }
.dc-goal strong { margin-right: 8px; font-weight: 600; }
.dc-header [data-design-explore] { flex-shrink: 0; }
#design-record-context .ws-record-tabs button:hover,
#design-record-context .ws-record-tabs button[aria-pressed="true"] { color: var(--ui-selected-text, #304b3b); }
#journey.j-browser-layout .j-search-goal-controls #j-goal-summary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: normal; font-size: 12px; line-height: 1.5; color: #526959; }
.ws-design-context { border: 1px solid #d8e3d9; background: #f3f7f3; border-radius: 7px; padding: 12px 14px; margin-bottom: 16px; font-size: 12px; line-height: 1.5; }
.ws-design-context p { margin: 0 0 7px; color: #526959; font-weight: 600; }
.ws-design-context dl { display: grid; gap: 5px; margin: 0; }
.ws-design-context dl > div { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 10px; }
.ws-design-context dt { color: #6b7970; }
.ws-design-context dd { margin: 0; overflow-wrap: anywhere; }
#ws-create-form:has(.ws-design-context) textarea[name="hypothesis"] { min-height: 112px; }
#modal:has(.ws-design-context) { max-height: calc(100dvh - 48px); overflow: auto; }
.dc-context-note { background: #f1f5f1; border: 1px solid #d8e3d9; border-radius: 7px; padding: 12px 14px; font-size: 13px; line-height: 1.6; margin-bottom: 18px; }
.dc-structure-toolbar button[aria-pressed="true"] { background: #e4ebe4; border-color: #a8baab; color: #304b37; }
.dc-no-structure { margin: 12px 0 18px; }
.dc-structure-toolbar { display: flex; gap: 14px; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }
.dc-structure-toolbar .ws-field { width: min(100%, 340px); }
#dc-structure-viewer { position: relative; width: 100%; height: clamp(300px, calc(100dvh - 520px), 500px); border: 1px solid #e0e5e2; border-radius: 8px; background: #fff; margin: 14px 0; overflow: hidden; }
#dc-structure [data-design-structure-status] { overflow-wrap: anywhere; }
.design-record-context .ws-record-grid > * { min-width: 0; }
.design-record-context .ws-record-actions { flex-wrap: wrap; }
@media (max-width: 700px) {
 .design-record-context { padding: 20px 16px 32px; }
 .dc-header { flex-direction: column; }
 .dc-header h1 { font-size: 23px; }
 #dc-structure-viewer { height: 380px; }
 #dc-structure-viewer .j-molecular-label { display: none; }
}
.dc-share > summary.button.gold { background: var(--pv-accent, #1F6B4A); color: #fff; border-color: transparent; }
.dc-share > summary.button.gold:hover, .dc-share[open] > summary.button.gold { background: var(--pv-accent-ink, #17533a); color: #fff; }