/* The workshop uses the existing biography dialog and its native close/focus shell. */
#biographyModalOverlay.dbw-open .bio-modal-body { display:block; overflow-y:auto; overscroll-behavior:contain; padding:0; }
#biographyModalOverlay.dbw-open .bio-df-coach,
#biographyModalOverlay.dbw-open .bio-aperture,
#biographyModalOverlay.dbw-open [data-bio-df-coach] { display:none !important; }
.dbw-panel { --dbw-ink:#263c42; --dbw-muted:#52676b; --dbw-line:#cedbd8; --dbw-accent:#1f6158; box-sizing:border-box; width:100%; padding:clamp(18px,3vw,36px); color:var(--dbw-ink); background:#fafbf8; font-family:inherit; line-height:1.55; }
.dbw-panel *, .dbw-snapshots * { box-sizing:border-box; }
.dbw-panel h2, .dbw-panel h3, .dbw-panel h4, .dbw-panel p { margin:0 0 .75rem; color:inherit; }
.dbw-heading h2 { font-size:clamp(1.4rem,3vw,1.9rem); line-height:1.2; font-family:Georgia,serif; font-weight:500; }
.dbw-kicker { display:block; margin-bottom:.5rem; font-size:.73rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--dbw-accent); }
.dbw-heading p { max-width:70ch; }
.dbw-section-title { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:.5rem; }
.dbw-version { font-size:.8rem; color:var(--dbw-muted); border:1px solid var(--dbw-line); border-radius:99px; padding:.1rem .6rem; }
.dbw-current, .dbw-composer, .dbw-draft, .dbw-history { padding:1.2rem 0; border-top:1px solid var(--dbw-line); }
.dbw-current h3, .dbw-history h3, .dbw-draft h3 { font-size:1.05rem; }
.dbw-prose { white-space:pre-wrap; overflow-wrap:anywhere; font-family:Georgia,'Times New Roman',serif; font-size:1.04rem; line-height:1.72; }
.dbw-prose del { color:#7d3029; background:#fbe8e4; text-decoration-thickness:1px; }
.dbw-prose ins { color:#164e36; background:#ddf2df; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px; }
.dbw-comparison { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1.1rem; margin-bottom:1rem; }
.dbw-comparison > section { min-width:0; padding:1rem; border:1px solid var(--dbw-line); border-radius:.55rem; background:#fff; }
.dbw-comparison h4 { font-family:inherit; font-size:.8rem; color:var(--dbw-muted); }
.dbw-diff-key { font-size:.83rem; }.dbw-diff-key del { color:#7d3029; background:#fbe8e4; padding:.15rem .35rem; }.dbw-diff-key ins { color:#164e36; background:#ddf2df; padding:.15rem .35rem; margin-left:.5rem; }
.dbw-panel label { display:block; font-weight:650; margin-bottom:.45rem; }
.dbw-panel textarea, .dbw-panel select { display:block; width:100%; max-width:100%; padding:.8rem; border:1px solid #97afaa; border-radius:.45rem; color:var(--dbw-ink); background:#fff; font:inherit; font-size:16px; line-height:1.5; }
.dbw-panel textarea { min-height:110px; resize:vertical; }.dbw-panel select { margin-bottom:.75rem; }
.dbw-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; margin:.8rem 0; }
.dbw-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; min-width:44px; padding:.55rem .9rem; border:1px solid #7e9d96; border-radius:.45rem; background:#fff; color:#22564d; font:inherit; font-size:.9rem; font-weight:600; line-height:1.3; text-decoration:none; cursor:pointer; }
.dbw-button:hover:not(:disabled) { background:#eaf2ec; }.dbw-primary { background:var(--dbw-accent); border-color:var(--dbw-accent); color:#fff; }.dbw-primary:hover:not(:disabled) { background:#164b43; }
.dbw-button:disabled { opacity:.48; cursor:default; }.dbw-panel :focus-visible,.dbw-snapshots summary:focus-visible { outline:3px solid #b46b26; outline-offset:3px; }
.dbw-help { display:block; color:var(--dbw-muted); font-size:.83rem; line-height:1.5; }.dbw-actions .dbw-help { flex:1 1 220px; }
.dbw-status:empty { display:none; }.dbw-status:not(:empty),.dbw-error { border-radius:.4rem; padding:.75rem .9rem; margin:.8rem 0; font-size:.92rem; }.dbw-status:not(:empty) { background:#e9f2e9; border-left:3px solid var(--dbw-accent); }.dbw-error { background:#fff0e8; color:#793b20; border-left:3px solid #a75129; }
.dbw-refresh { text-align:right; margin:.4rem 0 1rem; }.dbw-refresh .dbw-button { min-height:36px; font-size:.8rem; }
.dbw-artifact { padding:1rem; border:1px solid var(--dbw-line); border-radius:.5rem; margin:.9rem 0; background:#fff; }.dbw-artifact audio { display:block; width:100%; margin:.8rem 0; }
.dbw-panel details { margin:.8rem 0; }.dbw-panel summary,.dbw-snapshots > summary { cursor:pointer; padding:.45rem 0; font-size:.9rem; font-weight:600; }.dbw-panel details p { font-size:.85rem; color:var(--dbw-muted); }.dbw-panel dl { font-size:.75rem; }.dbw-panel dd { margin:0 0 .5rem; overflow-wrap:anywhere; }.dbw-panel dt { font-weight:700; }.dbw-requests ul { padding-left:1.2rem; font-size:.83rem; }
.dbw-snapshots { padding:1rem clamp(18px,3vw,36px) 2rem; border-top:2px solid #cedbd8; background:#f0f3ef; color:#334c46; }
.dbw-snapshots .bio-modal-panes { display:block; padding:0; }.dbw-snapshots .bio-pane { max-height:none; overflow:visible; }.dbw-snapshots .bio-pane-body { max-height:none; overflow:visible; }
.dbw-snapshots .bio-df-dock,.dbw-snapshots .bio-pane-controls,.dbw-snapshots .bio-df-banner,.dbw-snapshots .bio-df-meta,.dbw-snapshots .bio-aperture,.dbw-snapshots [hidden] { display:none !important; }
.dbw-snapshots .bio-modal-tabs { position:static; margin:.5rem 0; }.dbw-snapshots .bio-modal-tab { min-height:44px; }.dbw-snapshots .bio-tab-published { display:none; }
@media(max-width:640px) { .dbw-comparison { grid-template-columns:minmax(0,1fr); }.dbw-panel { padding:18px 16px 24px; }.dbw-actions .dbw-button { flex:1 1 auto; }.dbw-heading h2 { font-size:1.45rem; }.dbw-prose { font-size:1rem; }.dbw-snapshots { padding:16px; }.dbw-history .dbw-actions { align-items:stretch; } }
@media(prefers-reduced-motion:reduce) { .dbw-panel *, .dbw-snapshots * { scroll-behavior:auto !important; } }
