/* One compact native header shared across Responsible Now and Workshops. */
.rn-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:80px;margin:0;padding:12px 5%;box-sizing:border-box;z-index:100;color:#351139;font:600 14px/1.5 Onest,Arial,sans-serif}.rn-header.rn-header-home{position:absolute;inset:0 0 auto;min-height:80px;background:transparent}.rn-header *{box-sizing:border-box}.rn-header{gap:8px}.rn-header .rn-brand{flex:none;display:inline-block;margin:0;padding:8px 0;color:#351139;font:800 clamp(17px,1.8vw,20px)/1.1 Onest,Arial,sans-serif;letter-spacing:-.025em;white-space:nowrap;text-decoration:none}.rn-header .rn-brand-dot{color:#bd3428}.rn-header-home .rn-brand{color:#fff8f1}.rn-header-home .rn-brand-dot{color:#ff8a78}.rn-header .rn-menu{margin-left:auto}.rn-header .rn-language{margin-left:4px}.rn-header details{position:relative;margin:0;padding:0;border:0}.rn-header summary{position:relative;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:6px;cursor:pointer;list-style:none;background:transparent;color:#fff8f1;font:600 11px/1 Onest,Arial,sans-serif;letter-spacing:.025em}.rn-header summary::-webkit-details-marker{display:none}.rn-header summary::before{content:'';position:absolute;inset:5px;border-radius:7px 5px 8px 6px;background:#351139}.rn-header summary:hover::before{background:#462044}.rn-header summary>span,.rn-header summary>svg{position:relative;z-index:1}.rn-header summary svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.rn-header .rn-icon-close{display:none}.rn-header .rn-menu[open] .rn-icon-open{display:none}.rn-header .rn-menu[open] .rn-icon-close{display:block}.rn-header .rn-main-navigation,.rn-header .rn-language-options{position:absolute;top:50px;display:flex;flex-direction:column;gap:0;width:max-content;max-width:144px;max-height:calc(100svh - 90px);overflow-y:auto;margin:0;padding:4px 8px;border:0;border-radius:9px 6px 10px 7px;background:rgba(255,234,223,.94) url('/assets/menu-paper.png');color:#351139;box-shadow:0 7px 20px #17091d26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 14px/1.5 Onest,Arial,sans-serif;text-align:left}.rn-header .rn-main-navigation{right:0;min-width:112px}.rn-header .rn-language-options{left:0;min-width:112px;max-width:160px}.rn-header nav a,.rn-header .rn-language-options a{display:block;width:100%;min-height:44px;margin:0;padding:11px 4px;border:0;color:#351139;text-decoration:none;font:500 13px/1.5 Onest,Arial,sans-serif;letter-spacing:normal;overflow-wrap:anywhere}.rn-header a[aria-current]{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}.rn-header a:hover{background:#e9deed;text-decoration:underline}.rn-header :focus-visible{outline:3px solid #5c3797;outline-offset:3px}.rn-header-home summary:focus-visible{outline-color:#ffd2b8}.rn-language-unavailable{display:block;padding:10px 4px;font-size:13px;line-height:1.5;color:#684463}.rn-language-unavailable small{display:block;max-width:16ch;font-size:11px;font-weight:400}.rn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:360px){.rn-header .rn-main-navigation{width:100px;min-width:100px;right:-4px}}@media(prefers-contrast:more){.rn-header .rn-main-navigation,.rn-header .rn-language-options{background-color:#ffeadf;backdrop-filter:none}}@media(forced-colors:active){.rn-header summary::before{background:ButtonFace;border:1px solid ButtonText}.rn-header summary{color:ButtonText}.rn-header .rn-main-navigation,.rn-header .rn-language-options{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}}

/* A visible red baseline dot makes the wordmark read as the domain at small sizes. */
.rn-header .rn-brand-dot{display:inline-block;width:5px;height:5px;margin-inline:1px;border-radius:50%;background:#bd3428;font-size:0;vertical-align:baseline}.rn-header-home .rn-brand-dot{background:#ff8a78}

.rn-header .rn-brand{display:inline-flex;align-items:baseline;min-height:44px;padding:12px 0}

/* Requested centred separator and a modest breathing space before now. */
.rn-header .rn-brand-dot{position:relative;transform:none;margin-left:5px;margin-right:5px;font-size:0;color:transparent}

.rn-header .rn-brand{align-items:center}

/* The existing compact Menu remains reachable at any scroll position. */
.rn-header .rn-menu{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(5%,calc(env(safe-area-inset-right) + 12px));z-index:120;margin:0}
.rn-header .rn-menu .rn-main-navigation{right:0;max-height:calc(100svh - max(18px,env(safe-area-inset-top)) - 76px - env(safe-area-inset-bottom));overscroll-behavior:contain}
.rn-header .rn-menu summary{box-shadow:0 3px 12px #35113916}
