/* Rogério Bié · v2.0 · the dark-green header and the sans menu, for pages that do not load v20.css (cases, game). */
:root{--f-poster:"Archivo","Inter Tight","Helvetica Neue",Arial,sans-serif}
/* ---------- header: dark green, name and menus in a different colour ---------- */
.x-top{background:var(--x-forest);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(242,247,230,.14);color:#F2F7E6}
.x-top.scrolled,.x-top.x-always{border-bottom-color:rgba(242,247,230,.22)}
.x-mark{color:var(--x-lime);font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:24px;letter-spacing:-.025em;text-transform:none}
.x-top.x-hide-mark:not(.scrolled) .x-mark{opacity:1;transform:none;pointer-events:auto}
.x-nav a{color:rgba(242,247,230,.85);font-family:"Inter Tight",Arial,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase}
.x-nav a:hover,.x-nav a.on,.x-nav a[aria-current="page"]{background:var(--x-lime);color:#131210}
.x-chip{border-color:rgba(242,247,230,.55);color:#F2F7E6}
.x-chip:hover{background:#F2F7E6;color:#131210}
.x-burger{background:var(--x-lime);color:#131210}
.x-burger:hover{background:#F2F7E6}
.x-nav{mask-image:linear-gradient(90deg,#000 92%,transparent)}
/* drawer: the modern sans on the menu */
.x-main a{font-family:var(--f-poster);font-stretch:85%;font-weight:900;text-transform:uppercase;font-size:clamp(24px,3.4vh,32px);letter-spacing:-.005em;padding:10px 0}
.x-main a[aria-current="page"] span:last-child{font-style:normal;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}