/* Instanti wordmark, same as the logo on index.html: "Instant" + an accent italic "i".
 * Use exactly:  <a class="logo" href="index.html">Instant<i>i</i></a>   (same markup as index.html) */
.logo{font-family:"Instrument Serif","Times New Roman",Georgia,serif;font-size:28px;line-height:1;letter-spacing:-.01em;text-decoration:none;color:var(--cream,#f5effb);white-space:nowrap}
.logo i{color:#c084fc}
/* Top bar of the guest pages: logo left, language switch right */
.guest-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}

/* Page container: same as .wrap on index.html */
.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1120px;margin-left:auto;margin-right:auto}
/* Sticky top navigation: its content lines up with .wrap (the bar itself stays full width) */
nav{padding-left:max(16px,calc((100% - 1120px)/2 + 16px));padding-right:max(16px,calc((100% - 1120px)/2 + 16px))}
.guest-top{position:relative;z-index:2;padding-top:18px}
.guest-top .guest-bar{margin:0}