/* 选型、弹窗和草稿的行为样式共用品牌变量。 */
html.dialog-open { overflow: hidden; }
body.modal-open { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; }
dialog { overscroll-behavior: contain; overflow: auto; }
.garment-detail { scrollbar-gutter: stable; }
.journey-primary, .draft-tools button, .draft-confirm button { font: inherit; cursor: pointer; min-height: 44px; padding: 11px 18px; border: 1px solid var(--line); border-radius: var(--radius); font-size: 14px; line-height: 1.6; }
.journey-primary { display: inline-flex; align-items: center; background: var(--blue); color: #fff; border-color: var(--blue); text-decoration: none; }
.draft-tools button, .draft-confirm button { background: #f3f6fc; color: var(--blue); }
.body-journey-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.journey-primary:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
#process-brief { scroll-margin-top: 20px; }
.page-intro .brief-quick-link { margin-top: 24px; }
.draft-tools { border-block: 1px solid var(--line); padding: 16px 0; margin: 22px 0; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.draft-tools p { font-size: 13px; line-height: 1.8; color: var(--muted); margin: 0; width: 100%; }
.draft-tools button { font-size: 13px; padding: 8px 14px; }
.draft-tools button:disabled { opacity: .45; cursor: default; }
.draft-confirm { background: #fff5ea; border: 1px solid #f0d6b9; border-radius: var(--radius); padding: 16px; margin-bottom: 20px; }
.draft-confirm p { font-size: 14px; line-height: 1.8; }
.draft-confirm button { margin-right: 8px; }
@media (max-width: 800px) { .body-journey-actions > * { flex: 1; justify-content: center; text-align: center; } .draft-tools { margin-top: 18px; } }