/* OAIQO PUBLIC SHELL V4 — owner contract 2026-10-04
   No enclosing top bar. Independent floating Search / Language / Profile / Menu.
   Exact canonical OAIQO geometry rendered as liquid-gold masks. */
:root{
  --oq-ink:#11140f;
  --oq-muted:#686d65;
  --oq-paper:#f7f7f2;
  --oq-gold-deep:#8d621d;
  --oq-gold:#c79232;
  --oq-gold-hi:#f5df91;
  --oq-glass:rgba(255,255,255,.58);
  --oq-glass-strong:rgba(255,255,255,.78);
  --oq-hairline:rgba(255,255,255,.78);
  --oq-shadow:0 22px 70px rgba(35,42,31,.10);
}
.oaiqo-public-v4 .topbar,
.oaiqo-public-v4 .top,
.oaiqo-public-v4 .fluidnav,
.oaiqo-public-v4 .site-header{display:none!important}

.oq-public-brand{
  position:fixed;
  z-index:1000;
  top:max(12px,env(safe-area-inset-top));
  left:max(14px,env(safe-area-inset-left));
  width:154px;
  height:46px;
  display:block;
  border-radius:15px;
  filter:drop-shadow(0 12px 32px rgba(80,62,24,.10));
  transition:width .22s ease,height .22s ease,opacity .22s ease,transform .22s ease;
}
.oq-scrolled .oq-public-brand{width:118px;height:38px;opacity:.82}
.oq-scrolled .oq-public-icons{transform:scale(.92);transform-origin:top right}
.oq-liquid-wordmark,
.oaiqo-inline-brand{
  display:inline-block;
  color:transparent!important;
  background:
    linear-gradient(102deg,#72501d 0%,#b77f28 17%,#f1d27b 36%,#fff0a7 48%,#c88f30 59%,#f4dc86 75%,#81591d 100%);
  background-size:240% 100%;
  -webkit-mask:url('/assets/OAIQO_ALIGNED_CANONICAL_MASTER.svg') center/contain no-repeat;
  mask:url('/assets/OAIQO_ALIGNED_CANONICAL_MASTER.svg') center/contain no-repeat;
  animation:oqv4LiquidGold 9s cubic-bezier(.45,0,.55,1) infinite;
}
.oq-liquid-wordmark{width:100%;height:100%}
.oaiqo-inline-brand{
  width:4.7em;
  height:.78em;
  vertical-align:-.08em;
  margin:0 .07em;
  max-width:7.2em;
}

.oq-public-icons{
  position:fixed;
  z-index:1001;
  top:max(10px,env(safe-area-inset-top));
  right:max(10px,env(safe-area-inset-right));
  display:flex;
  align-items:center;
  gap:5px;
}
.oq-public-pop{position:relative}
.oq-public-pop>summary{list-style:none}
.oq-public-pop>summary::-webkit-details-marker{display:none}
.oq-public-icon{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.74);
  background:rgba(255,255,255,.48);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
  color:rgba(24,31,24,.72);
  border-radius:50%;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(28,36,27,.08),inset 0 1px 0 rgba(255,255,255,.86);
  transition:transform .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.oq-public-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round
}
.oq-public-icon:hover,
.oq-public-icon:focus-visible,
.oq-public-pop[open]>.oq-public-icon{
  color:var(--oq-gold-deep);
  background:rgba(255,255,255,.76);
  transform:translateY(-1px);
  box-shadow:0 12px 38px rgba(61,49,19,.11),0 0 0 1px rgba(199,146,50,.15);
  outline:none;
}
.oq-public-icon:focus-visible{box-shadow:0 0 0 3px rgba(199,146,50,.22)}

.oq-public-sheet{
  position:absolute;
  right:0;
  top:50px;
  width:min(310px,calc(100vw - 20px));
  max-height:min(70vh,560px);
  overflow:auto;
  padding:12px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:25px;
  background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(241,244,237,.72));
  -webkit-backdrop-filter:blur(30px) saturate(160%);
  backdrop-filter:blur(30px) saturate(160%);
  box-shadow:0 28px 90px rgba(22,31,23,.14),inset 0 1px 0 rgba(255,255,255,.94);
  color:#222b23;
}
.oq-public-sheet a,
.oq-public-sheet .oq-language-row{
  min-height:44px;
  padding:0 11px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#253026;
  text-decoration:none;
  font-size:13px;
  font-weight:680;
}
.oq-public-sheet a:hover,.oq-public-sheet a:focus-visible{
  background:rgba(255,255,255,.72);
  color:#7d5719;
  outline:none
}
.oq-public-sheet small{
  display:block;
  padding:7px 11px 4px;
  color:#737b72;
  font-size:11px;
  line-height:1.45
}
.oq-public-search-label{
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#8b611c;
  padding:5px 5px 7px
}
.oq-public-search{
  width:100%;
  height:44px;
  border:1px solid rgba(38,47,39,.13);
  border-radius:14px;
  background:rgba(255,255,255,.67);
  padding:0 13px;
  color:#172019;
  outline:none
}
.oq-public-search:focus{border-color:rgba(180,126,34,.5);box-shadow:0 0 0 3px rgba(193,139,49,.10)}
.oq-public-search-results{display:grid;gap:2px;margin-top:8px}
.oq-public-search-results a[hidden]{display:none}

.oaiqo-public-v4[data-oq-phase="night"] .oq-public-icon{
  color:rgba(245,247,241,.86);
  background:rgba(12,17,13,.46);
  border-color:rgba(255,255,255,.18);
}
.oaiqo-public-v4[data-oq-phase="night"] .oq-public-sheet{
  background:linear-gradient(145deg,rgba(29,36,29,.93),rgba(12,17,13,.86));
  border-color:rgba(255,255,255,.19);
  color:#f4f7ef
}
.oaiqo-public-v4[data-oq-phase="night"] .oq-public-sheet a,
.oaiqo-public-v4[data-oq-phase="night"] .oq-public-sheet .oq-language-row{color:#f3f6ef}
.oaiqo-public-v4[data-oq-phase="night"] .oq-public-sheet small{color:rgba(243,246,239,.62)}
.oaiqo-public-v4[data-oq-phase="night"] .oq-public-search{
  background:rgba(255,255,255,.08);
  color:#fff;
  border-color:rgba(255,255,255,.16)
}

@keyframes oqv4LiquidGold{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

@media(max-width:620px){
  .oq-public-brand{
    left:max(11px,env(safe-area-inset-left));
    top:max(9px,env(safe-area-inset-top));
    width:112px;
    height:38px
  }
  .oq-public-icons{
    right:max(7px,env(safe-area-inset-right));
    top:max(7px,env(safe-area-inset-top));
    gap:3px
  }
  .oq-scrolled .oq-public-brand{width:86px;height:31px;opacity:.74}
  .oq-scrolled .oq-public-icons{transform:scale(.88)}
  .oq-public-icon{width:39px;height:39px}
  .oq-public-icon svg{width:17px;height:17px}
  .oq-public-sheet{top:45px}
}
@media(max-width:360px){
  .oq-public-brand{width:100px}
  .oq-public-icons{gap:1px}
  .oq-public-icon{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){
  .oq-liquid-wordmark,.oaiqo-inline-brand{animation:none;background-position:50% 50%}
  .oq-public-icon{transition:none}
}