/* Terre Narranti — Taccuino funzionante v2, solo collaudo */
#page-voci-quaderno .voice-grid.tn-notebook{
  perspective:1800px;
  transform-style:preserve-3d;
}

#page-voci-quaderno .tn-notebook-tabs{
  z-index:20;
  pointer-events:auto;
}
#page-voci-quaderno .tn-notebook-tab{
  appearance:none;
  -webkit-appearance:none;
  display:block;
  width:92px;
  padding:9px 10px 9px 18px;
  border-radius:0 7px 7px 0;
  border:1px solid rgba(65,49,34,.25);
  border-left:0;
  background:#d8c69f;
  color:#4b3a2b;
  font:700 .62rem/1 Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:left;
  box-shadow:2px 3px 7px rgba(38,24,13,.10);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
#page-voci-quaderno .tn-notebook-tab:nth-child(2){background:#d0b69a}
#page-voci-quaderno .tn-notebook-tab:nth-child(3){background:#c4b88f}
#page-voci-quaderno .tn-notebook-tab:nth-child(4){background:#d0b092}
#page-voci-quaderno .tn-notebook-tab:nth-child(5){background:#b9bea2}
#page-voci-quaderno .tn-notebook-tab:hover,
#page-voci-quaderno .tn-notebook-tab:focus-visible{
  transform:translateX(6px);
  filter:brightness(1.04);
  box-shadow:4px 5px 10px rgba(38,24,13,.18);
  outline:none;
}
#page-voci-quaderno .tn-notebook-tab.is-active{
  transform:translateX(9px);
  font-weight:800;
  box-shadow:5px 5px 11px rgba(38,24,13,.20);
}
#page-voci-quaderno .tn-notebook-tab:focus-visible{
  outline:2px solid #5f4934;
  outline-offset:2px;
}
#page-voci-quaderno .tn-is-turning .tn-notebook-tab{pointer-events:none}

#page-voci-quaderno .tn-notebook-controls{
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  align-items:center;
  gap:14px;
  margin:20px 6px 0;
  color:#eadcc7;
}
#page-voci-quaderno .tn-notebook-controls button{
  min-height:42px;
  padding:9px 14px;
  border:1px solid rgba(230,208,174,.28);
  background:#5d3b27;
  color:#fff4e3;
  font:700 .76rem/1.2 Arial,sans-serif;
  letter-spacing:.035em;
  cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 3px 8px rgba(24,12,5,.18);
}
#page-voci-quaderno .tn-notebook-controls .tn-page-prev{text-align:left}
#page-voci-quaderno .tn-notebook-controls .tn-page-next{text-align:right}
#page-voci-quaderno .tn-notebook-controls button:hover:not(:disabled){background:#6a4630}
#page-voci-quaderno .tn-notebook-controls button:focus-visible{outline:2px solid #e5cda8;outline-offset:2px}
#page-voci-quaderno .tn-notebook-controls button:disabled{opacity:.34;cursor:default}
#page-voci-quaderno .tn-page-status{
  min-width:190px;
  text-align:center;
  font:700 .68rem/1.35 Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#page-voci-quaderno .tn-page-turner{
  position:absolute;
  z-index:18;
  top:0;
  bottom:0;
  width:50%;
  overflow:hidden;
  pointer-events:none;
  backface-visibility:visible;
  transform-style:preserve-3d;
  background:
    linear-gradient(90deg,transparent 0 42px,rgba(176,88,72,.16) 42px 43px,transparent 43px),
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(86,112,137,.11) 31px 32px),
    linear-gradient(180deg,#fcf4e0 0%,#f3e5c8 100%);
  box-shadow:0 6px 24px rgba(48,31,18,.24);
}
#page-voci-quaderno .tn-page-turner:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(93,64,40,.10),transparent 12%,transparent 86%,rgba(95,64,39,.14));
}
#page-voci-quaderno .tn-page-turner-edge{
  position:absolute;
  top:0;
  bottom:0;
  width:18px;
  background:linear-gradient(90deg,rgba(69,45,28,.18),rgba(255,255,255,.14),transparent);
}
#page-voci-quaderno .tn-turn-forward{
  left:50%;
  transform-origin:left center;
  animation:tnTurnPageForward .72s cubic-bezier(.43,.03,.23,.98) both;
}
#page-voci-quaderno .tn-turn-forward .tn-page-turner-edge{left:0}
#page-voci-quaderno .tn-turn-backward{
  left:0;
  transform-origin:right center;
  animation:tnTurnPageBackward .72s cubic-bezier(.43,.03,.23,.98) both;
}
#page-voci-quaderno .tn-turn-backward .tn-page-turner-edge{right:0;transform:scaleX(-1)}
@keyframes tnTurnPageForward{
  0%{transform:rotateY(0deg);box-shadow:-2px 5px 15px rgba(48,31,18,.10)}
  42%{box-shadow:-20px 9px 34px rgba(48,31,18,.24)}
  100%{transform:rotateY(-180deg);box-shadow:-3px 4px 10px rgba(48,31,18,.08)}
}
@keyframes tnTurnPageBackward{
  0%{transform:rotateY(0deg);box-shadow:2px 5px 15px rgba(48,31,18,.10)}
  42%{box-shadow:20px 9px 34px rgba(48,31,18,.24)}
  100%{transform:rotateY(180deg);box-shadow:3px 4px 10px rgba(48,31,18,.08)}
}

