/* Shared navigation: edit this file once to update every page. */
.shared-nav{
  position:fixed;
  inset:0 0 auto 0;
  z-index:1200;
  pointer-events:none;
}
.shared-home-button,
.shared-menu-button{
  pointer-events:auto;
  position:fixed !important;
  top:max(12px,env(safe-area-inset-top)) !important;
  z-index:1201 !important;
}
.shared-home-button{
  left:max(12px,env(safe-area-inset-left)) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:8px 15px 7px !important;
  color:#2f251e !important;
  background:#f4e2bd !important;
  border:2px solid #342921 !important;
  border-radius:9px 7px 10px 8px !important;
  box-shadow:3px 4px 0 rgba(52,41,33,.75),0 7px 14px rgba(0,0,0,.10) !important;
  text-decoration:none !important;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive !important;
  font-size:1rem !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  line-height:1 !important;
  transform:rotate(-1.5deg) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.shared-home-button::before{
  content:"⌂";
  margin-right:7px;
  font-size:1.22em;
  line-height:1;
}
.shared-home-button:hover{transform:translateY(-2px) rotate(-1.5deg) !important;}
.shared-home-button:active{transform:translate(2px,2px) rotate(-1.5deg) !important;box-shadow:1px 1px 0 rgba(52,41,33,.75) !important;}
.shared-menu-button{
  right:max(10px,env(safe-area-inset-right)) !important;
  width:118px !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
  cursor:pointer !important;
}
.shared-menu-button img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.16));
}
.shared-menu-button:hover{transform:scale(1.035) !important;}
.shared-menu-button:active{transform:scale(.97) !important;}
.shared-home-button:focus-visible,.shared-menu-button:focus-visible{outline:3px solid #342921 !important;outline-offset:4px !important;}
@media(max-width:600px){
  .shared-home-button{top:max(10px,env(safe-area-inset-top)) !important;left:max(10px,env(safe-area-inset-left)) !important;min-height:42px !important;padding:7px 12px 6px !important;font-size:.9rem !important;}
  .shared-menu-button{top:max(8px,env(safe-area-inset-top)) !important;right:max(8px,env(safe-area-inset-right)) !important;width:92px !important;}
}


/* Image version of the shared HOME button */
.shared-home-button.shared-home-image-button{
  width:112px !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.shared-home-button.shared-home-image-button::before{content:none !important;}
.shared-home-button.shared-home-image-button img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.15));
}
.shared-home-button.shared-home-image-button:hover{transform:scale(1.035) !important;}
.shared-home-button.shared-home-image-button:active{transform:scale(.97) !important;}
@media(max-width:600px){
  .shared-home-button.shared-home-image-button{
    width:88px !important;
    top:max(8px,env(safe-area-inset-top)) !important;
    left:max(8px,env(safe-area-inset-left)) !important;
  }
}


/* Day pages: notebook icon + masking-tape BACK TO DAY BY DAY */
.shared-home-button.shared-day-button{
  width:auto !important;
  min-height:64px !important;
  padding:5px 20px 5px 5px !important;
  gap:5px !important;
  overflow:visible !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,0) 18%,rgba(91,72,47,.035) 50%,rgba(255,255,255,.08) 82%,rgba(255,255,255,0)),
    repeating-linear-gradient(0deg,rgba(91,72,47,.025) 0 1px,transparent 1px 4px),
    rgba(215,193,154,.80) !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:0 4px 9px rgba(68,51,35,.12) !important;
  clip-path:polygon(
    0 8%, 4% 3%, 9% 6%, 15% 2%, 22% 5%, 30% 1%, 38% 4%, 47% 2%,
    57% 5%, 66% 1%, 75% 4%, 84% 2%, 92% 6%, 100% 3%,
    98% 92%, 93% 97%, 86% 94%, 78% 99%, 69% 95%, 60% 98%, 50% 94%,
    40% 99%, 31% 95%, 23% 98%, 15% 94%, 8% 98%, 2% 93%
  ) !important;
  transform:rotate(-1.2deg) !important;
}
.shared-home-button.shared-day-button::before{content:none !important;}

.shared-home-button.shared-day-button img{
  display:block !important;
  width:66px !important;
  height:66px !important;
  margin:-8px 0 -7px -8px !important;
  object-fit:contain !important;
  flex:0 0 66px !important;
  overflow:visible !important;
  filter:drop-shadow(0 2px 2px rgba(48,39,31,.10));
}

