/* V11 — Flamme-inspired stacked outline controls */
:root{
  --v11-button-ink:#6f402d;
  --v11-button-paper:#f8e9bf;
  --v11-button-paper-hover:#fff4d6;
  --v11-button-depth:#6f402d;
}
.v11-stacked-buttons .btn,
.v11-stacked-buttons .nav-book{
  --button-face:var(--v11-button-paper);
  --button-ink:var(--v11-button-ink);
  isolation:isolate;
  overflow:visible;
  border:2px solid var(--v11-button-ink)!important;
  border-radius:18px!important;
  background:var(--button-face)!important;
  color:var(--button-ink)!important;
  box-shadow:0 5px 0 var(--v11-button-depth)!important;
  transform:translateY(0);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease,color .22s ease!important;
}
.v11-stacked-buttons .btn{
  gap:14px;
  min-height:56px;
  padding:0 20px 0 24px;
}
.v11-stacked-buttons .btn::after,
.v11-stacked-buttons .nav-book::after{
  content:"";
  position:relative;
  inset:auto;
  flex:0 0 auto;
  width:24px;
  height:14px;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 18' fill='none' stroke='%236f402d' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 9h26M19 1l8 8-8 8'/%3E%3C/svg%3E");
  transform:none;
  transition:transform .22s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.v11-stacked-buttons .nav-book{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:0 13px 0 15px!important;
}
.v11-stacked-buttons .nav-book::after{width:18px;height:11px}
.v11-stacked-buttons .btn:hover,
.v11-stacked-buttons .nav-book:hover{
  background:var(--v11-button-paper-hover)!important;
  color:var(--v11-button-ink)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 7px 0 var(--v11-button-depth)!important;
}
.v11-stacked-buttons .btn:hover::after,
.v11-stacked-buttons .nav-book:hover::after{transform:translateX(4px)}
.v11-stacked-buttons .btn:active,
.v11-stacked-buttons .nav-book:active{
  transform:translateY(4px)!important;
  box-shadow:0 1px 0 var(--v11-button-depth)!important;
}
.v11-stacked-buttons .btn:focus-visible,
.v11-stacked-buttons .nav-book:focus-visible{
  outline:3px solid rgba(200,16,46,.34);
  outline-offset:5px;
}
.v11-stacked-buttons .btn-secondary{--button-face:#fffaf0}
.v11-stacked-buttons .book-band .btn{--button-face:#f8e9bf}
@media(max-width:560px){
  .v11-stacked-buttons .btn{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
  .v11-stacked-buttons .btn,
  .v11-stacked-buttons .nav-book,
  .v11-stacked-buttons .btn::after,
  .v11-stacked-buttons .nav-book::after{transition:none!important}
}