/* Veloria v22 — refined living navigation, not a static image. Keeps silver wordmark. */
html[data-theme="stone"] .topbar{
  --nav-gold:#c6a879;
  position:relative;
  z-index:20;
  gap:clamp(16px,2vw,36px);
  background:linear-gradient(180deg,rgba(37,36,32,.96),rgba(17,20,19,.96) 73%,rgba(23,25,21,.95));
  border-bottom:1px solid rgba(199,163,107,.82);
  box-shadow:0 2px 0 rgba(15,15,15,.7),0 7px 32px rgba(13,19,15,.34);
  backdrop-filter:blur(10px);
}
html[data-theme="stone"] .topbar::before{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:5px 18px auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(206,174,116,.28) 8%,rgba(225,197,145,.15) 42%,transparent 78%);
}
html[data-theme="stone"] .topbar::after{
  content:"";
  position:absolute;
  pointer-events:none;
  left:24px;right:24px;bottom:3px;
  height:1px;
  background:linear-gradient(90deg,rgba(196,159,99,.10),rgba(224,187,119,.52) 25%,rgba(223,195,133,.25) 63%,transparent);
}
html[data-theme="stone"] .brand.brand-art{
  position:relative;
  align-self:center;
  padding-right:0;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));
}
html[data-theme="stone"] .brand-logo{max-height:calc(var(--header) - 13px)}
html[data-theme="stone"] .topbar-divider{
  color:#c9aa74;
  font-family:Georgia,serif;
  font-size:18px;
  width:30px;
  height:42px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  position:relative;
  text-shadow:0 0 11px rgba(213,174,104,.32);
}
html[data-theme="stone"] .topbar-divider::before,
html[data-theme="stone"] .topbar-divider::after{
  content:"";position:absolute;top:5px;bottom:5px;width:1px;
  background:linear-gradient(transparent,rgba(212,173,110,.68),transparent);
}
html[data-theme="stone"] .topbar-divider::before{left:0}
html[data-theme="stone"] .topbar-divider::after{right:0}
html[data-theme="stone"] .topbar nav{
  display:flex;
  align-self:stretch;
  align-items:center;
  gap:clamp(5px,.6vw,12px);
}
html[data-theme="stone"] .topbar nav a{
  display:flex;align-items:center;justify-content:center;
  position:relative;isolation:isolate;
  min-width:92px;
  padding:14px clamp(18px,1.65vw,29px);
  font:400 16px/1.2 Georgia,"Times New Roman",serif;
  letter-spacing:.035em;
  color:#cfc2af;
  transition:color .24s ease,transform .24s ease;
}
html[data-theme="stone"] .topbar nav a::before{
  content:"";position:absolute;inset:4px 0;
  border:1px solid rgba(169,139,91,.18);
  background:linear-gradient(180deg,rgba(111,92,62,.10),rgba(47,41,35,.13));
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);
  z-index:-1;
  transition:background .25s ease,border-color .25s ease;
}
html[data-theme="stone"] .topbar nav a::after{
  content:"";position:absolute;bottom:3px;left:34%;right:34%;height:1px;
  background:transparent;transform:scaleX(.5);transition:all .25s ease;
}
html[data-theme="stone"] .topbar nav a:hover{
  color:#f7e7c7;transform:translateY(-1px);
}
html[data-theme="stone"] .topbar nav a:hover::before{
  border-color:rgba(212,173,107,.45);
  background:linear-gradient(180deg,rgba(140,111,66,.24),rgba(55,50,39,.22));
}
html[data-theme="stone"] .topbar nav a[aria-current="page"]{
  color:#fff0d3;
  text-shadow:0 1px 6px rgba(0,0,0,.8);
}
html[data-theme="stone"] .topbar nav a[aria-current="page"]::before{
  border-color:rgba(225,194,137,.64);
  background:linear-gradient(135deg,rgba(116,86,52,.83),rgba(73,58,39,.76) 52%,rgba(107,79,45,.66));
  box-shadow:inset 0 1px rgba(255,223,168,.30),0 3px 12px rgba(0,0,0,.24);
}
html[data-theme="stone"] .topbar nav a[aria-current="page"]::after{
  left:28%;right:28%;height:2px;bottom:4px;
  background:linear-gradient(90deg,transparent,#efd19a,transparent);
  transform:scaleX(1);
}
html[data-theme="stone"] .top-rule{
  position:relative;min-width:30px;height:1px;opacity:.8;
  background:linear-gradient(90deg,rgba(196,157,98,.53),rgba(196,157,98,.11) 72%,transparent);
}
html[data-theme="stone"] .top-rule::before{
  content:"◇";position:absolute;left:44%;top:50%;
  transform:translate(-50%,-51%);
  font:16px/1 Georgia,serif;color:#bda06e;
  background:#1d211e;padding:0 11px;
}
html[data-theme="stone"] .menu-toggle{
  border:1px solid #a98c6188;background:linear-gradient(#342f28,#1b211e);
  border-radius:2px;color:#eadcc3;
  padding:9px 16px;font:14px Georgia,serif;
}
html[data-theme="stone"] .book-button{cursor:default;user-select:none}
html[data-theme="stone"] .book-button img{pointer-events:none}
@media(min-width:681px) and (max-width:920px){
  html[data-theme="stone"] .topbar{gap:12px;padding-inline:22px}
  html[data-theme="stone"] .topbar-divider{width:20px;flex-basis:20px}
  html[data-theme="stone"] .topbar nav a{min-width:74px;padding-inline:13px;font-size:14px}
  html[data-theme="stone"] .brand-logo{width:162px}
}
@media(max-width:680px){
  html[data-theme="stone"] .topbar{justify-content:space-between;gap:12px;padding-inline:17px}
  html[data-theme="stone"] .topbar-divider{display:none}
  html[data-theme="stone"] .topbar nav{display:none;position:absolute;top:var(--header);left:0;right:0;align-self:auto;align-items:stretch;gap:6px;padding:13px 18px 17px;background:linear-gradient(#20221f,#111815f9);border-bottom:1px solid #bd9d6888;box-shadow:0 18px 35px #0008}
  html[data-theme="stone"] .topbar nav.open{display:flex;flex-direction:column}
  html[data-theme="stone"] .topbar nav a{min-width:0;justify-content:flex-start;font-size:16px;padding:15px 23px}
  html[data-theme="stone"] .topbar nav a::before{clip-path:none;inset:2px 0}
  html[data-theme="stone"] .topbar nav a::after{left:14px;right:76%;bottom:3px}
  html[data-theme="stone"] .top-rule{display:none}
  html[data-theme="stone"] .book-button{cursor:default}
}
@media(prefers-reduced-motion:reduce){
  html[data-theme="stone"] .topbar nav a,
  html[data-theme="stone"] .topbar nav a::before,
  html[data-theme="stone"] .topbar nav a::after{transition:none}
}