/* Public banner and header icons only. */
.public-site .public-announcement-space{display:flex;flex-direction:row;gap:10px;min-height:44px;padding:0 max(12px,4vw);height:auto;background:#eee9dd;color:#213e72}
.public-site .announcement-stage{display:grid;flex:1;min-width:0;align-items:center;min-height:44px}
.public-site .announcement-message{grid-area:1/1;padding:9px 0;text-align:center;font:400 12px/1.5 Inter,sans-serif;animation:announcement-enter .55s ease both}
.public-site .announcement-message[hidden]{display:none}
.public-site .announcement-message a{display:inline;font:inherit;margin-left:14px;color:inherit;text-decoration:underline;text-underline-offset:4px}
.public-site :is(.announcement-arrow,.announcement-pause){appearance:none;flex:0 0 32px;width:32px;min-width:32px;height:36px;min-height:36px;padding:0;border:0;background:transparent;color:inherit;border-radius:50%;font:400 20px/1 Inter,sans-serif;cursor:pointer}
.public-site .announcement-pause{font-size:12px}
.public-site :is(.announcement-arrow,.announcement-pause):hover{background:#213e7210}
.public-site :is(.announcement-arrow,.announcement-pause):focus-visible{outline:2px solid #213e72;outline-offset:2px}
.home-immersive .public-header{top:var(--announcement-height,44px)}
.public-site.public-marketing .public-actions :is(.public-signin,.public-header-create){gap:8px}
.public-site .public-actions .public-action-icon{display:block;flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes announcement-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.public-site .public-announcement-space{gap:3px;padding:0 6px}.public-site .announcement-stage{min-height:64px}.public-site .announcement-message{font-size:11px;padding:8px 0}.public-site .announcement-message a{display:block;margin:2px 0 0}.public-site.public-marketing .public-actions :is(.public-signin,.public-header-create){gap:5px}.public-site .public-actions .public-action-icon{width:15px;height:15px;flex-basis:15px}}
@media(prefers-reduced-motion:reduce){.public-site .announcement-message{animation:none}}

/* Keep both header actions equal after adding their icons. */
.public-site.public-marketing .public-actions :is(.public-signin,.public-header-create){width:180px!important;min-width:180px!important;height:46px!important;white-space:nowrap;padding-inline:12px!important}
@media(max-width:850px){.public-site.public-marketing .public-actions :is(.public-signin,.public-header-create){width:140px!important;min-width:140px!important;height:54px!important;white-space:normal;padding-inline:7px!important}.public-site .public-actions .public-action-icon{width:15px!important;height:15px!important;flex-basis:15px}}
@media(max-width:370px){.public-site.public-marketing .public-actions :is(.public-signin,.public-header-create){width:128px!important;min-width:128px!important}}

/* Compact, centred navigation around the announcement, with no pause button. */
.public-site .public-announcement-space{justify-content:center;gap:10px;padding-inline:12px}
.public-site .announcement-stage{flex:0 1 680px;width:680px;max-width:calc(100% - 64px)}
.public-site .announcement-arrow{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 22px;width:22px;min-width:22px;height:28px;min-height:28px;font-size:16px;line-height:1;padding:0;transform:none;box-shadow:none}
@media(max-width:700px){.public-site .public-announcement-space{gap:6px;padding-inline:8px}.public-site .announcement-stage{max-width:calc(100% - 56px)}.public-site .announcement-arrow{font-size:15px}}

.public-site .announcement-message a{text-decoration-thickness:1px;text-decoration-color:currentColor;text-underline-offset:4px}
.public-site.public-marketing .button-primary>.public-action-icon{display:block;flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.public-site .announcement-arrow{margin:0!important}
.public-site .announcement-stage{flex:0 1 auto;width:auto}
.public-site.public-marketing .button-primary:has(>.public-action-icon){width:max-content!important;min-width:180px!important}
@media(max-width:850px){.public-site.public-marketing .public-actions .button-primary:has(>.public-action-icon){width:140px!important;min-width:140px!important}}
@media(max-width:370px){.public-site.public-marketing .public-actions .button-primary:has(>.public-action-icon){width:128px!important;min-width:128px!important}}