/* The search page's Docs tab (static/js/pages/search_docs.js). The cards, buttons, badges and
   the prose are the portal's own classes (static/portal/css/app.css). The first block is the
   portal's role_detail.html inline <style> rules for its Docs tab (.set-lede, .docs-divider,
   .tk-phase), copied as written; the rest places the sourcing additions inside those cards.
   Every rule under html.ui-new. */

/* As written in the portal's role_detail.html (Docs + Settings inline styles). */
html.ui-new .psd .set-card .set-lede { margin: 0 0 var(--space-3); color: var(--ink-500);
  font-size: var(--text-sm); max-width: 70ch; }
html.ui-new .psd .docs-divider { margin: var(--space-5) 0 var(--space-2); font-size: 12px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--ink-500); }

/* The brief card. */
html.ui-new .psd { max-width: 980px; }
html.ui-new .psd .eyebrow { margin-bottom: var(--space-2); }
html.ui-new .psd .psd-band { margin: 0 0 var(--space-3); font-size: var(--text-sm); color: var(--ink-700); }
html.ui-new .psd .psd-prose { max-width: 76ch; }
html.ui-new .psd .psd-prose h4 { margin: var(--space-3) 0 var(--space-1); font-size: var(--text-md); }
html.ui-new .psd .psd-prose ul { margin: var(--space-1) 0 var(--space-2); padding-left: 1.2em; }
html.ui-new .psd .psd-acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: var(--space-3); }
html.ui-new .psd .psd-state { margin: var(--space-3) 0 0; font-size: var(--text-sm); color: var(--ink-600); }
html.ui-new .psd .psd-flags { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--paper-200); }
html.ui-new .psd .psd-flag { padding: 8px 0; font-size: var(--text-sm); }
html.ui-new .psd .psd-flag p { margin: 0 0 2px; }
html.ui-new .psd .psd-flagform { margin: var(--space-3) 0 0; }
html.ui-new .psd .psd-flagform .lbl { display: block; font-size: var(--text-sm); font-weight: var(--fw-semibold); margin-bottom: 6px; }
html.ui-new .psd .psd-err { color: #B3261E; font-size: var(--text-sm); min-height: 1.1em; margin: 6px 0 0; }
html.ui-new .psd .psd-link { margin: var(--space-4) 0 0; padding-top: var(--space-3); border-top: 1px solid var(--paper-200); }
html.ui-new .psd .psd-link:empty { display: none; }