#page-voci-quaderno .tn-project-note{margin-top:10px}
#page-voci-quaderno .tn-project-note strong{
  color:#694b33;
  font-size:.73rem;
}
#page-voci-quaderno .tn-project-tags{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 10px 12px;
}
#page-voci-quaderno .tn-project-tags span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(96,71,48,.28);
  border-radius:3px;
  background:rgba(230,211,176,.54);
  color:#604934;
  font:700 .62rem/1 Arial,sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
}
#page-voci-quaderno .tn-ruled-space{
  position:relative;
  z-index:1;
  min-height:255px;
  margin:12px 2px 0 12px;
  border-top:1px solid rgba(87,111,136,.10);
}
#page-voci-quaderno .tn-ruled-space-short{min-height:175px}

@media(max-width:900px){
  #page-voci-quaderno .paper-surface{padding-top:64px}
  #page-voci-quaderno .tn-notebook-tabs{
    display:flex!important;
    position:absolute;
    left:10px;
    right:10px;
    top:-47px;
    gap:7px;
    overflow-x:auto;
    padding:3px 2px 7px;
    scrollbar-width:thin;
  }
  #page-voci-quaderno .tn-notebook-tab{
    flex:0 0 auto;
    width:auto;
    min-width:74px;
    padding:9px 12px;
    border-left:1px solid rgba(65,49,34,.25);
    border-radius:6px 6px 2px 2px;
    text-align:center;
  }
  #page-voci-quaderno .tn-notebook-tab:hover,
  #page-voci-quaderno .tn-notebook-tab:focus-visible,
  #page-voci-quaderno .tn-notebook-tab.is-active{transform:translateY(-3px)}
  #page-voci-quaderno .tn-page-turner{left:0;width:100%;transform-origin:left center}
  #page-voci-quaderno .tn-turn-backward{left:0;transform-origin:right center}
  #page-voci-quaderno .tn-notebook-controls{grid-template-columns:1fr 1fr;margin-top:18px}
  #page-voci-quaderno .tn-page-status{grid-column:1/-1;grid-row:1;min-width:0}
  #page-voci-quaderno .tn-page-prev{grid-column:1;grid-row:2}
  #page-voci-quaderno .tn-page-next{grid-column:2;grid-row:2}
}

@media(max-width:560px){
  #page-voci-quaderno .paper-surface{padding-top:62px}
  #page-voci-quaderno .tn-notebook-tabs{top:-45px}
  #page-voci-quaderno .tn-notebook-tab{font-size:.58rem;min-width:68px}
  #page-voci-quaderno .tn-notebook-controls{gap:8px;margin-left:0;margin-right:0}
  #page-voci-quaderno .tn-notebook-controls button{padding:8px 10px;font-size:.68rem}
  #page-voci-quaderno .tn-page-turner{min-height:100%;}
}

@media(prefers-reduced-motion:reduce){
  #page-voci-quaderno .tn-page-turner{display:none!important;animation:none!important}
  #page-voci-quaderno .tn-notebook-tab{transition:none!important}
}