/* ===== Shared clean scrapbook layout for Day 1–10 ===== */
body{
  padding-top:max(86px,calc(env(safe-area-inset-top) + 74px)) !important;
}
.page{
  width:min(100%,900px) !important;
}
.paper-card{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.hero-wrap,
.paper-card > .hero-image{
  position:relative;
  width:min(100%,820px) !important;
  margin:0 auto 26px !important;
  padding:12px 12px 28px !important;
  background:#fffaf1 !important;
  border:1px solid rgba(61,47,35,.15) !important;
  box-shadow:7px 9px 0 rgba(226,211,188,.88),0 18px 34px rgba(64,49,35,.10) !important;
  transform:rotate(-.45deg);
}
.paper-card > .hero-image{
  display:block !important;
  height:auto !important;
  object-fit:contain !important;
}
.hero-wrap .hero-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  background:transparent !important;
}
.hero-wrap::before,
.paper-card > .hero-image::before{content:none !important;}
.hero-wrap::after{
  content:"TODAY'S ROUTE";
  position:absolute;
  left:50%;
  bottom:7px;
  transform:translateX(-50%) rotate(-1deg);
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:.76rem;
  letter-spacing:.08em;
  color:rgba(49,39,31,.66);
  white-space:nowrap;
}
.content{
  padding:0 0 34px !important;
  overflow:visible !important;
}
.shared-day-page-ribbon{
  margin:0 0 -36px 18px !important;
  z-index:5;
}
.content > h1{
  position:relative;
  width:min(calc(100% - 30px),760px);
  margin:0 auto 24px !important;
  padding:28px 28px 24px !important;
  color:#211b17 !important;
  text-align:left !important;
  text-transform:none !important;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive !important;
  font-size:clamp(2rem,6vw,3.5rem) !important;
  font-weight:500 !important;
  line-height:1.02 !important;
  letter-spacing:-.02em !important;
  background:#fffaf1;
  border:1px solid rgba(61,47,35,.14);
  box-shadow:5px 7px 0 rgba(228,214,191,.88),0 14px 28px rgba(64,49,35,.08);
  transform:rotate(.35deg);
}
.content > h1::after{
  content:"";
  position:absolute;
  width:90px;
  height:24px;
  right:32px;
  top:-11px;
  background:rgba(204,182,148,.72);
  transform:rotate(5deg);
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.lead{
  position:relative;
  max-width:720px !important;
  margin:0 auto 28px !important;
  padding:22px 24px !important;
  text-align:left !important;
  background:rgba(255,250,241,.78);
  border-left:4px solid rgba(169,184,151,.88);
  box-shadow:0 8px 22px rgba(64,49,35,.06);
}
.lead p{
  margin:0 0 12px !important;
  color:#3a322c !important;
  font-size:clamp(1rem,2.6vw,1.08rem) !important;
  line-height:1.65 !important;
}
.lead p:last-child{margin-bottom:0 !important;}
.content > h2{
  width:max-content;
  max-width:calc(100% - 36px);
  margin:34px auto 18px !important;
  padding:8px 18px 7px !important;
  color:#29211b !important;
  text-align:center !important;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive !important;
  font-size:clamp(1.45rem,4.5vw,2.1rem) !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  background:rgba(218,197,160,.72);
  transform:rotate(-1deg);
  clip-path:polygon(1% 7%,7% 2%,16% 5%,25% 1%,36% 4%,47% 2%,58% 5%,70% 1%,81% 4%,91% 2%,99% 6%,98% 94%,90% 98%,80% 95%,68% 99%,57% 96%,45% 99%,34% 95%,22% 98%,11% 95%,2% 98%);
}
.program{
  counter-reset:daystep;
  max-width:720px !important;
  margin:0 auto 30px !important;
  padding:18px 18px 18px 58px !important;
  gap:0 !important;
  background:rgba(255,250,241,.72);
  border:1px solid rgba(61,47,35,.10);
  box-shadow:0 10px 28px rgba(64,49,35,.06);
}
.program div{
  counter-increment:daystep;
  position:relative;
  min-height:48px;
  display:flex;
  align-items:center;
  margin:0 !important;
  padding:11px 8px 11px 20px !important;
  color:#302923 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px dashed rgba(78,62,48,.17) !important;
  border-radius:0 !important;
  font-size:clamp(.98rem,2.4vw,1.08rem) !important;
  line-height:1.4 !important;
}
.program div:last-child{border-bottom:0 !important;}
.program div::before{
  content:counter(daystep);
  position:absolute;
  left:-43px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1.5px solid #40352d;
  border-radius:50%;
  color:#40352d;
  background:#efe2c8;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:.9rem;
  font-weight:700;
}
.program div::after{
  content:"";
  position:absolute;
  left:-28px;
  top:calc(50% + 15px);
  width:1px;
  height:calc(50% + 14px);
  background:rgba(64,53,45,.22);
}
.program div:last-child::after{display:none;}
.evening{
  max-width:720px;
  margin:26px auto 14px !important;
  padding:16px 20px !important;
  color:#302923 !important;
  text-align:center !important;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive !important;
  font-size:clamp(1.2rem,4vw,1.65rem) !important;
  font-weight:600 !important;
  background:rgba(229,218,238,.68);
  border:1px solid rgba(76,62,82,.10);
  transform:rotate(.25deg);
}
.day-actions{
  max-width:720px;
  margin:22px auto 0 !important;
  gap:12px !important;
}
.day-actions .hotel-btn,
.day-actions .action-btn{
  min-height:54px !important;
  padding:10px 16px !important;
  border:1.5px solid #302923 !important;
  border-radius:4px !important;
  color:#302923 !important;
  background:#f3e5ca !important;
  box-shadow:3px 4px 0 rgba(48,41,35,.13) !important;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive !important;
  font-size:1rem !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.day-actions > :nth-child(2){background:#dfe9dc !important;}
.day-actions .hotel-btn:hover,
.day-actions .action-btn:hover{
  transform:translateY(-2px) rotate(-.3deg) !important;
  background:#fffaf1 !important;
}
.return-days-wrap{display:none !important;}

@media(max-width:600px){
  body{padding-inline:12px !important;padding-top:max(76px,calc(env(safe-area-inset-top) + 64px)) !important;}
  .page{width:100% !important;}
  .hero-wrap,
  .paper-card > .hero-image{
    width:calc(100% - 8px) !important;
    margin-bottom:20px !important;
    padding:8px 8px 24px !important;
    box-shadow:5px 6px 0 rgba(226,211,188,.88),0 12px 24px rgba(64,49,35,.09) !important;
  }
  .shared-day-page-ribbon{margin-left:8px !important;margin-bottom:-28px !important;}
  .content > h1{
    width:calc(100% - 10px);
    padding:23px 17px 19px !important;
    margin-bottom:18px !important;
    font-size:clamp(1.75rem,9vw,2.6rem) !important;
  }
  .content > h1::after{width:68px;height:20px;right:18px;top:-8px;}
  .lead{margin:0 5px 22px !important;padding:17px 16px !important;}
  .content > h2{margin-top:26px !important;}
  .program{margin:0 5px 24px !important;padding:12px 10px 12px 48px !important;}
  .program div{padding:10px 4px 10px 14px !important;min-height:44px;}
  .program div::before{left:-37px;width:27px;height:27px;font-size:.82rem;}
  .program div::after{left:-24px;top:calc(50% + 13px);}
  .day-actions{margin:18px 5px 0 !important;grid-template-columns:1fr !important;}
}


/* ===== Extra scrapbook polish + weather board ===== */
.paper-card{
  position:relative;
  padding-bottom:10px;
}
.paper-card::before{
  content:"✦";
  position:absolute;
  right:26px;
  top:126px;
  color:rgba(185,149,88,.82);
  font-size:1.3rem;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  transform:rotate(10deg);
}
.paper-card::after{
  content:"♡";
  position:absolute;
  left:24px;
  bottom:106px;
  color:rgba(209,142,151,.72);
  font-size:1.15rem;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  transform:rotate(-8deg);
}
.hero-wrap,
.paper-card > .hero-image{
  transform:rotate(-.65deg);
}
.hero-wrap::before{
  content:"";
  position:absolute;
  top:-8px;
  left:26px;
  width:88px;
  height:22px;
  background:rgba(206,185,151,.65);
  transform:rotate(-7deg);
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.content > h1{
  border-radius:4px;
}
.content > h1::before{
  content:"";
  position:absolute;
  inset:10px -9px -10px 10px;
  z-index:-1;
  background:#efe1cb;
  border:1px solid rgba(61,47,35,.08);
  transform:rotate(-1.15deg);
}
.content > h1 .tiny{font-size:.5em;}
.lead{
  border-radius:2px;
  border-left-width:0 !important;
  border:1px solid rgba(61,47,35,.09);
  background:
    linear-gradient(rgba(255,255,255,.22), rgba(255,255,255,.22)),
    repeating-linear-gradient(to bottom, transparent 0 27px, rgba(95,127,176,.12) 27px 28px),
    #fffaf1;
  box-shadow:0 10px 22px rgba(64,49,35,.06);
}
.lead::before{
  content:"";
  position:absolute;
  top:-10px;
  left:28px;
  width:82px;
  height:24px;
  background:rgba(188,205,170,.72);
  transform:rotate(-4deg);
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.lead::after{
  content:"notes";
  position:absolute;
  right:18px;
  bottom:10px;
  color:rgba(98,83,72,.42);
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:.82rem;
  transform:rotate(-5deg);
}
.program{
  position:relative;
  border-radius:3px;
  background:
    linear-gradient(rgba(255,255,255,.20), rgba(255,255,255,.20)),
    #fffaf1 !important;
  overflow:visible;
}
.program::before{
  content:"";
  position:absolute;
  left:14px;
  top:-7px;
  width:56px;
  height:16px;
  background:rgba(231,210,164,.80);
  transform:rotate(-2deg);
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.program::after{
  content:"";
  position:absolute;
  top:14px;
  right:14px;
  width:16px;
  height:16px;
  border:1.4px solid rgba(70,55,43,.35);
  border-radius:50%;
  box-shadow:0 22px 0 -1px rgba(70,55,43,.22), 0 44px 0 -1px rgba(70,55,43,.18), 0 66px 0 -1px rgba(70,55,43,.16), 0 88px 0 -1px rgba(70,55,43,.14);
  opacity:.8;
}
.evening{
  position:relative;
  max-width:430px;
  border-radius:2px;
  box-shadow:5px 7px 0 rgba(208,193,223,.64),0 14px 26px rgba(64,49,35,.06);
}
.evening::before{
  content:"";
  position:absolute;
  left:50%;
  top:-8px;
  width:74px;
  height:20px;
  background:rgba(188,205,170,.68);
  transform:translateX(-50%) rotate(-3deg);
}
.day-actions .hotel-btn,
.day-actions .action-btn{
  position:relative;
  overflow:visible;
}
.day-actions > *:nth-child(odd){transform:rotate(-.45deg);}
.day-actions > *:nth-child(even){transform:rotate(.35deg);}
.day-actions > *::before{
  content:"";
  position:absolute;
  top:-7px;
  left:20px;
  width:40px;
  height:14px;
  background:rgba(210,190,156,.64);
  transform:rotate(-6deg);
}
.day-actions .hotel-btn:hover,
.day-actions .action-btn:hover{
  transform:translateY(-2px) rotate(0deg) !important;
}

.shared-weather-board{
  position:relative;
  width:min(calc(100% - 30px),760px);
  margin:0 auto 24px;
  padding:18px 18px 16px;
  background:#fffaf1;
  border:1px solid rgba(61,47,35,.12);
  box-shadow:6px 8px 0 rgba(219,205,183,.82),0 14px 28px rgba(64,49,35,.06);
  transform:rotate(-.35deg);
}
.shared-weather-board::before{
  content:"";
  position:absolute;
  top:-9px;
  right:22px;
  width:76px;
  height:21px;
  background:rgba(210,189,153,.68);
  transform:rotate(5deg);
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.weather-board-title{
  display:inline-block;
  margin:0 0 12px;
  padding:5px 12px 4px;
  background:rgba(240,226,199,.88);
  color:#31271f;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:1rem;
  line-height:1;
  transform:rotate(-1deg);
}
.weather-board-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.weather-chip{
  min-height:92px;
  padding:12px 12px 10px;
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(255,255,255,.55);
  border:1px dashed rgba(61,47,35,.15);
  border-radius:3px;
}
.weather-copy{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.weather-copy strong{
  color:#2d231c;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:.98rem;
  font-weight:600;
  line-height:1;
}
.weather-copy em{
  color:#64564d;
  font-style:normal;
  font-size:.9rem;
  line-height:1.15;
}
.weather-icon{
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;
}
.weather-sun .weather-icon::before,
.weather-partly .weather-icon::before{
  content:"";
  position:absolute;
  left:8px;
  top:8px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f3c35d;
  box-shadow:0 0 0 5px rgba(243,195,93,.18);
}
.weather-sun .weather-icon::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:50%;
  background:conic-gradient(from 0deg, transparent 0 10deg, rgba(243,195,93,.95) 10deg 18deg, transparent 18deg 42deg, rgba(243,195,93,.95) 42deg 50deg, transparent 50deg 74deg, rgba(243,195,93,.95) 74deg 82deg, transparent 82deg 106deg, rgba(243,195,93,.95) 106deg 114deg, transparent 114deg 138deg, rgba(243,195,93,.95) 138deg 146deg, transparent 146deg 170deg, rgba(243,195,93,.95) 170deg 178deg, transparent 178deg 202deg, rgba(243,195,93,.95) 202deg 210deg, transparent 210deg 234deg, rgba(243,195,93,.95) 234deg 242deg, transparent 242deg 266deg, rgba(243,195,93,.95) 266deg 274deg, transparent 274deg 298deg, rgba(243,195,93,.95) 298deg 306deg, transparent 306deg 330deg, rgba(243,195,93,.95) 330deg 338deg, transparent 338deg 360deg);
  -webkit-mask:radial-gradient(circle at center, transparent 0 13px, #000 13px 100%);
          mask:radial-gradient(circle at center, transparent 0 13px, #000 13px 100%);
  opacity:.8;
}
.weather-cloud .weather-icon::before,
.weather-rain .weather-icon::before,
.weather-partly .weather-icon::after,
.weather-moon .weather-icon::after{
  content:"";
  position:absolute;
  left:7px;
  top:17px;
  width:28px;
  height:14px;
  background:#dfe7ef;
  border-radius:20px;
  box-shadow:-10px 2px 0 2px #dfe7ef, 8px -3px 0 1px #dfe7ef;
}
.weather-rain .weather-icon::after{
  content:"";
  position:absolute;
  left:12px;
  top:31px;
  width:4px;
  height:10px;
  border-radius:10px;
  background:#78a9ca;
  box-shadow:9px 3px 0 0 #78a9ca, 18px 0 0 0 #78a9ca;
}
.weather-partly .weather-icon::before{
  left:3px;
  top:5px;
  width:16px;
  height:16px;
  box-shadow:0 0 0 4px rgba(243,195,93,.15);
}
.weather-wind .weather-icon::before,
.weather-wind .weather-icon::after{
  content:"";
  position:absolute;
  left:3px;
  right:3px;
  height:12px;
  border-top:3px solid #91a7b2;
  border-radius:50px;
}
.weather-wind .weather-icon::before{top:11px;transform:skewX(-18deg);}
.weather-wind .weather-icon::after{top:23px;transform:skewX(-10deg);}
.weather-moon .weather-icon::before{
  content:"";
  position:absolute;
  left:8px;
  top:7px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#dcbf72;
  box-shadow:8px 0 0 0 #fffaf1;
}
@media(max-width:600px){
  .paper-card::before{right:14px;top:114px;font-size:1.05rem;}
  .paper-card::after{left:14px;bottom:92px;font-size:.98rem;}
  .hero-wrap::before{left:16px;width:66px;height:18px;top:-6px;}
  .content > h1::before{inset:8px -6px -8px 8px;}
  .lead::before{left:14px;width:62px;height:18px;top:-8px;}
  .lead::after{font-size:.72rem;right:12px;}
  .program::before{left:10px;width:46px;height:13px;top:-6px;}
  .program::after{right:10px;top:12px;transform:scale(.85);transform-origin:top right;}
  .shared-weather-board{width:calc(100% - 10px);padding:16px 12px 13px;margin-bottom:20px;}
  .shared-weather-board::before{width:62px;height:18px;right:14px;top:-7px;}
  .weather-board-grid{grid-template-columns:1fr;gap:8px;}
  .weather-chip{min-height:76px;padding:10px 10px 9px;gap:10px;}
  .weather-icon{width:38px;height:38px;flex-basis:38px;}
  .weather-copy strong{font-size:.92rem;}
  .weather-copy em{font-size:.84rem;}
  .day-actions > *:nth-child(odd), .day-actions > *:nth-child(even){transform:none;}
  .day-actions > *::before{left:14px;width:34px;height:12px;top:-6px;}
}


/* ===== Stronger scrapbook restyle for day pages ===== */
.paper-card{
  position:relative;
}
.paper-card::before{
  content:"✦" !important;
  right:18px !important;
  top:108px !important;
  font-size:1.45rem !important;
  color:rgba(211,171,94,.95) !important;
  transform:rotate(10deg) !important;
}
.paper-card::after{
  content:"♡" !important;
  left:18px !important;
  bottom:94px !important;
  font-size:1.2rem !important;
  color:rgba(220,150,167,.86) !important;
  transform:rotate(-12deg) !important;
}
.hero-wrap,
.paper-card > .hero-image{
  background:#fff7ec !important;
  padding:14px 14px 36px !important;
  border-radius:2px !important;
  border:1px solid rgba(68,53,39,.14) !important;
  box-shadow:9px 10px 0 rgba(229,214,189,.96), 0 22px 36px rgba(52,41,31,.10) !important;
  transform:rotate(-1.15deg) !important;
}
.hero-wrap::before{
  content:"" !important;
  position:absolute !important;
  top:-9px !important;
  left:30px !important;
  width:86px !important;
  height:22px !important;
  background:rgba(211,190,156,.72) !important;
  transform:rotate(-8deg) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.05) !important;
}
.hero-wrap::after{
  content:"TODAY'S ROUTE" !important;
  letter-spacing:.09em !important;
}
.paper-card > .hero-image + .content,
.hero-wrap + .content{
  position:relative;
}
.shared-day-page-badge{
  box-shadow:6px 10px 18px rgba(0,0,0,.10) !important;
}
.content > h1{
  background:#f6e4d8 !important;
  border:1px solid rgba(79,58,43,.14) !important;
  box-shadow:7px 8px 0 rgba(238,221,209,.95), 0 18px 32px rgba(52,41,31,.08) !important;
  transform:rotate(.95deg) !important;
  padding:30px 30px 26px !important;
}
.content > h1::before{
  background:#fff8f2 !important;
  transform:rotate(-1.9deg) !important;
}
.content > h1::after{
  right:auto !important;
  left:28px !important;
  width:84px !important;
  height:22px !important;
  top:-10px !important;
  transform:rotate(-7deg) !important;
  background:rgba(221,197,160,.78) !important;
}
.content > h1 .title-doodle,
.content > h1 .title-doodle-2{
  position:absolute;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  color:rgba(138,112,89,.56);
  pointer-events:none;
}
.content > h1 .title-doodle{right:22px;bottom:16px;font-size:1.15rem;transform:rotate(8deg)}
.content > h1 .title-doodle-2{right:50px;top:14px;font-size:1rem;transform:rotate(-8deg)}
.lead{
  background:
    linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),
    repeating-linear-gradient(to bottom, transparent 0 28px, rgba(95,127,176,.12) 28px 29px),
    #fffdf8 !important;
  border:1px solid rgba(79,58,43,.12) !important;
  box-shadow:7px 8px 0 rgba(220,231,213,.92), 0 14px 26px rgba(52,41,31,.06) !important;
  transform:rotate(-.6deg) !important;
  padding:24px 24px 20px !important;
}
.lead::before{
  content:"" !important;
  width:88px !important;
  height:24px !important;
  top:-10px !important;
  left:30px !important;
  background:rgba(185,203,168,.8) !important;
  transform:rotate(-5deg) !important;
}
.lead::after{
  content:"little notes" !important;
  font-size:.82rem !important;
  color:rgba(116,93,76,.45) !important;
}
.shared-weather-board{
  background:#e7eef1 !important;
  border:1px solid rgba(76,101,113,.12) !important;
  box-shadow:7px 8px 0 rgba(204,219,226,.95), 0 16px 30px rgba(52,41,31,.06) !important;
  transform:rotate(.8deg) !important;
  border-radius:2px !important;
  padding:18px 18px 14px !important;
}
.shared-weather-board::before{
  background:rgba(209,189,154,.74) !important;
}
.weather-board-title{
  background:#f6e4bc !important;
  box-shadow:3px 3px 0 rgba(0,0,0,.04) !important;
}
.weather-board-grid{
  gap:12px !important;
}
.weather-chip{
  position:relative;
  background:#fffaf1 !important;
  border:1px solid rgba(79,58,43,.10) !important;
  box-shadow:0 8px 14px rgba(52,41,31,.05) !important;
  border-radius:2px !important;
  padding:13px 12px 11px !important;
}
.weather-chip:nth-child(1){transform:rotate(-1deg);background:#fff8ee !important;}
.weather-chip:nth-child(2){transform:rotate(.8deg);background:#f8fbff !important;}
.weather-chip:nth-child(3){transform:rotate(-.6deg);background:#fdf8fb !important;}
.weather-chip::before{
  content:"";
  position:absolute;
  top:-6px;
  left:14px;
  width:34px;
  height:12px;
  background:rgba(211,190,156,.65);
  transform:rotate(-6deg);
}
.content > h2{
  background:rgba(227,204,163,.88) !important;
  box-shadow:0 8px 14px rgba(52,41,31,.06) !important;
  transform:rotate(-1.5deg) !important;
}
.program{
  background:#e6efdf !important;
  border:1px solid rgba(74,96,74,.14) !important;
  box-shadow:7px 8px 0 rgba(215,228,205,.95), 0 16px 28px rgba(52,41,31,.06) !important;
  transform:rotate(.65deg) !important;
  padding-top:24px !important;
  border-radius:2px !important;
}
.program::before{
  left:18px !important;
  top:-8px !important;
  width:60px !important;
  height:18px !important;
  background:rgba(235,216,163,.86) !important;
  transform:rotate(-3deg) !important;
}
.program::after{
  content:"" !important;
  position:absolute !important;
  top:15px !important;
  right:16px !important;
  width:14px !important;
  height:14px !important;
  border-radius:50% !important;
  border:1.4px solid rgba(66,58,46,.35) !important;
  box-shadow:0 22px 0 -1px rgba(66,58,46,.25),0 44px 0 -1px rgba(66,58,46,.20),0 66px 0 -1px rgba(66,58,46,.18),0 88px 0 -1px rgba(66,58,46,.16),0 110px 0 -1px rgba(66,58,46,.13),0 132px 0 -1px rgba(66,58,46,.11) !important;
}
.program div{
  margin-right:16px !important;
  padding-left:18px !important;
}
.program div::before{
  background:#fff8ed !important;
  box-shadow:2px 2px 0 rgba(0,0,0,.04) !important;
}
.evening{
  background:#eadcf0 !important;
  border:1px solid rgba(89,73,97,.12) !important;
  box-shadow:7px 8px 0 rgba(221,207,230,.96),0 16px 26px rgba(52,41,31,.06) !important;
  transform:rotate(-.55deg) !important;
}
.evening::before{
  background:rgba(191,208,173,.82) !important;
}
.day-actions{
  margin-top:24px !important;
}
.day-actions .hotel-btn,
.day-actions .action-btn{
  background:#f7e5c8 !important;
  box-shadow:4px 5px 0 rgba(48,41,35,.12), 0 10px 18px rgba(52,41,31,.05) !important;
  transform:rotate(-.65deg) !important;
}
.day-actions > :nth-child(2){
  background:#dfe9dc !important;
  transform:rotate(.55deg) !important;
}
.day-actions .hotel-btn::before,
.day-actions .action-btn::before{
  content:"" !important;
  position:absolute !important;
  top:-8px !important;
  left:18px !important;
  width:42px !important;
  height:14px !important;
  background:rgba(210,190,156,.72) !important;
  transform:rotate(-6deg) !important;
}
.day-actions .hotel-btn:hover,
.day-actions .action-btn:hover{
  background:#fffaf1 !important;
  transform:translateY(-2px) rotate(0deg) !important;
}

@media(max-width:600px){
  .hero-wrap,
  .paper-card > .hero-image{
    padding:9px 9px 28px !important;
    transform:rotate(-.75deg) !important;
  }
  .hero-wrap::before{left:16px !important;width:64px !important;height:18px !important;top:-7px !important;}
  .content > h1{
    padding:22px 16px 20px !important;
    transform:rotate(.5deg) !important;
  }
  .content > h1::after{left:14px !important;width:62px !important;height:18px !important;top:-7px !important;}
  .lead{
    padding:18px 15px 16px !important;
    transform:rotate(-.35deg) !important;
  }
  .lead::before{left:14px !important;width:62px !important;height:18px !important;top:-8px !important;}
  .shared-weather-board{
    transform:rotate(.3deg) !important;
    padding:14px 11px 12px !important;
  }
  .weather-chip{transform:none !important;}
  .weather-chip::before{left:10px !important;width:28px !important;}
  .program{
    transform:rotate(.35deg) !important;
    padding-top:18px !important;
  }
  .program::before{left:12px !important;width:42px !important;height:14px !important;top:-6px !important;}
  .program div{margin-right:12px !important;}
  .program::after{right:10px !important;top:12px !important;transform:scale(.82) !important;transform-origin:top right !important;}
  .evening{transform:none !important;}
  .day-actions .hotel-btn,
  .day-actions .action-btn,
  .day-actions > :nth-child(2){transform:none !important;}
}


/* ===== Stronger scrapbook restyle for day pages ===== */
.paper-card{
  position:relative;
}
.paper-card::before{
  content:"✦" !important;
  right:18px !important;
  top:108px !important;
  font-size:1.45rem !important;
  color:rgba(211,171,94,.95) !important;
  transform:rotate(10deg) !important;
}
.paper-card::after{
  content:"♡" !important;
  left:18px !important;
  bottom:94px !important;
  font-size:1.2rem !important;
  color:rgba(220,150,167,.86) !important;
  transform:rotate(-12deg) !important;
}
.hero-wrap,
.paper-card > .hero-image{
  background:#fff7ec !important;
  padding:14px 14px 36px !important;
  border-radius:2px !important;
  border:1px solid rgba(68,53,39,.14) !important;
  box-shadow:9px 10px 0 rgba(229,214,189,.96), 0 22px 36px rgba(52,41,31,.10) !important;
  transform:rotate(-1.15deg) !important;
}
.hero-wrap::before{
  content:"" !important;
  position:absolute !important;
  top:-9px !important;
  left:30px !important;
  width:86px !important;
  height:22px !important;
  background:rgba(211,190,156,.72) !important;
  transform:rotate(-8deg) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.05) !important;
}
.hero-wrap::after{
  content:"TODAY'S ROUTE" !important;
  letter-spacing:.09em !important;
}
.paper-card > .hero-image + .content,
.hero-wrap + .content{
  position:relative;
}
.shared-day-page-badge{
  box-shadow:6px 10px 18px rgba(0,0,0,.10) !important;
}
.content > h1{
  background:#f6e4d8 !important;
  border:1px solid rgba(79,58,43,.14) !important;
  box-shadow:7px 8px 0 rgba(238,221,209,.95), 0 18px 32px rgba(52,41,31,.08) !important;
  transform:rotate(.95deg) !important;
  padding:30px 30px 26px !important;
}
.content > h1::before{
  background:#fff8f2 !important;
  transform:rotate(-1.9deg) !important;
}
.content > h1::after{
  right:auto !important;
  left:28px !important;
  width:84px !important;
  height:22px !important;
  top:-10px !important;
  transform:rotate(-7deg) !important;
  background:rgba(221,197,160,.78) !important;
}
.content > h1 .title-doodle,
.content > h1 .title-doodle-2{
  position:absolute;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  color:rgba(138,112,89,.56);
  pointer-events:none;
}
.content > h1 .title-doodle{right:22px;bottom:16px;font-size:1.15rem;transform:rotate(8deg)}
.content > h1 .title-doodle-2{right:50px;top:14px;font-size:1rem;transform:rotate(-8deg)}
.lead{
  background:
    linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),
    repeating-linear-gradient(to bottom, transparent 0 28px, rgba(95,127,176,.12) 28px 29px),
    #fffdf8 !important;
  border:1px solid rgba(79,58,43,.12) !important;
  box-shadow:7px 8px 0 rgba(220,231,213,.92), 0 14px 26px rgba(52,41,31,.06) !important;
  transform:rotate(-.6deg) !important;
  padding:24px 24px 20px !important;
}
.lead::before{
  content:"" !important;
  width:88px !important;
  height:24px !important;
  top:-10px !important;
  left:30px !important;
  background:rgba(185,203,168,.8) !important;
  transform:rotate(-5deg) !important;
}
.lead::after{
  content:"little notes" !important;
  font-size:.82rem !important;
  color:rgba(116,93,76,.45) !important;
}
.shared-weather-board{
  background:#e7eef1 !important;
  border:1px solid rgba(76,101,113,.12) !important;
  box-shadow:7px 8px 0 rgba(204,219,226,.95), 0 16px 30px rgba(52,41,31,.06) !important;
  transform:rotate(.8deg) !important;
  border-radius:2px !important;
  padding:18px 18px 14px !important;
}
.shared-weather-board::before{
  background:rgba(209,189,154,.74) !important;
}
.weather-board-title{
  background:#f6e4bc !important;
  box-shadow:3px 3px 0 rgba(0,0,0,.04) !important;
}
.weather-board-grid{
  gap:12px !important;
}
.weather-chip{
  position:relative;
  background:#fffaf1 !important;
  border:1px solid rgba(79,58,43,.10) !important;
  box-shadow:0 8px 14px rgba(52,41,31,.05) !important;
  border-radius:2px !important;
  padding:13px 12px 11px !important;
}
.weather-chip:nth-child(1){transform:rotate(-1deg);background:#fff8ee !important;}
.weather-chip:nth-child(2){transform:rotate(.8deg);background:#f8fbff !important;}
.weather-chip:nth-child(3){transform:rotate(-.6deg);background:#fdf8fb !important;}
.weather-chip::before{
  content:"";
  position:absolute;
  top:-6px;
  left:14px;
  width:34px;
  height:12px;
  background:rgba(211,190,156,.65);
  transform:rotate(-6deg);
}
.content > h2{
  background:rgba(227,204,163,.88) !important;
  box-shadow:0 8px 14px rgba(52,41,31,.06) !important;
  transform:rotate(-1.5deg) !important;
}
.program{
  background:#e6efdf !important;
  border:1px solid rgba(74,96,74,.14) !important;
  box-shadow:7px 8px 0 rgba(215,228,205,.95), 0 16px 28px rgba(52,41,31,.06) !important;
  transform:rotate(.65deg) !important;
  padding-top:24px !important;
  border-radius:2px !important;
}
.program::before{
  left:18px !important;
  top:-8px !important;
  width:60px !important;
  height:18px !important;
  background:rgba(235,216,163,.86) !important;
  transform:rotate(-3deg) !important;
}
.program::after{
  content:"" !important;
  position:absolute !important;
  top:15px !important;
  right:16px !important;
  width:14px !important;
  height:14px !important;
  border-radius:50% !important;
  border:1.4px solid rgba(66,58,46,.35) !important;
  box-shadow:0 22px 0 -1px rgba(66,58,46,.25),0 44px 0 -1px rgba(66,58,46,.20),0 66px 0 -1px rgba(66,58,46,.18),0 88px 0 -1px rgba(66,58,46,.16),0 110px 0 -1px rgba(66,58,46,.13),0 132px 0 -1px rgba(66,58,46,.11) !important;
}
.program div{
  margin-right:16px !important;
  padding-left:18px !important;
}
.program div::before{
  background:#fff8ed !important;
  box-shadow:2px 2px 0 rgba(0,0,0,.04) !important;
}
.evening{
  background:#eadcf0 !important;
  border:1px solid rgba(89,73,97,.12) !important;
  box-shadow:7px 8px 0 rgba(221,207,230,.96),0 16px 26px rgba(52,41,31,.06) !important;
  transform:rotate(-.55deg) !important;
}
.evening::before{
  background:rgba(191,208,173,.82) !important;
}
.day-actions{
  margin-top:24px !important;
}
.day-actions .hotel-btn,
.day-actions .action-btn{
  background:#f7e5c8 !important;
  box-shadow:4px 5px 0 rgba(48,41,35,.12), 0 10px 18px rgba(52,41,31,.05) !important;
  transform:rotate(-.65deg) !important;
}
.day-actions > :nth-child(2){
  background:#dfe9dc !important;
  transform:rotate(.55deg) !important;
}
.day-actions .hotel-btn::before,
.day-actions .action-btn::before{
  content:"" !important;
  position:absolute !important;
  top:-8px !important;
  left:18px !important;
  width:42px !important;
  height:14px !important;
  background:rgba(210,190,156,.72) !important;
  transform:rotate(-6deg) !important;
}
.day-actions .hotel-btn:hover,
.day-actions .action-btn:hover{
  background:#fffaf1 !important;
  transform:translateY(-2px) rotate(0deg) !important;
}

@media(max-width:600px){
  .hero-wrap,
  .paper-card > .hero-image{
    padding:9px 9px 28px !important;
    transform:rotate(-.75deg) !important;
  }
  .hero-wrap::before{left:16px !important;width:64px !important;height:18px !important;top:-7px !important;}
  .content > h1{
    padding:22px 16px 20px !important;
    transform:rotate(.5deg) !important;
  }
  .content > h1::after{left:14px !important;width:62px !important;height:18px !important;top:-7px !important;}
  .lead{
    padding:18px 15px 16px !important;
    transform:rotate(-.35deg) !important;
  }
  .lead::before{left:14px !important;width:62px !important;height:18px !important;top:-8px !important;}
  .shared-weather-board{
    transform:rotate(.3deg) !important;
    padding:14px 11px 12px !important;
  }
  .weather-chip{transform:none !important;}
  .weather-chip::before{left:10px !important;width:28px !important;}
  .program{
    transform:rotate(.35deg) !important;
    padding-top:18px !important;
  }
  .program::before{left:12px !important;width:42px !important;height:14px !important;top:-6px !important;}
  .program div{margin-right:12px !important;}
  .program::after{right:10px !important;top:12px !important;transform:scale(.82) !important;transform-origin:top right !important;}
  .evening{transform:none !important;}
  .day-actions .hotel-btn,
  .day-actions .action-btn,
  .day-actions > :nth-child(2){transform:none !important;}
}


/* ===== Weather board redesign: more crafted scrapbook look ===== */
.shared-weather-board{
  position:relative;
  overflow:visible;
  background:
    linear-gradient(rgba(255,255,255,.24), rgba(255,255,255,.24)),
    repeating-linear-gradient(to bottom, transparent 0 25px, rgba(110,132,166,.10) 25px 26px),
    #f8fbfd !important;
  border:1px solid rgba(88,106,118,.15) !important;
  box-shadow:8px 10px 0 rgba(212,225,232,.96), 0 18px 30px rgba(52,41,31,.07) !important;
  transform:rotate(.65deg) !important;
  padding:20px 18px 16px !important;
}
.shared-weather-board::before{
  content:none !important;
}
.shared-weather-board::after{
  content:"";
  position:absolute;
  inset:9px -8px -9px 9px;
  z-index:-1;
  background:#ecf2f5;
  border:1px solid rgba(88,106,118,.08);
  transform:rotate(-1.1deg);
}
.weather-board-head{
  position:relative;
  margin:0 0 14px;
  padding-right:26px;
}
.weather-board-tape{
  position:absolute;
  left:8px;
  top:-13px;
  width:82px;
  height:22px;
  background:rgba(216,196,160,.72);
  transform:rotate(-6deg);
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.weather-board-kicker{
  display:inline-block;
  margin:0 0 6px;
  color:rgba(77,85,94,.78);
  font:700 .7rem/1.1 Arial, Helvetica, sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.weather-board-title{
  display:inline-block;
  margin:0;
  padding:6px 14px 5px;
  background:#f4e3bc !important;
  color:#2b221c;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:1.15rem;
  line-height:1;
  transform:rotate(-1.4deg);
  box-shadow:4px 4px 0 rgba(0,0,0,.04) !important;
}
.weather-board-doodle{
  position:absolute;
  right:2px;
  top:0;
  color:rgba(180,150,95,.86);
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:1.1rem;
  transform:rotate(10deg);
}
.weather-board-grid{
  gap:14px !important;
  align-items:stretch;
}
.weather-chip{
  min-height:106px;
  align-items:flex-start;
  gap:11px;
  padding:16px 13px 12px !important;
  border:1px solid rgba(79,58,43,.10) !important;
  box-shadow:0 10px 18px rgba(52,41,31,.06) !important;
  border-radius:2px !important;
}
.weather-chip::before{
  width:38px !important;
  height:12px !important;
  top:-7px !important;
  left:16px !important;
  background:rgba(211,190,156,.68) !important;
}
.weather-chip:nth-child(1){
  background:#fff8ee !important;
  transform:rotate(-1.5deg);
}
.weather-chip:nth-child(2){
  background:#f5fafe !important;
  transform:rotate(.95deg);
}
.weather-chip:nth-child(3){
  background:#fcf7fb !important;
  transform:rotate(-.65deg);
}
.weather-icon{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:50%;
  background:#fffdf8;
  border:1px solid rgba(70,55,43,.08);
  box-shadow:0 5px 10px rgba(52,41,31,.05);
}
.weather-copy{
  gap:5px;
  padding-top:2px;
}
.weather-copy strong{
  font-size:1.03rem;
  letter-spacing:.01em;
}
.weather-copy em{
  font-size:.92rem;
  color:#726359;
}
.weather-sun .weather-icon,
.weather-partly .weather-icon{
  background:linear-gradient(180deg,#fffaf0 0%, #fff3d7 100%);
}
.weather-cloud .weather-icon,
.weather-rain .weather-icon,
.weather-wind .weather-icon{
  background:linear-gradient(180deg,#fbfdff 0%, #ecf4f9 100%);
}
.weather-moon .weather-icon{
  background:linear-gradient(180deg,#fffaf4 0%, #f7ecdc 100%);
}
.weather-sun .weather-icon::before,
.weather-partly .weather-icon::before{
  left:16px !important;
  top:15px !important;
  width:20px !important;
  height:20px !important;
  box-shadow:0 0 0 6px rgba(243,195,93,.13) !important;
}
.weather-sun .weather-icon::after{
  inset:4px !important;
  opacity:.9 !important;
}
.weather-cloud .weather-icon::before,
.weather-rain .weather-icon::before,
.weather-partly .weather-icon::after,
.weather-moon .weather-icon::after{
  left:13px !important;
  top:23px !important;
  width:26px !important;
  height:12px !important;
  box-shadow:-8px 2px 0 2px #dfe7ef, 7px -3px 0 1px #dfe7ef !important;
}
.weather-rain .weather-icon::after{
  left:17px !important;
  top:37px !important;
  width:4px !important;
  height:9px !important;
  box-shadow:8px 2px 0 0 #78a9ca, 16px -1px 0 0 #78a9ca !important;
}
.weather-partly .weather-icon::before{
  left:10px !important;
  top:10px !important;
  width:16px !important;
  height:16px !important;
}
.weather-wind .weather-icon::before,
.weather-wind .weather-icon::after{
  left:8px !important;
  right:8px !important;
  border-top-width:3px !important;
}
.weather-moon .weather-icon::before{
  left:16px !important;
  top:13px !important;
  width:20px !important;
  height:20px !important;
  box-shadow:8px 0 0 0 #fffaf1 !important;
}
@media(max-width:600px){
  .shared-weather-board{
    padding:17px 11px 13px !important;
    transform:rotate(.2deg) !important;
  }
  .shared-weather-board::after{inset:7px -6px -7px 7px;}
  .weather-board-tape{width:68px;height:18px;left:6px;top:-10px;}
  .weather-board-kicker{font-size:.63rem;letter-spacing:.14em;}
  .weather-board-title{font-size:1rem;padding:5px 11px 4px;}
  .weather-board-doodle{font-size:.98rem;top:1px;}
  .weather-chip{
    min-height:86px;
    padding:13px 10px 10px !important;
    gap:10px;
    transform:none !important;
  }
  .weather-chip::before{width:30px !important;height:10px !important;left:12px !important;top:-6px !important;}
  .weather-icon{width:46px;height:46px;flex-basis:46px;}
  .weather-sun .weather-icon::before,
  .weather-partly .weather-icon::before{left:13px !important;top:12px !important;width:18px !important;height:18px !important;}
  .weather-cloud .weather-icon::before,
  .weather-rain .weather-icon::before,
  .weather-partly .weather-icon::after,
  .weather-moon .weather-icon::after{left:11px !important;top:20px !important;width:22px !important;height:10px !important;}
  .weather-rain .weather-icon::after{left:15px !important;top:33px !important;}
  .weather-moon .weather-icon::before{left:13px !important;top:10px !important;width:18px !important;height:18px !important;}
  .weather-copy strong{font-size:.95rem;}
  .weather-copy em{font-size:.85rem;}
}


/* ===== Dynamic day/location weather ===== */
.live-trip-weather{
  max-width:760px;
}
.weather-location-row{
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 2px 14px;
  padding:9px 12px;
  background:rgba(255,255,255,.52);
  border:1px dashed rgba(79,58,43,.13);
}
.weather-location-row > div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.weather-place{
  color:#2f271f;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:1.05rem;
  font-weight:600;
}
.weather-date{
  color:#776a61;
  font-size:.86rem;
}
.weather-location-pin{
  position:relative;
  width:24px;
  height:24px;
  flex:0 0 24px;
  border:2px solid #52636b;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
}
.weather-location-pin::after{
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  left:7px;
  top:7px;
  border-radius:50%;
  background:#52636b;
}
.weather-live-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  min-height:126px;
  padding:18px 18px;
  background:#fffaf1;
  border:1px solid rgba(79,58,43,.11);
  box-shadow:0 9px 16px rgba(52,41,31,.05);
  transform:rotate(-.3deg);
}
.weather-main{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.weather-main-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.weather-condition{
  color:#29221d;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:clamp(1.25rem,3.5vw,1.7rem);
  font-weight:600;
  line-height:1.05;
}
.weather-status{
  color:#75685f;
  font-size:.87rem;
  line-height:1.25;
}
.weather-temperatures{
  display:flex;
  gap:10px;
}
.weather-temp{
  min-width:78px;
  padding:10px 10px 9px;
  text-align:center;
  background:#f9f5ee;
  border:1px solid rgba(79,58,43,.10);
  box-shadow:3px 4px 0 rgba(52,41,31,.05);
}
.weather-temp-min{
  background:#eaf3f7;
  transform:rotate(-1deg);
}
.weather-temp-max{
  background:#fff0d8;
  transform:rotate(1deg);
}
.weather-temp span{
  display:block;
  margin-bottom:3px;
  color:#74675e;
  font:700 .64rem/1 Arial,Helvetica,sans-serif;
  letter-spacing:.12em;
}
.weather-temp strong{
  color:#2b241e;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:1.75rem;
  line-height:1;
}
.weather-live-icon{
  position:relative;
  width:72px;
  height:72px;
  flex:0 0 72px;
  border-radius:50%;
  background:#f8fbfd;
  border:1px solid rgba(79,58,43,.08);
  box-shadow:0 7px 12px rgba(52,41,31,.06);
}
.weather-live-icon.weather-sun::before,
.weather-live-icon.weather-partly::before{
  content:"";
  position:absolute;
  left:25px;
  top:23px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#efc15d;
  box-shadow:0 0 0 8px rgba(239,193,93,.15);
}
.weather-live-icon.weather-cloud::before,
.weather-live-icon.weather-rain::before,
.weather-live-icon.weather-partly::after,
.weather-live-icon.weather-snow::before,
.weather-live-icon.weather-storm::before{
  content:"";
  position:absolute;
  left:24px;
  top:32px;
  width:30px;
  height:14px;
  border-radius:20px;
  background:#dce6ec;
  box-shadow:-12px 2px 0 2px #dce6ec,8px -4px 0 1px #dce6ec;
}
.weather-live-icon.weather-partly::before{
  left:15px;
  top:16px;
  width:18px;
  height:18px;
}
.weather-live-icon.weather-rain::after,
.weather-live-icon.weather-storm::after{
  content:"";
  position:absolute;
  left:25px;
  top:49px;
  width:4px;
  height:11px;
  border-radius:8px;
  background:#73a6c8;
  box-shadow:10px 3px 0 #73a6c8,20px 0 0 #73a6c8;
}
.weather-live-icon.weather-snow::after{
  content:"✦  ✦";
  position:absolute;
  left:22px;
  top:47px;
  color:#8bb6cf;
  font-size:.72rem;
  letter-spacing:5px;
}
.weather-live-icon.weather-storm::after{
  width:5px;
  height:17px;
  left:35px;
  top:46px;
  background:#d7ad45;
  box-shadow:none;
  transform:skew(-17deg);
}
.weather-footnote{
  margin:11px 4px 0;
  color:rgba(89,76,66,.62);
  font-size:.76rem;
  font-style:italic;
  text-align:right;
}
.weather-live-card.is-loading{
  opacity:.78;
}
.weather-live-card.is-unavailable .weather-live-icon{
  opacity:.55;
}
.weather-live-card.is-unavailable .weather-temperatures{
  opacity:.55;
}

@media(max-width:600px){
  .weather-live-card{
    grid-template-columns:1fr;
    gap:14px;
    min-height:0;
    padding:15px 13px;
    transform:none;
  }
  .weather-main{
    gap:12px;
  }
  .weather-live-icon{
    width:62px;
    height:62px;
    flex-basis:62px;
  }
  .weather-live-icon.weather-sun::before,
  .weather-live-icon.weather-partly::before{
    left:21px;
    top:19px;
    width:20px;
    height:20px;
  }
  .weather-live-icon.weather-cloud::before,
  .weather-live-icon.weather-rain::before,
  .weather-live-icon.weather-partly::after,
  .weather-live-icon.weather-snow::before,
  .weather-live-icon.weather-storm::before{
    left:20px;
    top:28px;
    width:27px;
    height:12px;
  }
  .weather-live-icon.weather-rain::after,
  .weather-live-icon.weather-storm::after{
    left:22px;
    top:43px;
  }
  .weather-temperatures{
    width:100%;
  }
  .weather-temp{
    flex:1 1 0;
    min-width:0;
  }
  .weather-footnote{
    text-align:left;
  }
}


/* ===== 3-day live forecast cards ===== */
.weather-three-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.weather-day-card{
  position:relative;
  min-width:0;
  padding:14px 12px 12px;
  background:#fffaf1;
  border:1px solid rgba(79,58,43,.11);
  box-shadow:0 9px 16px rgba(52,41,31,.05);
}
.weather-day-card:nth-child(1){
  transform:rotate(-1deg);
  background:#fff8ee;
}
.weather-day-card:nth-child(2){
  transform:rotate(.7deg);
  background:#f5fafe;
}
.weather-day-card:nth-child(3){
  transform:rotate(-.45deg);
  background:#fcf7fb;
}
.weather-day-card::before{
  content:"";
  position:absolute;
  width:38px;
  height:12px;
  top:-7px;
  left:15px;
  background:rgba(211,190,156,.70);
  transform:rotate(-5deg);
}
.weather-day-label{
  margin-bottom:2px;
  color:#2b241e;
  font-family:"Marker Felt","Bradley Hand","Comic Sans MS",cursive;
  font-size:1.04rem;
  font-weight:600;
}
.weather-day-date{
  margin-bottom:11px;
  color:#75685f;
  font-size:.78rem;
}
.weather-day-main{
  min-height:82px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
}
.weather-day-main .weather-condition{
  font-size:1rem;
  line-height:1.05;
}
.weather-day-card .weather-live-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
}
.weather-day-card .weather-temperatures{
  margin-top:9px;
  gap:7px;
}
.weather-day-card .weather-temp{
  min-width:0;
  flex:1 1 0;
  padding:8px 6px 7px;
}
.weather-day-card .weather-temp strong{
  font-size:1.45rem;
}
.weather-day-card.is-loading{
  opacity:.7;
}
.weather-day-card.is-unavailable{
  opacity:.62;
}
@media(max-width:700px){
  .weather-three-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .weather-day-card,
  .weather-day-card:nth-child(1),
  .weather-day-card:nth-child(2),
  .weather-day-card:nth-child(3){
    transform:none;
  }
  .weather-day-main{
    min-height:70px;
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
  }
  .weather-day-card .weather-temperatures{
    margin-top:7px;
  }
}
\n\n/* Weather sticker icon override */\n.weather-live-icon{\n  display:block;\n  width:72px !important;\n  height:72px !important;\n  flex:0 0 72px !important;\n  object-fit:contain;\n  background:none !important;\n  border:none !important;\n  border-radius:0 !important;\n  box-shadow:none !important;\n}\n.weather-live-icon::before,\n.weather-live-icon::after{\n  content:none !important;\n  display:none !important;\n}\n.weather-day-card .weather-live-icon{\n  width:58px !important;\n  height:58px !important;\n  flex-basis:58px !important;\n}\n@media(max-width:600px){\n  .weather-live-icon{\n    width:62px !important;\n    height:62px !important;\n    flex-basis:62px !important;\n  }\n}\n

/* ===== Stable embedded weather widget ===== */
.weather-api-status{
  color:#75685f;
  font-size:.82rem;
}
.weather-sticker{
  display:block;
  width:74px;
  height:74px;
  object-fit:contain;
  filter:drop-shadow(0 5px 7px rgba(53,44,35,.08));
}
.weather-day-card .weather-sticker{
  margin:0 auto;
}
.weather-day-card.is-unavailable .weather-sticker{
  opacity:.45;
}
@media(max-width:700px){
  .weather-sticker{
    width:62px;
    height:62px;
  }
  .weather-day-card .weather-sticker{
    margin:0;
    flex:0 0 62px;
  }
}


/* Today itinerary button with icon */
.day-actions .route-btn,
.day-actions .action-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  text-align:left !important;
}

.route-btn-icon-wrap{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}

.route-btn-icon{
  display:block;
  width:56px;
  height:56px;
  object-fit:contain;
  filter:drop-shadow(0 3px 3px rgba(44,33,25,.10));
}

.route-btn-text{
  display:block;
  line-height:1.05;
}

@media (max-width: 600px){
  .route-btn-icon{
    width:46px;
    height:46px;
  }
}


/* Language layout stability */
.section-hero-copy,
.content > h1,
.section-page .section h2,
.content > h2{
  overflow-wrap:anywhere;
}
.section-hero-subtitle{
  min-height:2.7em;
}

.content > h1{
  min-height:3.1em;
  display:flex;
  align-items:center;
}
.day-actions .hotel-btn,
.day-actions .action-btn{
  min-height:64px !important;
}


/* ===== Localized Little Notes label ===== */
html[lang="fr"] .lead::after{content:"petites notes" !important;}
html[lang="es"] .lead::after{content:"notitas" !important;}
html[lang="it"] .lead::after{content:"piccole note" !important;}
html[lang="de"] .lead::after{content:"kleine Notizen" !important;}
html[lang="en"] .lead::after{content:"little notes" !important;}