/* Area stylesheet owned by b5. Layout only; components come from components.css. */
.b5-note { margin: 0 0 var(--space-4); padding: var(--space-3) var(--space-4); background: var(--info-soft); font-size: 14px; }
.b5-muted { margin: 0; color: var(--ink-muted); font-size: 14px; line-height: 20px; }
.b5-checklist { display: flex; flex-direction: column; border: 1px solid var(--line); }
.b5-check { border-top: 1px solid var(--line); background: var(--surface-raised); }
.b5-check:first-child { border-top: 0; }
.b5-check .jm-check { border: 0; }
.b5-check-form { display: grid; grid-template-columns: 220px 1fr; gap: var(--space-3); padding: 0 var(--space-4) var(--space-4); }
.b5-conclusion { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.b5-textarea { height: auto; min-height: 160px; padding: var(--space-2) var(--space-3); resize: vertical; line-height: 1.45; }
.b5-downloads { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.b5-preview { margin: var(--space-3) 0 var(--space-4); border: 1px solid var(--line); background: #edeeef; }
.b5-preview iframe { display: block; width: 100%; height: 720px; border: 0; }
.b5-finalize { display: flex; flex-direction: column; gap: var(--space-3); }
.b5-status { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.b5-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.b5-actions form { margin: 0; }
@media (max-width: 1023px) {
  .b5-check-form, .b5-conclusion { grid-template-columns: 1fr; }
  .b5-preview iframe { height: 560px; }
}