.shared-home-button.shared-day-button span{
  display:block;
  white-space:nowrap;
  color:#2f251e !important;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive !important;
  font-size:.86rem !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.015em !important;
}

.shared-home-button.shared-day-button:hover{
  transform:translateY(-2px) rotate(-1.2deg) !important;
}
.shared-home-button.shared-day-button:active{
  transform:translate(1px,1px) rotate(-1.2deg) !important;
}

@media(max-width:600px){
  .shared-home-button.shared-day-button{
    min-height:54px !important;
    padding:4px 14px 4px 3px !important;
    gap:2px !important;
  }
  .shared-home-button.shared-day-button img{
    width:58px !important;
    height:58px !important;
    flex-basis:58px !important;
    margin:-7px 0 -6px -7px !important;
  }
  .shared-home-button.shared-day-button span{
    font-size:.70rem !important;
  }
}

/* ===== Day by Day icon clipping fix ===== */

/* In the main menu, leave more breathing room around the notebook. */
.scrap-menu-item:nth-child(5){
  overflow:visible !important;
}
.scrap-menu-item:nth-child(5) .scrap-menu-icon-wrap{
  overflow:visible !important;
  height:124px !important;
  padding:8px 10px 10px 14px !important;
}
.scrap-menu-item:nth-child(5) .scrap-menu-icon{
  max-width:104px !important;
  max-height:104px !important;
  width:auto !important;
  height:auto !important;
}

/* On Day 1–10, keep the notebook fully inside the masking tape
   instead of letting the tape's torn-edge clip-path cut the image. */
.shared-home-button.shared-day-button{
  padding-left:10px !important;
  overflow:visible !important;
}
.shared-home-button.shared-day-button img{
  width:54px !important;
  height:54px !important;
  flex-basis:54px !important;
  margin:0 3px 0 0 !important;
  object-fit:contain !important;
}

@media(max-width:600px){
  .scrap-menu-item:nth-child(5) .scrap-menu-icon-wrap{
    height:104px !important;
    padding:7px 8px 9px 12px !important;
  }
  .scrap-menu-item:nth-child(5) .scrap-menu-icon{
    max-width:88px !important;
    max-height:88px !important;
  }
  .shared-home-button.shared-day-button{
    padding-left:8px !important;
  }
  .shared-home-button.shared-day-button img{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
    margin:0 2px 0 0 !important;
  }
}

/* ===== CSS-only day bookmark, top-left of Day 1–10 pages ===== */
.paper-card{position:relative !important;}

.shared-day-page-badge{
  position:absolute;
  top:-1px;
  left:28px;
  z-index:8;
  width:96px;
  height:142px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding-top:18px;
  color:#2a221d;
  border:4px solid #2a2521;
  border-top-width:5px;
  border-radius:7px 7px 0 0;
  box-shadow:0 8px 14px rgba(48,36,25,.16);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  pointer-events:none;
  transform:rotate(-1.2deg);
  transform-origin:top center;
  overflow:hidden;
}

/* Soft paper texture + little scrapbook grain. */
.shared-day-page-badge::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,rgba(255,255,255,.20),transparent 35%,rgba(83,65,44,.035) 72%,transparent),
    repeating-linear-gradient(0deg,rgba(80,62,43,.025) 0 1px,transparent 1px 4px);
  pointer-events:none;
}

/* Hand-drawn inner border. */
.shared-day-page-badge::after{
  content:"";
  position:absolute;
  inset:8px 8px 17px;
  border:1.5px dashed rgba(55,44,35,.28);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 79%,0 100%);
  pointer-events:none;
}

.shared-day-page-badge .day-word,
.shared-day-page-badge .day-number{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  text-align:center;
}

.shared-day-page-badge .day-word{
  margin-top:1px;
  font-size:1.6rem;
  font-weight:700;
  line-height:.9;
  letter-spacing:.025em;
  text-transform:lowercase;
  transform:rotate(-2deg);
}

.shared-day-page-badge .day-number{
  margin-top:8px;
  font-size:4.25rem;
  font-weight:700;
  line-height:.72;
  letter-spacing:-.055em;
  transform:rotate(1deg);
}

