/* Styles for /progress. A linked file, not an Astro <style>: Astro inlines small
   stylesheets as <style> tags, and the CSP in _headers (style-src 'self') blocks those. */
.pb-card { border: 1px solid color-mix(in srgb, var(--color-gold) 35%, transparent); border-radius: 0.75rem; padding: 1.25rem; background: var(--color-paper); }
.pb-bar { height: 0.4rem; border-radius: 999px; background: color-mix(in srgb, var(--color-ink-faint) 30%, transparent); overflow: hidden; }
.pb-bar > span { display: block; height: 100%; background: var(--color-gold); }
.pb-pill { display: inline-block; font-size: 0.65rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.1rem 0.5rem; border-radius: 999px; border: 1px solid currentColor; }
.pb-s-done { color: #6f9a5b; }
.pb-s-in_progress, .pb-s-working { color: var(--color-gold-deep); }
.pb-s-blocked { color: #b5563f; }
.pb-s-todo, .pb-s-waiting, .pb-s-skipped { color: var(--color-ink-faint); }
.pb-task { margin-top: 0.75rem; }
.pb-task > summary { cursor: pointer; list-style: none; display: flex; gap: 0.5rem; align-items: baseline; }
.pb-task > summary::-webkit-details-marker { display: none; }
.pb-sub { margin: 0.35rem 0 0 1.4rem; font-size: 0.85rem; color: var(--color-ink-soft); }
.pb-sub li { display: flex; gap: 0.5rem; align-items: baseline; margin: 0.15rem 0; }
.pb-mark { width: 1rem; flex: none; text-align: center; }
.pb-list { font-size: 0.8rem; color: var(--color-ink-soft); margin: 0.25rem 0 0 1rem; list-style: disc; }
.pb-questions { border-color: var(--color-gold); }
.pb-qlist { list-style: none; margin: 0; padding: 0; }
.pb-q { display: flex; gap: 0.75rem; align-items: baseline; padding: 0.45rem 0; border-top: 1px solid color-mix(in srgb, var(--color-ink-faint) 25%, transparent); font-size: 0.9rem; color: var(--color-ink-soft); }
.pb-q-id { flex: none; font-size: 0.7rem; letter-spacing: 0.06em; color: var(--color-gold-deep); min-width: 3.2rem; }