/* aurekai-bar.css -- the one bar every Aurekai page wears.
 *
 * Front pages, native surfaces, donor surfaces, subject rooms and the sign-in
 * pages each drew their own header, so the way around the estate moved every
 * time a person followed a link.  This sheet styles one element, .ak-bar, the
 * same on all of them: the name, the four territories, search and the account
 * on the first line; the sections on the second, in one row that scrolls
 * sideways instead of wrapping or stacking.
 *
 * It takes its colours from the page it sits on (currentColor and the page's
 * own ground), so it never fights a territory's dress.
 */
.ak-bar{
  --ak-on:var(--w-ground,var(--n-ground,var(--bf-ground,var(--paper,#faf7f2))));
  --ak-line:color-mix(in srgb,currentColor 16%,transparent);
  --ak-soft:color-mix(in srgb,currentColor 9%,transparent);
  --ak-pad:clamp(1rem,4vw,3.5rem);
  position:sticky;top:0;z-index:60;box-sizing:border-box;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);padding:0 var(--ak-pad);
  background:color-mix(in srgb,var(--ak-on) 82%,transparent);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);
  border-bottom:1px solid var(--ak-line);
  font:500 .84rem/1 'DM Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.01em;text-transform:none;
}
/* Directly under the body the bar is already the width of the page; the
 * viewport width would add the scrollbar to it. */
body>.ak-bar{width:auto;max-width:none;margin-inline:0}
.ak-bar *{box-sizing:border-box}
.ak-bar a{color:inherit;text-decoration:none;font-weight:500}
.ak-bar form,.ak-bar label{margin:0;padding:0;border:0;background:none;box-shadow:none;font:inherit;letter-spacing:inherit;text-transform:none;color:inherit}
.ak-bar .ak-brand{font-weight:650}
.ak-bar .ak-account{font-weight:600}
.ak-bar-top{display:flex;align-items:center;gap:.9rem;min-height:3.5rem}
.ak-brand{display:inline-flex;align-items:center;gap:.5rem;font-size:1.18rem;font-weight:650;letter-spacing:-.045em}
.ak-brand img{width:1.5rem;height:1.5rem;border-radius:50%}
.ak-places{display:flex;gap:.1rem;padding:.2rem;border:1px solid var(--ak-line);border-radius:999px}
.ak-places a{padding:.42rem .8rem;border-radius:999px;opacity:.72;transition:background .25s,opacity .25s}
.ak-places a:hover{opacity:1;background:var(--ak-soft)}
.ak-places a[aria-current="page"]{opacity:1;background:currentColor}
.ak-places a[aria-current="page"]>span{color:var(--ak-on)}
.ak-find{margin:0 0 0 auto;flex:0 1 17rem;min-width:0}
.ak-find label{display:flex;align-items:center;gap:.5rem;margin:0;padding:.5rem .9rem;border:1px solid transparent;border-radius:999px;background:var(--ak-soft);transition:border-color .25s,background .25s}
.ak-find label:focus-within{border-color:currentColor;background:transparent}
.ak-find svg{flex:none;width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;opacity:.6}
.ak-find input{flex:1;min-width:0;width:auto;padding:0;border:0;outline:0;background:none;box-shadow:none;color:inherit;font:inherit}
.ak-find input::placeholder{color:inherit;opacity:.5}
.ak-account{flex:none;padding:.62rem 1rem;border:1px solid currentColor;border-radius:999px;font-weight:600;white-space:nowrap;transition:background .25s}
.ak-account:hover{background:currentColor}
.ak-account:hover>span{color:var(--ak-on)}
.ak-account+.ak-account{margin-left:-.5rem}
.ak-sections{display:flex;gap:.1rem;margin:0 calc(-1*var(--ak-pad));padding:0 calc(var(--ak-pad) - .7rem) .55rem;overflow-x:auto;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 1.2rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to right,transparent,#000 1.2rem,#000 calc(100% - 2.5rem),transparent)}
.ak-sections::-webkit-scrollbar{display:none}
.ak-sections a{flex:none;padding:.5rem .7rem;border-radius:999px;white-space:nowrap;opacity:.66;transition:background .25s,opacity .25s}
.ak-sections a:hover{opacity:1;background:var(--ak-soft)}
.ak-sections a[aria-current="page"]{opacity:1;background:currentColor}
.ak-sections a[aria-current="page"]>span{color:var(--ak-on)}
.ak-sections .ak-out{display:flex;gap:.1rem;margin-left:auto;padding-left:1.5rem}
.ak-sections .ak-out a::after{content:"\2197";margin-left:.3rem;font-size:.8em;opacity:.7}
.ak-local[hidden]{display:none}
.ak-bar :focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* The headers this bar replaces, wherever a page still carries one. */
body:has(.ak-bar) :is(nav.navbar,header.topbar,nav.bar:not(.ak-sections)){display:none}
body:has(.ak-bar) .bf-native-kicker{display:none}
/* The bar carries the territories; a surface need not repeat them as chips. */
body:has(.ak-bar) .bf-native-slot>a:is([href$="/stage"],[href="/discover"]){display:none}

/* A page that centres its one form keeps doing so beneath the bar. */
body:has(>.ak-bar+main>.kicker){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0}
body:has(>.ak-bar+main>.kicker)>.ak-bar{flex:none;align-self:stretch;width:auto;margin-inline:0}
body:has(>.ak-bar+main>.kicker)>main{margin-block:auto;padding:1.5rem}

/* Pages whose own sheet is not the estate's say what their ground is. */
[data-bs-theme="dark"] .ak-bar{--ak-on:#000}
.ak-bar.ak-on-dark{--ak-on:#101113}

@media (max-width:760px){
  .ak-bar-top{gap:.35rem;min-height:3.25rem}
  .ak-brand{font-size:1.02rem}
  .ak-places{padding:.15rem}
  .ak-places a{padding:.38rem .44rem;font-size:.8rem}
  .ak-find{flex:0 0 2.3rem;margin-left:auto}
  .ak-find label{padding:.5rem;justify-content:center}
  .ak-find input{width:0;flex:0 0 0}
  .ak-find label:focus-within{position:absolute;left:var(--ak-pad);right:var(--ak-pad);z-index:2;background:var(--ak-on);padding:.5rem .9rem}
  .ak-find label:focus-within input{flex:1;width:auto}
  .ak-account{padding:.5rem .62rem;font-size:.8rem}
}
@media print{.ak-bar{display:none}}

/* ------------------------------------------------- surfaces in borrowed sheets
 * Boards, the schedule, community and listings are laid out by sheets borrowed
 * from other projects.  Their structure stays; under the shared bar they take
 * the estate's ground, faces and scale, and each loses the second header it
 * drew for itself.  These rules have to outrank a framework, hence the force. */
html:has(link[href*="/assets/donor-"]),html:has(link[href*="/assets/donor-"]) body{background:#0d130f!important;color:#dde6da!important}
html:has(link[href*="/assets/donor-"]) body{--dn-rule:rgba(221,230,218,.17);--dn-muted:#8c9a8d;--dn-accent:#b5df32;--dn-pad:max(22px,calc(50vw - 620px));margin:0;font:400 1rem/1.5 'DM Sans',ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.01em;overflow-x:clip}
html:has(link[href*="/assets/donor-"]) body :is(h1,h2,h3,p,a,li,span,strong,b,button,input){font-family:inherit}
html:has(link[href*="/assets/donor-"]) body a{color:inherit}
/* One way around, kept as a row of names. */
html:has(link[href*="/assets/donor-"]) :is(#bf-mk,#mz-terr,#mz-theme,#pn-links,#bf-host,#bf-hosts,#nx-searchform,#nx-cart,.sp){display:none!important}
html:has(link[href*="/assets/donor-"]) :is(nav.pn-nav,body>header:not(.ak-bar),nav.navbar,body>nav.relative){display:block!important;position:static!important;height:auto!important;margin:0!important;padding:1.1rem var(--dn-pad)!important;border:0!important;border-bottom:1px solid var(--dn-rule)!important;background:none!important;box-shadow:none!important}
html:has(link[href*="/assets/donor-"]) :is(nav.pn-nav,body>header:not(.ak-bar),nav.navbar,body>nav.relative) :is(div,ul){display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;list-style:none}
html:has(link[href*="/assets/donor-"]) :is(#pn-terr,#mz-links,#bf-nav,#nx-nav) a{display:inline-block!important;padding:.5rem .95rem!important;border:1px solid var(--dn-rule)!important;border-radius:999px!important;background:none!important;color:#dde6da!important;font:500 .9rem/1 'DM Sans',sans-serif!important;text-decoration:none!important;transition:background .25s,color .25s,border-color .25s}
html:has(link[href*="/assets/donor-"]) :is(#pn-terr,#mz-links,#bf-nav,#nx-nav) a:is(:hover,[aria-current="page"],.active){background:var(--dn-accent)!important;border-color:var(--dn-accent)!important;color:#0d130f!important}
/* The page's own name and first line, at the estate's scale. */
html:has(link[href*="/assets/donor-"]) body :is(.container,.container-lg,.mx-auto){width:auto!important;max-width:none!important;margin-inline:0!important;padding-inline:var(--dn-pad)!important}
html:has(link[href*="/assets/donor-"]) body :is(main>h1,#bf-h1,body>div.container>section.my-4:first-child>h2,#mz-event h1){margin:clamp(2.5rem,7vw,6rem) 0 1rem!important;font:600 clamp(3rem,9vw,8.5rem)/.88 'DM Sans',sans-serif!important;letter-spacing:-.06em!important;color:#f5f7ee!important}
html:has(link[href*="/assets/donor-"]) body :is(#bf-lede,.text-muted){max-width:36rem;color:var(--dn-muted)!important;font:400 clamp(1.15rem,1.7vw,1.5rem)/1.3 'Instrument Serif',Georgia,serif!important}
html:has(link[href*="/assets/donor-"]) body :is(.post-listing,.card,.rounded,.shadow-md,.shadow-sm,[class*="bg-white"],[class*="bg-gray-"],[class*="bg-zinc-"],[class*="bg-neutral-"],.bg-body-tertiary){background:none!important;box-shadow:none!important;color:inherit!important}
html:has(link[href*="/assets/donor-"]) body .post-listing{padding:1.4rem 0!important;border-top:1px solid var(--dn-rule);font:400 clamp(1.3rem,2vw,1.85rem)/1.25 'Instrument Serif',Georgia,serif;color:var(--dn-muted)!important}
html:has(link[href*="/assets/donor-"]) body .post-listing strong{font-weight:400}
html:has(link[href*="/assets/donor-"]) #bf-sorts{display:none!important}
/* Boards: each pin a line with its name large, not a grey tile. */
html:has(link[href*="donor-pinry"]) .pins .section{padding:0!important;background:none!important}
html:has(link[href*="donor-pinry"]) #pn-grid{display:block!important;height:auto!important;margin-top:clamp(2rem,5vw,4rem);border-bottom:1px solid var(--dn-rule)}
html:has(link[href*="donor-pinry"]) .pin-card{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1rem;width:auto!important;margin:0!important;padding:clamp(1rem,2.2vw,1.8rem) 0!important;border:0!important;border-top:1px solid var(--dn-rule)!important;border-radius:0!important;background:none!important;box-shadow:none!important;transition:padding .4s cubic-bezier(.2,.8,.2,1),background .4s}
html:has(link[href*="donor-pinry"]) .pin-card:hover{background:var(--dn-accent)!important;padding-inline:clamp(.75rem,1.6vw,1.6rem)!important;color:#0d130f!important}
html:has(link[href*="donor-pinry"]) .pin-preview-image{display:block!important;height:auto!important;min-height:0!important;background:none!important}
html:has(link[href*="donor-pinry"]) .pin-preview-image img{display:block;width:min(100%,22rem);margin-bottom:.8rem;border-radius:1rem}
html:has(link[href*="donor-pinry"]) .pin-shade{position:static!important;display:block!important;padding:0!important;background:none!important}
html:has(link[href*="donor-pinry"]) .pin-shade b{font:600 clamp(1.6rem,3.6vw,3.25rem)/1 'DM Sans',sans-serif;letter-spacing:-.05em;color:inherit;text-transform:capitalize}
html:has(link[href*="donor-pinry"]) :is(.pin-terr,.pin-gen,.pin-footer .description){display:none!important}
html:has(link[href*="donor-pinry"]) .pin-footer{padding:0!important;border:0!important;background:none!important}
html:has(link[href*="donor-pinry"]) .pin-footer .details{margin:0}
html:has(link[href*="donor-pinry"]) .pin-footer .details a{display:inline-block;padding:.7rem 1.1rem;border:1px solid currentColor;border-radius:999px;font-size:.9rem;text-decoration:none}
/* The schedule: a flat field in the door's colour where the purple wash was. */
html:has(link[href*="donor-mobilizon"]) #mz-banner{height:clamp(8rem,22vw,16rem)!important;border-radius:1.25rem!important;background:var(--dn-accent)!important;background-image:none!important}
html:has(link[href*="donor-mobilizon"]) #mz-banner>span{display:none!important}
html:has(link[href*="donor-mobilizon"]) .date-calendar-icon-wrapper{display:none!important}
html:has(link[href*="donor-mobilizon"]) #mz-event :is(h1,#mz-title){margin-top:1.5rem!important;font:600 clamp(2.2rem,6vw,5.5rem)/.92 'DM Sans',sans-serif!important;letter-spacing:-.055em!important;color:#f5f7ee!important}
html:has(link[href*="donor-mobilizon"]) #mz-event h2:not(#mz-title){margin:clamp(2rem,4vw,3rem) 0 .8rem!important;font-size:clamp(1.4rem,2.4vw,2rem)!important;line-height:1.1!important}
html:has(link[href*="donor-mobilizon"]) #mz-event :is(.rounded,.shadow-md){padding-inline:0!important;margin-inline:0!important}
html:has(link[href*="donor-mobilizon"]) :is(button,.btn,a[class*="bg-"]):not(.ak-bar *){border-radius:999px!important;background:var(--dn-accent)!important;color:#0d130f!important}
html:has(link[href*="/assets/donor-"]) .ak-bar{--ak-on:#0d130f;color:#dde6da}
html:has(link[href*="donor-mobilizon"]) body>header:not(.ak-bar) span.font-semibold{display:none!important}
html:has(link[href*="/assets/donor-"]) body :is(aside,.col-md-4){color:var(--dn-muted)}
/* Listings: the opening sentence as a lede, the empty state as one line. */
html:has(link[href*="donor-nextcommerce"]) #nx-productwrap{max-width:none!important;padding:clamp(2.5rem,7vw,6rem) var(--dn-pad) clamp(1.5rem,3vw,2.5rem)!important;font:400 clamp(1.3rem,2vw,1.85rem)/1.25 'Instrument Serif',Georgia,serif!important;color:#dde6da}
html:has(link[href*="donor-nextcommerce"]) #nx-productwrap::before{content:"Listings";display:block;margin-bottom:1rem;font:600 clamp(3rem,9vw,8.5rem)/.88 'DM Sans',sans-serif;letter-spacing:-.06em;color:#f5f7ee}
html:has(link[href*="donor-nextcommerce"]) #nx-productwrap+div:empty{display:none}
html:has(link[href*="donor-nextcommerce"]) body>div.flex{max-width:none!important;padding:0 var(--dn-pad) clamp(4rem,8vw,7rem)!important;gap:clamp(1.5rem,4vw,4rem)!important;border-top:1px solid var(--dn-rule)}
html:has(link[href*="donor-nextcommerce"]) body>div.flex>div{padding-top:1.5rem;min-height:0!important}
html:has(link[href*="donor-nextcommerce"]) body>div.flex h3{margin:0 0 .6rem;font:500 .72rem/1 'DM Mono',monospace!important;letter-spacing:.09em;text-transform:uppercase;color:var(--dn-muted)!important}
html:has(link[href*="donor-nextcommerce"]) :is(#nx-collections,#nx-latency,#nx-sort){display:block!important;margin:0 0 1.5rem;padding:0;list-style:none;font-size:.95rem;color:#dde6da}
html:has(link[href*="donor-nextcommerce"]) :is(#nx-collections,#nx-latency,#nx-sort) :is(a,li,span){display:block;padding:.15rem 0;color:#dde6da!important;opacity:1!important}
html:has(link[href*="donor-nextcommerce"]) #nx-question{margin:0 0 .6rem!important;font:500 .72rem/1 'DM Mono',monospace!important;letter-spacing:.09em;text-transform:uppercase;color:var(--dn-muted)!important}
html:has(link[href*="donor-nextcommerce"]) #nx-count{font:400 clamp(1.3rem,2vw,1.85rem)/1.25 'Instrument Serif',Georgia,serif!important;color:var(--dn-muted)!important}
html:has(link[href*="donor-nextcommerce"]) #nx-grid{display:block!important}
html:has(link[href*="donor-nextcommerce"]) #nx-grid>*{padding:1.2rem 0!important;border:0!important;border-top:1px solid var(--dn-rule)!important;border-radius:0!important;background:none!important}
html:has(link[href*="donor-nextcommerce"]) #nx-grid :is(h1,h2,h3,strong){font:600 clamp(1.3rem,2.4vw,2rem)/1.1 'DM Sans',sans-serif!important;letter-spacing:-.04em!important;margin:0!important}
html:has(link[href*="/assets/donor-"]) body :is(h2,h3):not(#bf-h1):not(body>div.container>section.my-4:first-child>h2):not(.ak-bar *){font:600 clamp(1.4rem,2.4vw,2rem)/1.1 'DM Sans',sans-serif;letter-spacing:-.04em;color:#f5f7ee}
html:has(link[href*="donor-mobilizon"]) body :is(code,.font-mono,[class*="font-mono"]){display:none}
html:has(link[href*="donor-nextcommerce"]) #nx-grid :is(h2,p,a){color:#dde6da!important}