/* The shell every Alternative Dublin tool wears (19 October 2026), built from the Event Guide's chrome:
   a dark masthead with the brand, the tool's name and a switcher to the others, then the tool's own
   workspace on one ground. The values are the ui tokens in packages/ad-tape/src/ad-tokens.json; the
   fallbacks here are the same numbers, for a page that hasn't set the --ad-ui-* properties. */
.ad-masthead { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 18px; min-height: var(--ad-ui-masthead, 64px); padding: 0 20px; background: var(--ad-ui-chrome, #101010); color: var(--ad-ui-chrome-ink, #f0f0f0); border-bottom: 1px solid #2a2a2a; font-family: 'Barlow GX Normal', Barlow, Arial, sans-serif; font-size: var(--ad-ui-ui-size, 14px); }
.ad-masthead a { color: inherit; text-decoration: none; }
.ad-masthead__home { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.ad-masthead__mark { display: inline-block; font-family: 'Barlow GX Condensed', 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 13px; line-height: 1; letter-spacing: .04em; text-transform: uppercase; color: #101010; background: var(--ad-ui-action, #ffed1f); padding: 5px 7px 4px; clip-path: polygon(0 0, 100% 0, 97% 100%, 1% 100%); }
.ad-masthead__tools { font-family: 'Barlow GX Condensed', 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: .06em; text-transform: uppercase; color: var(--ad-ui-chrome-muted, #c2c2c2); }
.ad-masthead__switch { display: flex; align-items: center; gap: 2px; flex: 0 1 auto; min-width: 120px; overflow-x: auto; scrollbar-width: none; }
.ad-masthead__switch a { font-family: 'Barlow GX Condensed', 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; color: var(--ad-ui-chrome-muted, #c2c2c2); padding: 8px 10px; border-radius: var(--ad-ui-radius, 6px); white-space: nowrap; }
.ad-masthead__switch a:hover { color: var(--ad-ui-chrome-ink, #f0f0f0); background: #1f1f1f; }
.ad-masthead__switch a[aria-current="page"] { color: #101010; background: var(--ad-ui-action, #ffed1f); }
.ad-masthead__tool { flex: 1 1 180px; min-width: 180px; display: flex; align-items: center; gap: 14px; }
.ad-masthead__note { margin: 0; color: var(--ad-ui-chrome-muted, #c2c2c2); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ad-masthead__actions { display: flex; align-items: center; gap: 4px; flex-shrink: 0; margin-left: auto; }
.ad-masthead h1.visually-hidden, .ad-masthead .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* A crowded masthead (Guide Studio's six actions at a laptop width): the switcher never clips, the
   quiet actions keep their icon and drop their word (the title shows it on hover), the tool's own
   middle gives first. */
@media (min-width: 901px) { .ad-masthead__switch { flex-shrink: 0; } .ad-masthead__tool { min-width: 0; } }
@media (min-width: 901px) and (max-width: 1500px) { .ad-masthead__actions .ad-btn--quiet:not(.ad-btn--icon) { font-size: 0; gap: 0; padding: 0 9px; } }
@media (max-width: 900px) { .ad-masthead { flex-wrap: wrap; gap: 8px 12px; padding: 8px 14px; } .ad-masthead__tool { order: 3; flex-basis: 100%; } .ad-masthead__tools { display: none; } }
@media (max-width: 600px) { .ad-masthead__switch { order: 4; flex-basis: 100%; } .ad-masthead__actions { flex-basis: 100%; margin-left: 0; overflow-x: auto; scrollbar-width: none; } }
@media (prefers-reduced-motion: no-preference) { .ad-masthead__switch a { transition: background .15s, color .15s; } }