.journey-bar { background: #fffcf7; color: #171715; border-bottom: 1px solid #b8963e; padding: .6rem 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem; font-family: "Source Sans 3", system-ui, sans-serif; }
.journey-bar nav { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.journey-bar a { color: #34483a; text-decoration: underline; font-size: .9rem; padding: .25rem; }
.journey-bar a[aria-current] { font-weight: 700; }
.journey-bar a:focus-visible { outline: 2px solid #34483a; outline-offset: 3px; }
.draft-review { background: #faf6ee; color: #171715; border-left: 4px solid #b8963e; margin: 1rem; padding: .75rem; font: .95rem/1.5 system-ui, sans-serif; }

.journey-menu { position: relative; }
.journey-menu summary { cursor: pointer; padding: .25rem; font-weight: 600; }
.journey-menu[open] nav { margin-top: .65rem; max-width: 65rem; }
.journey-bar > nav { margin-left: auto; }
fieldset, .grid > *, .card-grid > *, .footer-grid > * { min-width: 0; }
html:not(.js-ready) .nav-toggle { display: none; }
@media (max-width: 900px) {
 html:not(.js-ready) .site-nav { display: block; position: static; width: 100%; }
 html:not(.js-ready) .site-nav .nav-sub { display: block; position: static; }
 .journey-bar { padding: .5rem; }
 .journey-menu[open] nav { flex-direction: column; align-items: flex-start; }
 .draft-review { margin: .75rem; }
}
/* Resource controls share the dark header's readable foreground. */
.site-header .nav-sub-toggle { color: #f7f1e6; }
.site-header .nav-sub-toggle:hover, .site-header .nav-sub-toggle[aria-expanded="true"] { color: #d4af37; }