/* Looks the public site adds to the hub's Federal actions page (static/hub/css/federal.css, synced). Hand-written; the sync never touches it. */

/* The server-built catalogue (a crawler's and a no-script reader's page) goes away when the hub's script runs; flag.js sets data-audience on <html> then.
   The hub's app, which needs the script to fill its controls, stays hidden until it does. */
html[data-audience="public"] .hub-fed .ssr-only { display: none; }
html:not([data-audience="public"]) .hub-fed .hub-app { display: none; }

/* the hub's page header (title and sub-line) sits inside the page here, under the site's own bar; its title is a level-1 heading by role */
.hub-fed .hub-head { padding: 0 0 10px; margin: 0 0 14px; border-bottom: 1px solid var(--border); display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.hub-fed .hub-head .h1 { font-family: var(--font-display); font-weight: bold; font-size: 26px; line-height: 1.15; margin: 0; letter-spacing: .2px; }
.hub-fed .hub-head .sub { color: var(--muted); font-size: 12.5px; }
@media (max-width: 640px) { .hub-fed .hub-head .h1 { font-size: 22px; } }

/* a hearing's link is a pill like the hub's button, and a document chip that has no source address is plain text */
.hub-fed a.fh-watch { display: inline-flex; align-items: center; text-decoration: none; }
.hub-fed span.fd-open { cursor: default; }

.hub-fed .hub-credit { margin: 22px 0 0; padding-top: 12px; border-top: 1px solid var(--border); color: var(--faint); font-size: 11.5px; }

.hub-fed .fed-note { color: var(--faint); font-size: 10.5px; }