.shared-day-page-badge.day-color-1{background:#f4cbd4;}
.shared-day-page-badge.day-color-2{background:#d8e5cc;}
.shared-day-page-badge.day-color-3{background:#c8e8f9;}
.shared-day-page-badge.day-color-4{background:#f9e48c;}
.shared-day-page-badge.day-color-5{background:#e4d6f6;}

.paper-card > .hero-image:first-of-type{position:relative;z-index:1;}
.paper-card > .content{position:relative;z-index:2;}

@media(max-width:600px){
  .shared-day-page-badge{
    left:16px;
    width:84px;
    height:124px;
    padding-top:15px;
    border-width:3px;
    border-top-width:4px;
    border-radius:6px 6px 0 0;
  }
  .shared-day-page-badge::after{inset:7px 7px 15px;}
  .shared-day-page-badge .day-word{font-size:1.34rem;}
  .shared-day-page-badge .day-number{font-size:3.55rem;margin-top:7px;}
}

/* ===== MENU BUTTON: keep the PNG clean on hover/focus ===== */
.shared-menu-button,
.shared-menu-button:hover,
.shared-menu-button:active,
.shared-menu-button:focus,
.shared-menu-button:focus-visible{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
.shared-menu-button:hover{transform:scale(1.04) !important;}
.shared-menu-button:active{transform:scale(.97) !important;}
.shared-menu-button:focus-visible img{
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.16)) drop-shadow(0 0 0 rgba(0,0,0,0)) !important;
}
/* ===== Menu 8-card order overrides ===== */
/* New order: Home, Trip, Itinerary, Day by Day, Planning, Accommodation, Budget, Playlist */
.scrap-menu-item:nth-child(1){background:#f4ead5 !important;}
.scrap-menu-item:nth-child(2){background:#f1ded9 !important;}
.scrap-menu-item:nth-child(3){background:#e5ead9 !important;}
.scrap-menu-item:nth-child(4){background:#eee3c9 !important;overflow:visible !important;}
.scrap-menu-item:nth-child(5){background:#e4ebdf !important;}
.scrap-menu-item:nth-child(6){background:#dde9ed !important;}
.scrap-menu-item:nth-child(7){background:#f1ded9 !important;}
.scrap-menu-item:nth-child(8){background:#efe5f5 !important;}

/* Day by Day is now item 4, so preserve the extra room around its notebook icon. */
.scrap-menu-item:nth-child(4) .scrap-menu-icon-wrap{
  overflow:visible !important;
  height:124px !important;
  padding:8px 10px 10px 14px !important;
}
.scrap-menu-item:nth-child(4) .scrap-menu-icon{
  max-width:104px !important;
  max-height:104px !important;
  width:auto !important;
  height:auto !important;
}

/* The old fifth-item clipping rule no longer applies. */
.scrap-menu-item:nth-child(5) .scrap-menu-icon-wrap{
  overflow:hidden !important;
  height:120px !important;
  padding:0 !important;
}
.scrap-menu-item:nth-child(5) .scrap-menu-icon{
  max-width:118px !important;
  max-height:112px !important;
}

/* Eight cards form a balanced grid; Playlist no longer spans a whole mobile row. */
@media (max-width:760px){
  .scrap-menu-item.spotify{
    grid-column:auto !important;
    width:auto !important;
    justify-self:stretch !important;
  }
  .scrap-menu-item:nth-child(4) .scrap-menu-icon-wrap{
    height:104px !important;
    padding:7px 8px 9px 12px !important;
  }
  .scrap-menu-item:nth-child(4) .scrap-menu-icon{
    max-width:88px !important;
    max-height:88px !important;
  }
  .scrap-menu-item:nth-child(5) .scrap-menu-icon-wrap{
    height:99px !important;
  }
  .scrap-menu-item:nth-child(5) .scrap-menu-icon{
    max-width:96px !important;
    max-height:94px !important;
  }
}


/* ===== Persistent language selector in menu ===== */
.patch-language-box{
  position:relative;
  width:min(100%,360px);
  margin:-4px auto 22px;
  padding:13px 15px 12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  background:#eef2e8;
  border:1px solid rgba(69,56,43,.12);
  box-shadow:4px 5px 0 rgba(66,51,35,.07);
  transform:rotate(-.25deg);
}
.patch-language-box::before{
  content:"";
  position:absolute;
  width:48px;
  height:14px;
  left:20px;
  top:-7px;
  background:rgba(207,184,147,.67);
  transform:rotate(-6deg);
}
.patch-language-label{
  color:#332a23;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:1rem;
  font-weight:600;
}
.patch-language-select-wrap{
  position:relative;
}
.patch-language-select{
  width:100%;
  min-height:42px;
  padding:7px 34px 7px 10px;
  appearance:auto;
  background:#fffaf1;
  color:#30261f;
  border:1.5px solid #493e35;
  border-radius:2px;
  font:700 .9rem/1.2 Arial,Helvetica,sans-serif;
  cursor:pointer;
}
.patch-language-select:focus{
  outline:2px solid rgba(93,117,87,.55);
  outline-offset:2px;
}
@media(max-width:760px){
  .patch-language-box{
    margin-bottom:16px;
    padding:11px 12px 10px;
  }
}


/* ===== Stable layout when switching language ===== */
html.language-switching *{
  transition:none !important;
  animation:none !important;
}

.scrap-menu-grid{
  grid-auto-rows:1fr;
}

.scrap-menu-item{
  min-height:150px;
  height:150px;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.scrap-menu-icon-wrap{
  flex:0 0 88px;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.scrap-menu-label{
  min-height:42px;
  max-height:42px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.05 !important;
  overflow:hidden;
  padding-inline:4px;
}

.patch-language-box{
  min-height:68px;
}

.patch-language-label{
  min-width:82px;
}

.patch-language-select{
  min-width:0;
}

@media(max-width:760px){
  .scrap-menu-item{
    min-height:132px;
    height:132px;
  }
  .scrap-menu-icon-wrap{
    flex-basis:72px;
    height:72px;
  }
  .scrap-menu-label{
    min-height:38px;
    max-height:38px;
    font-size:.9rem !important;
  }
}


/* ===== Menu labels: fixed position in every language ===== */
.scrap-menu-grid{
  align-items:stretch !important;
}

.scrap-menu-item{
  position:relative !important;
  display:grid !important;
  grid-template-rows:88px 42px !important;
  align-content:center !important;
  justify-items:center !important;
  gap:8px !important;
  padding:6px 8px !important;
  min-height:150px !important;
  height:150px !important;
  box-sizing:border-box !important;
}

.scrap-menu-icon-wrap{
  grid-row:1 !important;
  width:88px !important;
  height:88px !important;
  min-height:88px !important;
  max-height:88px !important;
  margin:0 !important;
  padding:0 !important;
  align-self:center !important;
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:none !important;
}

.scrap-menu-icon{
  display:block !important;
  max-width:88px !important;
  max-height:88px !important;
  width:auto !important;
  height:auto !important;
  margin:0 auto !important;
}

.scrap-menu-label{
  grid-row:2 !important;
  width:100% !important;
  min-height:42px !important;
  height:42px !important;
  max-height:42px !important;
  margin:0 !important;
  padding:0 4px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1.05 !important;
  overflow:hidden !important;
  transform:none !important;
  position:static !important;
  white-space:normal !important;
}

@media(max-width:760px){
  .scrap-menu-item{
    grid-template-rows:72px 38px !important;
    gap:6px !important;
    min-height:132px !important;
    height:132px !important;
    padding:5px 6px !important;
  }

  .scrap-menu-icon-wrap{
    width:72px !important;
    height:72px !important;
    min-height:72px !important;
    max-height:72px !important;
  }

  .scrap-menu-icon{
    max-width:72px !important;
    max-height:72px !important;
  }

  .scrap-menu-label{
    min-height:38px !important;
    height:38px !important;
    max-height:38px !important;
    font-size:.86rem !important;
  }
}


/* ===== Menu labels v2: fixed position + enough room for long translations ===== */
.scrap-menu-item{
  grid-template-rows:82px 60px !important;
  gap:6px !important;
  min-height:162px !important;
  height:162px !important;
  padding:7px 8px !important;
}

.scrap-menu-icon-wrap{
  width:82px !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
}

.scrap-menu-icon{
  max-width:82px !important;
  max-height:82px !important;
}

.scrap-menu-label{
  width:100% !important;
  min-height:60px !important;
  height:60px !important;
  max-height:60px !important;
  padding:0 3px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1.0 !important;
  font-size:.96rem !important;
  overflow:visible !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

@media(max-width:760px){
  .scrap-menu-item{
    grid-template-rows:66px 56px !important;
    gap:5px !important;
    min-height:140px !important;
    height:140px !important;
    padding:6px 5px !important;
  }

  .scrap-menu-icon-wrap{
    width:66px !important;
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
  }

  .scrap-menu-icon{
    max-width:66px !important;
    max-height:66px !important;
  }

  .scrap-menu-label{
    min-height:56px !important;
    height:56px !important;
    max-height:56px !important;
    font-size:.78rem !important;
    line-height:1.0 !important;
  }
}


/* ===== Menu labels v3: perfectly centered in every language ===== */
.scrap-menu-item{
  justify-items:center !important;
  align-items:center !important;
}

.scrap-menu-label{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin:0 auto !important;
  padding:0 6px !important;
  width:100% !important;
  box-sizing:border-box !important;
  transform:none !important;
}

.scrap-menu-label::before,
.scrap-menu-label::after{
  content:none !important;
  display:none !important;
}

/* Decorative underline stays independent so it cannot push the text sideways */
.scrap-menu-item{
  --menu-accent:#c8b98f;
}
.scrap-menu-item::after{
  content:"" !important;
  position:absolute !important;
  right:18px !important;
  bottom:18px !important;
  width:42px !important;
  height:5px !important;
  border-radius:999px !important;
  background:var(--menu-accent) !important;
  opacity:.9 !important;
  transform:none !important;
}

.scrap-menu-item:nth-child(1){--menu-accent:#9eb694;}
.scrap-menu-item:nth-child(2){--menu-accent:#e8aaa8;}
.scrap-menu-item:nth-child(3){--menu-accent:#d9b77c;}
.scrap-menu-item:nth-child(4){--menu-accent:#9eb694;}
.scrap-menu-item:nth-child(5){--menu-accent:#9eb694;}
.scrap-menu-item:nth-child(6){--menu-accent:#d8c2a5;}
.scrap-menu-item:nth-child(7){--menu-accent:#e4aaa8;}
.scrap-menu-item:nth-child(8){--menu-accent:#9eb694;}

@media(max-width:760px){
  .scrap-menu-label{
    padding:0 4px !important;
  }
  .scrap-menu-item::after{
    right:12px !important;
    bottom:13px !important;
    width:34px !important;
    height:4px !important;
  }
}


/* ===== Hide the fixed MENU button while the menu overlay is open ===== */
body.menu-open .shared-menu-button,
body.menu-open #openMenu{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Keep the close button visible and above everything inside the menu */
.menu-overlay.open .close-button{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:9999 !important;
}

@media(max-width:760px){
  body.menu-open .shared-nav .shared-menu-button,
  body.menu-open .shared-nav #openMenu{
    display:none !important;
  }
}


/* Definitive menu-button visibility rule */
body:has(#menuOverlay.open) #openMenu,
body:has(#menuOverlay.open) .shared-menu-button{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body:not(:has(#menuOverlay.open)) #openMenu,
body:not(:has(#menuOverlay.open)) .shared-menu-button{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}


/* ===== v59: stable mobile menu header ===== */
@media(max-width:760px){
  .menu-card{
    padding-top:58px !important;
  }

  .menu-head{
    width:100% !important;
    margin:0 0 18px !important;
    padding:0 54px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }

  .menu-card h2#menuTitle{
    width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    display:block !important;
    text-align:center !important;
    font-size:clamp(1.9rem,9vw,2.7rem) !important;
    line-height:1.05 !important;
    white-space:normal !important;
    overflow:visible !important;
    transform:none !important;
  }

  .menu-subtitle{
    width:100% !important;
    margin:7px auto 0 !important;
    text-align:center !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere !important;
  }

  .close-button{
    top:12px !important;
    right:12px !important;
    z-index:10001 !important;
  }

  .patch-language-box{
    margin-top:0 !important;
  }
}

@media(max-width:390px){
  .menu-card{
    padding-top:56px !important;
  }

  .menu-head{
    padding:0 46px !important;
  }

  .menu-card h2#menuTitle{
    font-size:2rem !important;
  }

  .menu-subtitle{
    font-size:.62rem !important;
    letter-spacing:.12em !important;
  }
}