/* Terre Narranti — Collaudo Armadio + Taccuino + Oggetti e carte v1 */

/* ARMADIO */
#page-armadio .cabinet-v10{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  padding:18px;
  border:10px solid #3d2415;
  background:
    radial-gradient(ellipse at 8% 14%,rgba(45,22,8,.10) 0 1.1%,transparent 4%),
    radial-gradient(ellipse at 70% 66%,rgba(45,22,8,.09) 0 1%,transparent 3.8%),
    repeating-linear-gradient(1deg,rgba(255,226,185,.028) 0 1px,transparent 1px 5px,rgba(50,25,10,.034) 5px 7px,transparent 7px 13px),
    linear-gradient(180deg,#794d2b 0%,#613a22 47%,#4f2e1c 100%);
  box-shadow:inset 0 0 0 2px rgba(194,141,84,.26),inset 0 0 24px rgba(25,11,4,.20),0 24px 48px rgba(42,25,13,.20);
}
#page-armadio .cabinet-v10:before{
  content:"";position:absolute;inset:7px;pointer-events:none;opacity:.30;
  background:repeating-linear-gradient(173deg,transparent 0 21px,rgba(255,255,255,.025) 22px,transparent 23px 48px),repeating-linear-gradient(7deg,transparent 0 54px,rgba(25,14,8,.10) 55px,transparent 57px 91px);
  mix-blend-mode:soft-light;
}
#page-armadio .drawer-v10,
#page-armadio .drawer-v10.double,
#page-armadio .drawer-v10.music{
  grid-column:auto;position:relative;overflow:hidden;min-height:230px;height:230px;width:100%;margin:0;padding:20px 24px;
  color:#f8eddd;text-align:center;border:1px solid #482918;border-top-color:#a27449;border-bottom-color:#342013;
  background:radial-gradient(ellipse at 18% 47%,rgba(56,29,13,.12) 0 1.3%,transparent 4.4%),radial-gradient(ellipse at 84% 72%,rgba(46,23,10,.09) 0 1%,transparent 3.8%),repeating-linear-gradient(0deg,rgba(255,231,197,.032) 0 1px,transparent 1px 4px,rgba(50,24,10,.031) 4px 6px,transparent 6px 11px),linear-gradient(180deg,rgba(255,239,212,.08),rgba(255,255,255,.012) 30%,rgba(34,17,7,.055)),#774a2d;
  box-shadow:inset 0 1px 0 rgba(255,237,210,.13),inset 0 0 0 2px rgba(50,27,13,.11),inset 0 -6px 11px rgba(32,15,6,.09),0 4px 0 #392216,0 8px 12px rgba(25,12,5,.17);
  transform:translate3d(0,0,0);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;cursor:pointer;
}
#page-armadio .drawer-v10:hover{transform:translateY(3px);filter:brightness(1.04);box-shadow:inset 0 1px 0 rgba(255,237,210,.15),inset 0 0 0 2px rgba(50,27,13,.10),0 7px 0 #392216,0 13px 17px rgba(25,12,5,.23)}
#page-armadio .drawer-v10 .label{display:block;width:min(64%,360px);margin:0 auto 17px;padding:7px 10px;color:#302219;border:1px solid #87633b;outline:1px solid rgba(248,228,193,.45);background:linear-gradient(180deg,#ead8b8,#dcc39b);box-shadow:inset 0 1px rgba(255,255,255,.55),0 2px 3px rgba(36,18,6,.19);font:700 .68rem/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
#page-armadio .drawer-v10 .handle{position:relative;display:block;width:68px;height:24px;margin:0 auto 16px;background:none;border:0;box-shadow:none}
#page-armadio .drawer-v10 .handle:before{content:"";position:absolute;left:8px;right:8px;top:2px;height:16px;border:3px solid #72542c;border-top:0;border-radius:0 0 20px 20px;background:linear-gradient(90deg,#74562d,#b98d49 39%,#d4ae66 54%,#96703a 72%,#6d502a);box-shadow:inset 0 -2px 2px rgba(47,29,11,.30),0 2px 3px rgba(23,11,4,.25)}
#page-armadio .drawer-v10 .handle:after{content:"";position:absolute;left:3px;right:3px;top:-3px;height:7px;border:1px solid #6e512b;background:linear-gradient(180deg,#d0a85e,#8c6936);box-shadow:0 1px 2px rgba(20,9,3,.26)}
#page-armadio .drawer-v10 strong{display:block;max-width:78%;margin:0 auto;font-size:clamp(1.22rem,1.8vw,1.57rem);line-height:1.12;font-weight:400;color:#f8eddd;text-shadow:0 1px rgba(35,17,8,.5)}
#page-armadio .drawer-v10 small{display:block;max-width:82%;margin:7px auto 0;font-size:.88rem;color:#f8eddd;opacity:.79}
#page-armadio .empty-story-v69,#page-armadio .broken-drawer-v72{display:none!important}
#page-armadio .music-tray{grid-column:1/-1}
#page-armadio .tn-drawer-etch{position:absolute;left:18px;bottom:12px;width:108px;height:108px;opacity:.28;color:#f6e5cc;pointer-events:none}
#page-armadio .drawer-v10:nth-of-type(even) .tn-drawer-etch{left:auto;right:18px}
#page-armadio .tn-drawer-etch svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#page-armadio .drawer-v10.tn-opening{z-index:8;pointer-events:none;animation:tnHeavyDrawerOpen .56s cubic-bezier(.18,.72,.22,1) forwards}
@keyframes tnHeavyDrawerOpen{
  0%{transform:translateY(0) scale(1);filter:brightness(1)}
  24%{transform:translateY(3px) scale(1.002)}
  62%{transform:translateY(18px) scale(1.012);filter:brightness(1.075);box-shadow:inset 0 1px 0 rgba(255,237,210,.16),inset 0 0 0 2px rgba(50,27,13,.08),0 13px 0 #392216,0 26px 30px rgba(18,8,3,.34)}
  82%{transform:translateY(14px) scale(1.009);filter:brightness(1.05)}
  100%{transform:translateY(16px) scale(1.01);filter:brightness(1.055);box-shadow:inset 0 1px 0 rgba(255,237,210,.16),inset 0 0 0 2px rgba(50,27,13,.08),0 11px 0 #392216,0 23px 27px rgba(18,8,3,.30)}
}

/* VOCI / TACCUINO */
#page-voci-quaderno .paper-surface{position:relative;max-width:1160px;margin:18px auto 90px;padding:28px 30px 34px;border:0;border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 9%,transparent 91%,rgba(0,0,0,.08)),repeating-linear-gradient(2deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),#4b2f1f;box-shadow:inset 0 0 0 2px rgba(214,175,120,.13),inset 0 -12px 20px rgba(26,13,6,.22),0 28px 55px rgba(42,25,14,.22)}
#page-voci-quaderno .paper-surface:before,#page-voci-quaderno .paper-surface:after{content:"";position:absolute;top:18px;bottom:18px;width:8px;border-radius:8px;background:linear-gradient(180deg,#7d5638,#3d2619);box-shadow:inset 0 0 4px rgba(0,0,0,.38)}
#page-voci-quaderno .paper-surface:before{left:11px}#page-voci-quaderno .paper-surface:after{right:11px}
#page-voci-quaderno .voice-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:650px;border-radius:11px 11px 13px 13px;background:#e8dcc5;box-shadow:0 8px 22px rgba(25,14,8,.22);overflow:visible}
#page-voci-quaderno .voice-grid:before{content:"";position:absolute;z-index:6;top:0;bottom:0;left:50%;width:28px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(78,55,37,.12),rgba(255,255,255,.20) 30%,rgba(75,52,35,.14) 51%,rgba(255,255,255,.17) 70%,rgba(74,49,31,.10));box-shadow:inset 0 0 6px rgba(60,39,24,.18);pointer-events:none}
#page-voci-quaderno .voice-notes,#page-voci-quaderno .voice-sidebar{position:relative;display:block;min-width:0;padding:48px 48px 42px 58px;background:linear-gradient(90deg,transparent 0 42px,rgba(176,88,72,.18) 42px 43px,transparent 43px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(86,112,137,.12) 31px 32px),radial-gradient(circle at 14% 10%,rgba(143,107,73,.045),transparent 23%),linear-gradient(180deg,#fbf3df 0%,#f5e9cf 100%)}
#page-voci-quaderno .voice-notes{border-radius:9px 0 0 10px;box-shadow:inset -9px 0 18px rgba(79,53,32,.08)}
#page-voci-quaderno .voice-sidebar{border-radius:0 9px 10px 0;box-shadow:inset 9px 0 18px rgba(79,53,32,.08)}
#page-voci-quaderno .tn-notebook-pagehead{position:relative;z-index:2;margin:0 0 22px;padding-bottom:9px;border-bottom:1px solid rgba(93,67,45,.22)}
#page-voci-quaderno .tn-notebook-pagehead span{display:block;font:700 .65rem/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#806143}
#page-voci-quaderno .tn-notebook-pagehead h2{margin:6px 0 0;font-weight:400;font-size:2rem;line-height:1.05;color:#3f3025}
#page-voci-quaderno .voice-note{position:relative;z-index:2;margin:0 0 24px;padding:0 4px 7px 12px;border:0;background:transparent;box-shadow:none;transform:none}
#page-voci-quaderno .voice-note:nth-child(2n){transform:none}#page-voci-quaderno .voice-note:before{display:none}
#page-voci-quaderno .voice-note strong{display:block;margin-bottom:6px;color:#765538;font:700 .69rem/1.2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
#page-voci-quaderno .voice-note p{margin:0;color:#41362c;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",Georgia,serif;font-size:1rem;line-height:1.75}
#page-voci-quaderno .voice-sidebar .card{position:relative;z-index:2;margin:0 0 26px;padding:14px 6px 18px 12px;border:0;border-bottom:1px solid rgba(92,65,42,.20);border-radius:0;background:transparent;box-shadow:none;color:#4a3b2f}
#page-voci-quaderno .voice-sidebar .card h3{margin:0 0 9px;font-weight:400;color:#5e4633}#page-voci-quaderno .voice-sidebar .card p{margin:0;line-height:1.72}
#page-voci-quaderno .tn-notebook-tabs{position:absolute;z-index:12;right:-29px;top:66px;display:grid;gap:9px}
#page-voci-quaderno .tn-notebook-tab{width:86px;padding:8px 9px 8px 17px;border-radius:0 7px 7px 0;border:1px solid rgba(65,49,34,.22);border-left:0;background:#d8c69f;color:#4b3a2b;font:700 .61rem/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:2px 3px 7px rgba(38,24,13,.10)}
#page-voci-quaderno .tn-notebook-tab:nth-child(2){background:#c4b88f}#page-voci-quaderno .tn-notebook-tab:nth-child(3){background:#d0b092}#page-voci-quaderno .tn-notebook-tab:nth-child(4){background:#b9bea2}
#page-voci-quaderno .tn-paperclip{position:absolute;z-index:10;right:62px;top:-10px;width:21px;height:58px;border:3px solid #77746e;border-radius:12px;transform:rotate(8deg);opacity:.72}
#page-voci-quaderno .tn-paperclip:after{content:"";position:absolute;left:4px;top:6px;width:8px;height:39px;border:2px solid #77746e;border-radius:8px}

/* OGGETTI E CARTE */
#page-oggetti-carte .sub-links a[data-page="stampa-area"]{display:none!important}
#page-oggetti-carte .tn-oggetti-image{max-width:1180px;margin:0 auto 38px;padding:0 24px}
#page-oggetti-carte .tn-oggetti-image figure{margin:0;overflow:hidden;border:1px solid rgba(42,36,30,.16);background:#e5d4bc;box-shadow:0 18px 38px rgba(48,31,18,.12)}
#page-oggetti-carte .tn-oggetti-image img{width:100%;height:min(64vw,610px);min-height:330px;object-fit:cover;object-position:center 52%}

@media(max-width:900px){
  #page-armadio .cabinet-v10{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-armadio .drawer-v10,#page-armadio .drawer-v10.double,#page-armadio .drawer-v10.music{min-height:215px;height:215px}
  #page-voci-quaderno .voice-grid{grid-template-columns:1fr}
  #page-voci-quaderno .voice-grid:before{display:none}
  #page-voci-quaderno .voice-notes,#page-voci-quaderno .voice-sidebar{border-radius:9px;box-shadow:none}
  #page-voci-quaderno .voice-notes{border-bottom:1px solid rgba(78,54,35,.16)}
  #page-voci-quaderno .tn-notebook-tabs{display:none}
}
@media(max-width:560px){
  #page-armadio .cabinet-v10{grid-template-columns:1fr;padding:13px;border-width:8px}
  #page-armadio .drawer-v10,#page-armadio .drawer-v10.double,#page-armadio .drawer-v10.music{min-height:192px;height:192px;padding:17px}
  #page-armadio .tn-drawer-etch{width:82px;height:82px;opacity:.22}
  #page-voci-quaderno .paper-surface{margin-left:12px;margin-right:12px;padding:15px 15px 20px}
  #page-voci-quaderno .voice-notes,#page-voci-quaderno .voice-sidebar{padding:42px 24px 36px 38px;background:linear-gradient(90deg,transparent 0 27px,rgba(176,88,72,.16) 27px 28px,transparent 28px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(86,112,137,.11) 31px 32px),linear-gradient(180deg,#fbf3df 0%,#f5e9cf 100%)}
  #page-oggetti-carte .tn-oggetti-image{padding:0 16px;margin-bottom:28px}
  #page-oggetti-carte .tn-oggetti-image img{height:430px;min-height:0}
}
@media(prefers-reduced-motion:reduce){#page-armadio .drawer-v10{transition:none!important}#page-armadio .drawer-v10.tn-opening{animation:none!important}}