@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Fredoka:wght@400;500;600;700&family=Kalam:wght@400;700&family=Patrick+Hand&display=swap');

:root{
 --pink:#ff8fb1; --hot:#ff5f91; --cream:#fffaf0; --paper:#fffdf7;
 --green:#b9d9b0; --mint:#dff1df; --brown:#654d52; --ink:#493f45;
 --yellow:#ffe39a; --lilac:#d8c7ef; --blue:#bde2f5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0; color:var(--ink); background:#f7dfd9;
 font-family:'Fredoka',sans-serif; overflow-x:hidden;
 background-image:
  radial-gradient(#ffffffb5 2px,transparent 2px),
  linear-gradient(12deg,transparent 48%,#ffffff55 49%,transparent 51%);
 background-size:24px 24px,180px 180px;
}
body:before,body:after{
 content:""; position:fixed; z-index:-1; width:180px;height:180px;
 border:3px dashed #ff9db8; border-radius:50%; opacity:.25;
}
body:before{left:-90px;top:120px;transform:rotate(18deg)}
body:after{right:-100px;bottom:80px;transform:rotate(-22deg)}
a{color:#bd4f77}
a:hover{color:#5f8f68}
.site{width:min(1180px,96%);margin:24px auto;background:var(--cream);
 border:4px solid #6c5458; box-shadow:12px 12px 0 #8fb18c, 0 18px 45px #6b4e5930;
 position:relative}
.site:before{content:"✦  ♡  ✿  ✎  ✧  ♡  ✿";position:absolute;top:-25px;left:2%;
 font-family:'Caveat';font-size:24px;color:#e65d8a;letter-spacing:10px;white-space:nowrap}
header{
 padding:35px 25px 28px; min-height:270px; text-align:center; position:relative;
 background:linear-gradient(135deg,#ffd4e1,#fff0ce 52%,#dcefd9);
 border-bottom:4px solid #6c5458; overflow:hidden}
header:before{content:"♡";position:absolute;left:6%;top:15px;font-size:95px;color:#ff7fa6;transform:rotate(-16deg);font-family:'Caveat'}
header:after{content:"✿";position:absolute;right:8%;bottom:4px;font-size:90px;color:#8db58d;transform:rotate(15deg);font-family:'Kalam'}
.logo-box{display:inline-block;position:relative;background:#fffdf5e8;padding:18px 30px 15px;
 border:3px solid #6c5458;box-shadow:8px 8px 0 #ff9db8;transform:rotate(-1deg)}
.logo-box h1{margin:0;color:#ff5f91;font-family:'Caveat';font-size:clamp(64px,10vw,110px);line-height:.8;
 text-shadow:3px 3px 0 #ffe1eb;letter-spacing:2px}
.logo-box p{margin:12px 0 0;font-family:'Patrick Hand';font-size:22px}
.logo-box .tiny{font-family:'Kalam';font-size:16px;color:#6f8d70}
nav{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;padding:13px;background:#ff9db8;border-bottom:4px solid #6c5458}
nav a{background:#fff9e9;border:3px solid #6c5458;padding:8px 17px;text-decoration:none;color:#5e4a51;
 box-shadow:3px 3px 0 #7ea17b;transform:rotate(var(--r,0deg));font-family:'Kalam';font-size:18px}
nav a:nth-child(2){--r:-2deg}nav a:nth-child(3){--r:2deg}nav a:nth-child(4){--r:-1deg}
nav a:hover{transform:translateY(-4px) rotate(-2deg);background:#fff}
nav a.active{background:#ffe0ec;color:#d74f7d;border-color:#ff5f91;box-shadow:0 0 10px #ff8fb1,4px 4px 0 #ffabc2;text-shadow:0 0 6px #ff8fb1;transform:translateY(-2px) rotate(var(--r,0deg))}
.page{padding:26px}
.layout{display:block}
.card{background:var(--paper);border:3px solid #6c5458;box-shadow:7px 7px 0 #b8d2ad;padding:22px;margin-bottom:22px;position:relative}
.card:after{content:"✎";position:absolute;right:12px;top:-19px;background:#ffe39a;border:2px solid #6c5458;padding:3px 8px;font-family:'Caveat';font-size:25px;transform:rotate(8deg)}
.card h2{margin:0 0 14px;color:#d74f7d;font-family:'Caveat';font-size:42px;line-height:.95}
.hand{font-family:'Patrick Hand';font-size:22px;line-height:1.55}
.badge{display:inline-block;padding:5px 11px;background:#dff1df;border:2px solid #6c5458;margin:4px 2px;
 font-family:'Kalam';transform:rotate(-2deg)}
.badge:nth-of-type(2){background:#ffe3a6;transform:rotate(2deg)}
.badge:nth-of-type(3){background:#e2d5f3}
.scrap-row{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin:16px 0}
.scrap{padding:12px 18px;background:#fff;border:2px solid #6c5458;box-shadow:4px 4px 0 #ff9db8;
 font-family:'Caveat';font-size:25px;transform:rotate(-3deg)}
.scrap:nth-child(2){transform:rotate(3deg);background:#e5f3df}
.scrap:nth-child(3){transform:rotate(-1deg);background:#fff0c9}
.doodle-strip{font-family:'Caveat';font-size:28px;color:#7e9c78;letter-spacing:9px;text-align:center;padding:5px}
.month{margin:35px 0 10px;display:flex;align-items:end;gap:12px}
.month h2{font-family:'Caveat';font-size:55px;color:#ff5f91;margin:0;line-height:.8}
.month span{font-family:'Patrick Hand';font-size:19px}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.week-card{display:block;position:relative;background:#fffdf7;border:3px solid #6c5458;text-decoration:none;color:var(--ink);
 box-shadow:8px 8px 0 #b8d2ad;padding:12px;transform:rotate(-1deg);transition:.18s}
.week-card:nth-child(even){transform:rotate(1deg);box-shadow:8px 8px 0 #ffabc2}
.week-card:hover{transform:translateY(-7px) rotate(0);box-shadow:10px 12px 0 #8fb18c}
.week-picture{height:260px;background:#f4e9dc;border:2px dashed #6c5458;overflow:hidden;position:relative}
.week-picture img{width:100%;height:100%;object-fit:cover;display:block}
.week-picture:after{content:"✿  DOODLE YOUR DAY  ♡";position:absolute;bottom:7px;right:7px;
 background:#fff7c9e8;padding:4px 8px;border:2px solid #6c5458;font-family:'Caveat';font-size:17px;transform:rotate(-3deg)}
.week-number{font-family:'Kalam';color:#ff5f91;font-size:17px;margin-top:12px}
.week-title{font-family:'Caveat';font-weight:700;color:#5d7f62;font-size:32px;line-height:.95;margin:3px 0}
.week-date{font-family:'Patrick Hand';font-size:19px;color:#8c6670}
footer{padding:24px;text-align:center;background:#ffabc2;border-top:4px solid #6c5458;font-family:'Caveat';font-size:25px}
.top-button{position:fixed;right:18px;bottom:18px;background:#ff7fa6;border:3px solid #6c5458;color:#fff;
 width:48px;height:48px;display:grid;place-items:center;border-radius:50%;text-decoration:none;font-size:25px;box-shadow:4px 4px 0 #7ea17b}
.week-page{padding:25px;max-width:950px;margin:auto}
.back{font-family:'Kalam';font-size:18px}
.entry-cover{background:#fff;padding:12px;border:3px solid #6c5458;box-shadow:10px 10px 0 #ffabc2;transform:rotate(-1deg);margin:18px auto 35px;max-width:820px}
.entry-cover img{width:100%;display:block;max-height:480px;object-fit:cover}
.entry-title{text-align:center;font-family:'Caveat';font-size:clamp(54px,8vw,86px);line-height:.8;color:#ff5f91;margin:25px 0 8px}
.entry-date{text-align:center;font-family:'Patrick Hand';font-size:25px;color:#6d8d70}
.story{font-family:'Patrick Hand';font-size:22px;line-height:1.65}
.story p{margin:0 0 20px}
.story .placeholder{min-height:120px;border:3px dashed #c79baa;background:#fff6e7;padding:20px;
 color:#a77a85;font-family:'Kalam';text-align:center;margin:18px 0}
.comments{margin-top:45px;background:#e7f3df;border:3px solid #6c5458;box-shadow:8px 8px 0 #ffabc2;padding:20px}
.comments h2{font-family:'Caveat';font-size:43px;color:#d74f7d;margin:0 0 8px}
.comment-form{display:grid;gap:9px}
.comment-form input,.comment-form textarea{font:20px 'Patrick Hand';border:2px solid #6c5458;padding:8px;background:#fffdf8}
.comment-form textarea{min-height:100px;resize:vertical}
.comment-form button{font:20px 'Kalam';background:#ff9db8;border:3px solid #6c5458;padding:8px;box-shadow:4px 4px 0 #7ea17b;cursor:pointer}
.comment-list{margin-top:18px;display:grid;gap:10px}
.comment{background:#fffdf7;border:2px dashed #9e7580;padding:10px;font-family:'Patrick Hand';font-size:19px}
.comment b{font-family:'Kalam';color:#d74f7d}
.sticker{position:absolute;font-family:'Caveat';font-size:28px;background:#ffe39a;border:2px solid #6c5458;padding:4px 10px;transform:rotate(7deg)}
.sticker.one{top:15px;right:25px}.sticker.two{bottom:15px;left:25px;transform:rotate(-8deg);background:#dff1df}
.home-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}
.mini-note{background:#fff0c9;border:2px solid #6c5458;padding:15px;transform:rotate(2deg);font-family:'Kalam';font-size:20px}
@media(max-width:800px){
 body{background-size:18px 18px}.site{width:96%;margin:15px auto}.site:before{display:none}
 header{min-height:225px;padding:28px 12px}.logo-box{padding:15px 18px}.logo-box h1{font-size:65px}
 .page,.week-page{padding:15px}.blog-grid,.home-grid{grid-template-columns:1fr}
 .week-picture{height:230px}.story{font-size:20px}.month h2{font-size:48px}
 nav a{font-size:16px;padding:7px 11px}
}

/* ABOUT ME — hand-drawn / scrapbook additions */
.header-doodle{position:absolute;inset:0;pointer-events:none;font-family:'Kalam';color:#3e373a}
.scribble{position:absolute;font-size:30px;opacity:.75}.s1{left:8%;bottom:28px;transform:rotate(-9deg)}.s2{right:13%;top:28px;transform:rotate(11deg)}.s3{left:17%;top:38px;transform:rotate(-18deg)}.s4{right:20%;bottom:28px;transform:rotate(13deg);font-size:42px}
.about-me-layout{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(280px,1fr);gap:28px;align-items:center}
.polaroid-stage{height:480px;position:relative;max-width:510px;margin:auto;width:100%;perspective:900px}
.polaroid{position:absolute;width:min(310px,68%);left:50%;top:12px;background:#fff;border:1px solid #aaa;padding:12px 12px 48px;box-shadow:5px 8px 0 #3d343733,0 8px 20px #3d343733;transform-origin:50% 10%;transition:transform .55s ease,opacity .45s ease,z-index .2s; }
.photo-window{height:330px;background:#f8f5ee;border:2px solid #e2dcd0;overflow:hidden}.photo-window img{width:100%;height:100%;object-fit:cover;display:block}
.polaroid-caption{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-family:'Caveat';font-size:28px;color:#3f3739}
.polaroid-tape{position:absolute;width:82px;height:27px;left:50%;top:0;transform:translateX(-50%) rotate(-4deg);background:#f6dfaa99;border:1px dashed #b49b6d;z-index:8}
.polaroid.pos-0{opacity:1;z-index:6;transform:translateX(-50%) rotate(-3deg) translateY(0) scale(1)}
.polaroid.pos-1{opacity:.92;z-index:5;transform:translateX(-45%) rotate(7deg) translateY(20px) scale(.91)}
.polaroid.pos-2{opacity:.75;z-index:4;transform:translateX(-40%) rotate(-10deg) translateY(38px) scale(.82)}
.polaroid.pos-3{opacity:.5;z-index:3;transform:translateX(-35%) rotate(14deg) translateY(55px) scale(.73)}
.polaroid-controls{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:12;font-family:'Kalam';background:#fff9e9;border:2px solid #4a4144;padding:6px 10px;box-shadow:3px 3px 0 #9ab58f}
.polaroid-controls button,.carousel-arrow{font:28px 'Caveat';border:2px solid #4a4144;background:#ffe2eb;color:#4a4144;cursor:pointer;line-height:1;width:40px;height:38px;box-shadow:2px 2px 0 #8da888}.polaroid-controls button:hover,.carousel-arrow:hover{transform:translateY(-2px)}
.about-note{position:relative;background:#fff6c9;border:3px solid #4a4144;padding:24px 24px 28px;box-shadow:7px 7px 0 #ffabc2;transform:rotate(1deg)}
.paper-label{display:inline-block;background:#fff;border:2px solid #4a4144;padding:5px 11px;font:20px 'Kalam';transform:rotate(-2deg);margin-bottom:8px}.doodle-mini{font:28px 'Kalam';line-height:1.1;text-align:center;margin-top:20px;color:#3f3739}
.movie-carousel,.music-carousel{position:relative;display:flex;align-items:center;gap:10px}.movie-track,.music-track{width:100%;min-height:480px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:15px 45px}
.movie-card{display:none;width:min(280px,90%);background:#fff;border:3px solid #4a4144;padding:10px;box-shadow:7px 8px 0 #9ab58f;transform:rotate(-2deg)}.movie-card.active{display:block;animation:popCard .35s ease}.movie-card:nth-child(2n){box-shadow:7px 8px 0 #ffabc2;transform:rotate(2deg)}
.movie-cover{height:330px;background:#f8f5ee;border:2px dashed #777;overflow:hidden}.movie-cover img{width:100%;height:100%;object-fit:cover}.movie-card h3{font:32px 'Caveat';margin:10px 2px 2px;color:#d74f7d}.movie-card p{font:18px 'Patrick Hand';margin:0 2px 6px}
.carousel-arrow{flex:0 0 auto;width:46px;height:54px;font-size:42px;background:#dff1df;z-index:3}.carousel-arrow.left{transform:rotate(-3deg)}.carousel-arrow.right{transform:rotate(3deg)}
.carousel-dots{text-align:center;margin-top:5px}.carousel-dots button{width:12px;height:12px;border-radius:50%;border:2px solid #4a4144;background:#fff;margin:4px;cursor:pointer}.carousel-dots button.active{background:#ff8fb1}
.doodle-under{text-align:center;font:27px 'Kalam';color:#3f3739;margin-top:12px;letter-spacing:4px}.music-track{min-height:260px}.music-card{display:none;width:min(760px,94%);background:#fffdf7;border:3px solid #4a4144;padding:16px;box-shadow:8px 8px 0 #d7c7eb;grid-template-columns:190px 1fr;gap:20px;align-items:center;transform:rotate(-1deg)}.music-card.active{display:grid;animation:popCard .35s ease}.music-card img{width:190px;height:190px;object-fit:cover;border:3px solid #4a4144;background:#f8f5ee}.music-number{font:18px 'Kalam';color:#6f8d70}.music-card h3{font:38px 'Caveat';margin:3px 0;color:#d74f7d}.music-card .artist{font:20px 'Patrick Hand';margin:0 0 12px}.music-card audio{width:100%}
.big-doodle{font-size:31px;color:#3f3739;margin:20px 0}
@keyframes popCard{from{opacity:.2;transform:scale(.94) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(-1deg)}}
@media(max-width:800px){.about-me-layout{grid-template-columns:1fr}.polaroid-stage{height:440px}.photo-window{height:300px}.movie-track,.music-track{padding:10px}.music-card{grid-template-columns:1fr;text-align:center}.music-card img{margin:auto;width:180px;height:180px}.music-card audio{width:100%}.carousel-arrow{width:38px}.movie-cover{height:300px}}


/* === ORIGINAL PINK + GREEN LOOK / DARK STARRY OUTSIDE === */
body{
  background-color:#15151c !important;
  background-image:
    radial-gradient(circle at 8% 15%, #ffffff 0 1px, transparent 2px),
    radial-gradient(circle at 92% 25%, #ffd8ea 0 1px, transparent 2px),
    radial-gradient(circle at 18% 82%, #cfe9c7 0 1px, transparent 2px),
    radial-gradient(circle at 78% 78%, #ffffff 0 1px, transparent 2px),
    radial-gradient(circle at 48% 8%, #f5a9c8 0 1px, transparent 2px),
    radial-gradient(circle at 63% 55%, #ffffff 0 1px, transparent 2px),
    linear-gradient(135deg,#12121a,#20212a 55%,#15151c) !important;
  background-size:140px 140px,190px 190px,170px 170px,220px 220px,250px 250px,300px 300px,100% 100% !important;
}
body:after{content:'✦  ·  ☆  ·  ✧  ·  ✦  ·  ☆';right:1%;bottom:12%;font-family:'Caveat';font-size:28px;color:#ff9db8;opacity:.7;border:0;width:auto;height:auto;animation:twinkle 3s ease-in-out infinite;}
body:before{content:'☆  ✧  ·  ✦  ·  ♡';left:1%;top:18%;font-family:'Caveat';font-size:28px;color:#b9d9b0;opacity:.7;border:0;width:auto;height:auto;animation:twinkle 4s ease-in-out infinite reverse;}
.site{position:relative;z-index:2;}
.side-column{position:fixed;top:12vh;width:118px;min-height:72vh;z-index:1;display:flex;flex-direction:column;gap:18px;align-items:center;pointer-events:none;}
.side-column.left{left:10px}.side-column.right{right:10px}
.side-note{width:104px;padding:13px 8px;background:#fffdf7;border:3px solid #6c5458;box-shadow:6px 7px 0 #8fb18c;font-family:'Kalam';font-size:17px;text-align:center;transform:rotate(-3deg);}
.side-column.right .side-note{transform:rotate(3deg);box-shadow:6px 7px 0 #ff8fb1;background:#e7f3df;}
.side-doodle{font-family:'Caveat';font-size:35px;color:#ff8fb1;text-shadow:1px 1px #fff;animation:floaty 3.5s ease-in-out infinite}
.side-column.right .side-doodle{color:#b9d9b0;animation-delay:-1.5s}

.side-column.right 


@keyframes floaty{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(4deg)}}
@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:1320px){.side-column{display:none}}


/* ===== ABOUT PAGE: ORIGINAL TWO-SIDEBAR STRUCTURE ===== */
.about-original .site{max-width:1280px}
.original-three-col{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.original-sidebar{min-width:0}
.about-center{min-width:0}
.side-card{padding:14px;margin-bottom:18px}
.side-card h2{font-size:32px;text-align:center;margin-bottom:12px}
.side-link{
  display:block;
  text-decoration:none;
  color:#5e4a51;
  background:#fffdf7;
  border:2px dashed #bda1aa;
  padding:7px 8px;
  margin:7px 0;
  font-family:'Kalam';
  font-size:16px;
  box-shadow:2px 2px 0 #d7e6d0;
}
.side-link:hover,.side-link.active{background:#ffe3ec;transform:rotate(-1deg)}
.tiny-doodle{text-align:center;font:22px 'Kalam';color:#6f8d70;margin:14px 0}
.mini-sticker{
  background:#ffe39a;
  border:2px solid #6c5458;
  padding:10px;
  text-align:center;
  font:22px 'Caveat';
  transform:rotate(-3deg);
  box-shadow:4px 4px 0 #ffabc2;
}
.small-hand{font-size:18px!important}
.side-photo-slot{
  background:#fff;
  border:2px solid #6c5458;
  padding:7px 7px 25px;
  transform:rotate(-3deg);
  box-shadow:5px 6px 0 #ffabc2;
  margin-top:12px;
}
.side-photo-slot img{
  width:100%;
  height:135px;
  display:block;
  object-fit:cover;
  background:#f8f3eb;
  border:2px dashed #bda1aa;
}
.side-photo-slot span{
  display:block;
  text-align:center;
  font:18px 'Caveat';
  margin-top:5px;
}
.right-slot{transform:rotate(3deg);box-shadow:5px 6px 0 #9ab88e}
.update-item{
  background:#e7f3df;
  border:2px dashed #8aa184;
  padding:9px;
  margin:8px 0;
  font:17px 'Patrick Hand';
  line-height:1.25;
}
.update-item b{font-family:'Kalam';color:#d74f7d}
.about-intro{overflow:hidden}
.about-text{max-width:720px;margin:auto;text-align:center}
.polaroid-showcase{
  min-height:555px;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  margin:8px auto 0;
}
.polaroid-stage{
  width:390px;
  height:475px;
  position:relative;
  perspective:900px;
}
.polaroid{
  width:285px;
  padding:11px 11px 48px;
  top:10px;
  background:#fff;
  border:1px solid #9f9690;
  box-shadow:5px 7px 0 #00000018,0 12px 20px #00000020;
}
.photo-window{height:335px}
.polaroid-caption{font-size:29px}
.polaroid.pos-0{
  opacity:1;z-index:6;
  transform:translateX(-50%) rotate(-4deg) translateY(0) scale(1);
}
.polaroid.pos-1{
  opacity:.92;z-index:5;
  transform:translateX(-44%) rotate(7deg) translateY(18px) scale(.92);
}
.polaroid.pos-2{
  opacity:.72;z-index:4;
  transform:translateX(-38%) rotate(-10deg) translateY(37px) scale(.84);
}
.polaroid.pos-3{
  opacity:.48;z-index:3;
  transform:translateX(-32%) rotate(13deg) translateY(56px) scale(.76);
}
.polaroid-tape{
  width:82px;height:25px;
  background:#f3dca8aa;
  top:0;
}
.polaroid-controls{
  bottom:6px;
  background:#fff9e9;
  border:2px solid #6c5458;
  box-shadow:3px 3px 0 #8fb18c;
}
.polaroid-note{
  position:absolute;
  z-index:8;
  font-family:'Kalam';
  font-size:19px;
  line-height:1.05;
  background:#fff0c9;
  border:2px solid #6c5458;
  padding:8px 10px;
  box-shadow:3px 3px 0 #b8d2ad;
}
.note-left{left:2%;top:105px;transform:rotate(-8deg)}
.note-right{right:2%;top:185px;background:#e5f3df;transform:rotate(7deg)}
.movie-track,.music-track{min-height:430px}
.movie-card{width:min(285px,88%)}
.movie-cover{height:335px}
@media(max-width:1050px){
  .original-three-col{grid-template-columns:180px minmax(0,1fr);gap:14px}
  .polaroid-note{display:none}
}
@media(max-width:800px){
  .original-three-col{grid-template-columns:1fr}
  .original-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .about-center{order:-1}
  .side-card{margin-bottom:0}
  .polaroid-showcase{min-height:500px}
  .polaroid-stage{width:330px;height:440px}
  .polaroid{width:260px}
  .photo-window{height:300px}
}

/* Keep the original pink + green scrapbook interior */
.about-original .site{
  background:#fffaf0;
  box-shadow:12px 12px 0 #8fb18c,0 18px 45px #6b4e5930;
}
.about-original header{
  background:linear-gradient(135deg,#ffd4e1,#fff0ce 52%,#dcefd9);
}
.about-original nav{background:#ff9db8}
.about-original .card{background:#fffdf7}

/* ===== WEEK COMMENTS ===== */
.week-comments{
  margin-top:28px;
  padding:18px;
  background:#fff8ed;
  border:3px dashed #b58b9c;
  box-shadow:5px 5px 0 #c8ddbf;
}
.week-comments h2{
  margin-top:0;
  text-align:center;
  font-family:'Kalam',cursive;
  color:#7a5368;
}
.comment-form{
  display:grid;
  gap:8px;
}
.comment-form input,.comment-form textarea{
  width:100%;
  box-sizing:border-box;
  border:2px solid #b8a0a8;
  background:#fff;
  padding:9px 10px;
  font-family:'Patrick Hand',cursive;
  font-size:17px;
  resize:vertical;
}
.comment-form button{
  justify-self:center;
  border:2px solid #6c5458;
  background:#ffd0df;
  padding:8px 16px;
  cursor:pointer;
  font-family:'Kalam',cursive;
  box-shadow:3px 3px 0 #9ab88e;
}
.comment-list{
  margin-top:14px;
  display:grid;
  gap:9px;
}
.comment-item{
  background:#e8f3df;
  border:2px solid #a0b69a;
  padding:9px 11px;
}
.comment-item strong{
  color:#9b5272;
  font-family:'Kalam',cursive;
}
.comment-item small{
  opacity:.65;
  margin-left:5px;
}
.comment-item p{
  margin:4px 0 0;
  font-family:'Patrick Hand',cursive;
  font-size:17px;
}


/* ===== HOME DRAW + COMMENTS TABS ===== */
.home-tab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 28px;}
.home-tab{display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-decoration:none;color:var(--ink);background:#fffdf7;border:3px solid #6c5458;padding:16px 20px;box-shadow:8px 8px 0 #b8d2ad;transform:rotate(-1deg);transition:.18s;position:relative;overflow:hidden;}
.home-tab:nth-child(2){transform:rotate(1deg);box-shadow:8px 8px 0 #ffabc2;background:#fff7fb;}
.home-tab:hover{transform:translateY(-5px) rotate(0);box-shadow:10px 12px 0 #8fb18c;}
.home-tab span{grid-row:1 / span 2;font-size:48px;text-align:center;}
.home-tab strong{font:36px 'Caveat';color:#d74f7d;line-height:.9;}
.home-tab small{font:19px 'Patrick Hand';margin-top:4px;}
.doodle-zone{overflow:hidden;}
.doodle-board-wrap{background:#fff;border:3px dashed #9e7580;padding:8px;box-shadow:inset 0 0 0 3px #ffe7ef;margin-top:15px;}
#doodleCanvas{display:block;width:100%;height:330px;background:#fffdf7;cursor:crosshair;touch-action:none;}
.doodle-tools{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:14px;font:19px 'Kalam';}
.doodle-tools label{background:#e7f3df;border:2px solid #6c5458;padding:6px 10px;box-shadow:3px 3px 0 #b8d2ad;}
.doodle-tools input[type=color]{width:34px;height:28px;border:0;padding:0;vertical-align:middle;background:transparent;}
.doodle-tools input[type=range]{vertical-align:middle;accent-color:#ff5f91;}
.doodle-tools button{font:20px 'Kalam';background:#ff9db8;border:3px solid #6c5458;padding:7px 14px;box-shadow:4px 4px 0 #7ea17b;cursor:pointer;}
.home-comments{scroll-margin-top:20px;}
@media(max-width:700px){.home-tab-grid{grid-template-columns:1fr}.home-tab strong{font-size:32px}#doodleCanvas{height:260px}}

/* slightly bigger floating photo slots */



.side-column{width:140px;}

/* FINAL PHOTO + DOODLE FIX */
.week-photo-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}
.week-photo-slot{min-height:150px;border:3px dashed #9e7580;background:#fffdf7;box-shadow:6px 6px 0 #f0b5c8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;box-sizing:border-box;font-family:'Kalam',cursive}
.week-photo-slot span{font-weight:700;color:#d94f7f;font-size:18px}.week-photo-slot small{margin-top:7px;color:#6c5458}
.floating-photo{position:fixed;z-index:20;width:205px;height:255px;padding:12px;background:#fffdf7;border:3px solid #6c5458;box-shadow:8px 8px 0 #e9a9bf;box-sizing:border-box;transform:rotate(-3deg)}
.floating-photo-left{left:18px;top:180px}.floating-photo-right{right:18px;top:280px;transform:rotate(4deg)}
.floating-photo-inner{height:100%;border:3px dashed #b98a9a;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#f7e8ef 0 68%,#fffdf7 68%);font-family:'Kalam',cursive;color:#6c5458;text-align:center}.floating-photo-inner span{font-size:19px}.floating-photo-inner small{margin-top:115px;font-size:17px}
#doodleCanvas{position:relative!important;z-index:5!important;pointer-events:auto!important;touch-action:none!important}
.week-photo-slots{grid-template-columns:1fr 1fr}
@media(max-width:620px){.week-photo-slots{grid-template-columns:1fr}}

/* FINAL FIX OVERRIDES */
.doodle-board-wrap{position:relative;width:100%;min-height:390px;box-sizing:border-box;background:#fffdf7;overflow:hidden;}
#doodleCanvas{display:block;width:100%;height:380px;min-height:380px;position:relative;z-index:30;background:#fffdf7;touch-action:none;cursor:crosshair;}
.doodle-tools{position:relative;z-index:31;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:12px;font:19px 'Patrick Hand';}
.doodle-tools input{vertical-align:middle;}
.doodle-tools button{font:18px 'Kalam';background:#ffabc2;border:2px solid #6c5458;padding:6px 14px;cursor:pointer;}
.week-photo-slots{grid-template-columns:repeat(3,minmax(0,1fr));}
.photo-slot-inline{display:flex;min-height:180px;margin:18px 0;padding:18px;border:3px dashed #9e7580;background:#fffdf7;box-shadow:6px 6px 0 #f0b5c8;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-sizing:border-box;}
.photo-slot-inline span{font:28px 'Caveat';font-weight:700;color:#d94f7f;}
.photo-slot-inline small{font:18px 'Patrick Hand';color:#6c5458;margin-top:5px;}
.floating-photo{width:260px;height:320px;padding:14px;z-index:50;}
.floating-photo-left{left:18px;top:190px;}
.floating-photo-right{right:18px;top:310px;}
.floating-photo-inner{border-width:3px;}
.floating-photo-inner span{font-size:24px;}
.floating-photo-inner small{font-size:18px;margin-top:150px;padding:0 8px;}
@media(max-width:900px){#doodleCanvas{height:330px;min-height:330px}.doodle-board-wrap{min-height:340px}.floating-photo{display:none}}
@media(max-width:700px){#doodleCanvas{height:300px;min-height:300px}.doodle-board-wrap{min-height:310px}.week-photo-slots{grid-template-columns:1fr}.photo-slot-inline{min-height:150px}}
/* FLOATING PHOTO SIZE */
.floating-photo {
    width: 300px;
    height: 360px;
    padding: 14px;
    box-sizing: border-box;
    z-index: 50;
}

/* Keep the actual photo nicely inside the bigger slot */
.floating-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* FLOATING PHOTO AUTO-MOVEMENT */
.floating-photo-left {
    animation: floatLeft 4s ease-in-out infinite;
}

.floating-photo-right {
    animation: floatRight 5s ease-in-out infinite;
}

@keyframes floatLeft {
    0%, 100% {
        transform: translateY(0) rotate(-3deg);
    }
    50% {
        transform: translateY(-18px) rotate(2deg);
    }
}

@keyframes floatRight {
    0%, 100% {
        transform: translateY(0) rotate(3deg);
    }
    50% {
        transform: translateY(-22px) rotate(-2deg);
    }
}
/* ═══════════════════════════════
   ✦ STICKY CUTE NAVIGATION ✦
   ═══════════════════════════════ */

nav {
  position: sticky;
  top: 0;
  z-index: 9999;

  padding: 10px 14px;

  background: rgba(255, 240, 246, 0.96);
  border-bottom: 2px dashed #9b7185;

  box-shadow: 0 4px 12px rgba(80, 50, 70, 0.12);

  backdrop-filter: none;
}

/* Navigation links */
nav a {
  position: relative;

  display: inline-block;

  margin: 3px 5px;
  padding: 7px 13px;

  color: #69495a;
  text-decoration: none;

  border: 1.5px solid transparent;
  border-radius: 12px;

  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

/* Hover */
nav a:hover {
  color: #8b4969;
  background: #fff4f8;

  transform: translateY(-2px);

  border-color: #d7a7ba;

  box-shadow:
    0 0 8px rgba(190, 120, 150, 0.25);
}

/* ✨ CLICKED / ACTIVE LINK ✨ */
nav a.active {
  color: #6d3d55;

  background: #ffe0ec;

  border-color: #b87592;

  font-weight: bold;

  transform: translateY(-1px);

  box-shadow:
    0 0 5px rgba(190, 100, 140, 0.45),
    0 0 14px rgba(230, 150, 180, 0.35);
}

/* Little sparkle underneath active link */
nav a.active::after {
  content: "✦";

  position: absolute;

  left: 50%;
  bottom: -9px;

  transform: translateX(-50%);

  font-size: 10px;

  color: #a85d7c;

  animation: navSparkle 1.2s ease-in-out infinite;
}

@keyframes navSparkle {
  0%, 100% {
    opacity: 0.4;
    transform: translateX(-50%) scale(0.8);
  }

  50% {
    opacity: 1;
    transform: translateX(-50%) scale(1.2);
  }
}


/* =========================================================
   FINAL CORRECTION — TRUE SIDE COLUMNS + FOUR FLOATING PHOTOS
   ========================================================= */
.site{overflow:visible!important}
.page,.week-page{overflow:visible!important}

/* Four floating photos: big left, little below; little right above, big right below */
.floating-photo{position:fixed!important;box-sizing:border-box!important;z-index:80!important;background:#fffdf7;border:3px solid #51464a;padding:10px;box-shadow:7px 8px 0 #ffabc2;width:190px;height:235px;}
.floating-photo .floating-photo-inner{width:100%;height:100%;box-sizing:border-box;border:2px dashed #b98a9a;background:#f8f3eb;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.floating-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.floating-photo-left.floating-photo-big{left:18px!important;top:170px!important;animation:floatLeftBig 4.2s ease-in-out infinite!important;transform:rotate(-4deg)!important;}
.floating-photo-left.floating-photo-small{left:58px!important;top:425px!important;width:125px!important;height:155px!important;animation:floatLeftSmall 3.7s ease-in-out infinite!important;transform:rotate(6deg)!important;}
.floating-photo-right.floating-photo-small{right:58px!important;top:125px!important;width:125px!important;height:155px!important;animation:floatRightSmall 3.9s ease-in-out infinite!important;transform:rotate(-6deg)!important;}
.floating-photo-right.floating-photo-big{right:18px!important;top:300px!important;animation:floatRightBig 4.7s ease-in-out infinite!important;transform:rotate(4deg)!important;}
@keyframes floatLeftBig{0%,100%{margin-top:0;transform:rotate(-4deg)}50%{margin-top:-13px;transform:rotate(-1deg)}}
@keyframes floatLeftSmall{0%,100%{margin-top:0;transform:rotate(6deg)}50%{margin-top:-10px;transform:rotate(10deg)}}
@keyframes floatRightSmall{0%,100%{margin-top:0;transform:rotate(-6deg)}50%{margin-top:-11px;transform:rotate(-2deg)}}
@keyframes floatRightBig{0%,100%{margin-top:0;transform:rotate(4deg)}50%{margin-top:-15px;transform:rotate(1deg)}}

/* HOME — real left + center + right columns */
.home-layout{display:grid;grid-template-columns:205px minmax(0,1fr) 205px;gap:18px;align-items:start;}
.home-side{display:flex;flex-direction:column;gap:16px;min-width:0;}
.home-center{min-width:0;display:flex;flex-direction:column;gap:18px;}
.home-side .side-card{padding:12px;margin:0;}
.home-side .side-card h2{font-size:30px;text-align:center;}
.home-photo-slot{margin-top:6px!important;}
.home-photo-slot img{height:145px!important;}
.editable-note{background:#fff6c9;border:2px dashed #bda1aa;padding:12px;text-align:center;font:19px 'Kalam';box-shadow:3px 3px 0 #9ab88e;}
.editable-note small{font:15px 'Patrick Hand';opacity:.7;}
.memory-lines{display:grid;gap:8px;font:18px 'Kalam';}
.memory-lines div{padding:8px 10px;background:#fff6c9;border-bottom:2px dashed #d5b9c4;transform:rotate(-1deg);}
.memory-lines div:nth-child(2){background:#e7f3df;transform:rotate(1deg);}
.home-side-right .mini-note{font-size:18px;}

/* ABOUT — the two side columns stay BESIDE the main content */
.about-original .original-three-col{display:grid!important;grid-template-columns:190px minmax(0,1fr) 190px!important;gap:18px!important;align-items:start!important;}
.about-original .about-center{grid-column:2!important;min-width:0!important;}
.about-original .original-sidebar:first-child{grid-column:1!important;}
.about-original .about-right-sidebar{grid-column:3!important;display:flex!important;flex-direction:column!important;gap:18px!important;}
.about-original .about-right-sidebar .side-card{margin:0!important;}
.fact-line{background:#fffdf7;border:2px dashed #bda1aa;padding:7px 8px;margin:7px 0;font:16px 'Patrick Hand';line-height:1.15;}
.fact-line b{font-family:'Kalam';color:#d74f7d;}
.about-right-sidebar .side-photo-slot img{height:145px!important;object-fit:cover!important;}

/* LIGHT-UP HEADINGS */
.welcome-card h2,.about-intro h2,.month h2{position:relative;text-shadow:0 0 3px rgba(255,143,177,.55),0 0 10px rgba(255,143,177,.45);animation:headingGlow 1.8s ease-in-out infinite alternate;}
.welcome-card h2:after,.about-intro h2:after,.month h2:after{content:'✦';display:inline-block;margin-left:8px;font-family:'Kalam';font-size:.55em;vertical-align:middle;animation:sparklePulse 1.2s ease-in-out infinite;}
@keyframes headingGlow{from{text-shadow:0 0 3px rgba(255,143,177,.35),0 0 8px rgba(255,143,177,.2)}to{text-shadow:0 0 5px #ff7fa6,0 0 16px rgba(255,127,166,.8),0 0 28px rgba(255,203,219,.65)}}
@keyframes sparklePulse{0%,100%{opacity:.45;transform:scale(.8) rotate(-8deg)}50%{opacity:1;transform:scale(1.15) rotate(8deg)}}

/* FOOTER MOVING TEXT */
footer{overflow:hidden!important;padding:0!important;position:relative!important;}
.footer-marquee{overflow:hidden;background:#ffd2e0;border-top:3px dashed #6c5458;border-bottom:3px dashed #6c5458;padding:8px 0;}
.marquee-track{width:max-content;white-space:nowrap;font:32px 'Caveat';color:#7a4057;text-shadow:1px 1px #fff;animation:footerScroll 18s linear infinite;}
.marquee-track.reverse{font:20px 'Kalam';color:#587453;animation-duration:24s;animation-direction:reverse;margin-top:2px;}
.footer-copy{padding:14px 20px;font:22px 'Caveat';}
@keyframes footerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:1180px){.floating-photo{display:none!important}.home-layout{grid-template-columns:180px minmax(0,1fr) 180px;}.about-original .original-three-col{grid-template-columns:165px minmax(0,1fr) 165px!important;}}
@media(max-width:800px){.home-layout{grid-template-columns:1fr!important}.home-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.home-center{grid-row:1}.home-side-left,.home-side-right{grid-row:auto}.about-original .original-three-col{grid-template-columns:1fr!important}.about-original .original-sidebar:first-child,.about-original .about-center,.about-original .about-right-sidebar{grid-column:1!important}.about-original .about-center{grid-row:1}.about-original .original-sidebar:first-child{grid-row:2}.about-original .about-right-sidebar{grid-row:3}.marquee-track{font-size:27px}.footer-copy{font-size:19px;}}
@media(max-width:520px){.home-side{grid-template-columns:1fr}.marquee-track{font-size:24px}.marquee-track.reverse{font-size:17px;}}


/* =========================================================
   CLEAN LAYOUT FIX — v3
   Home: LEFT small column + RIGHT larger main area
   About: LEFT + CENTER + RIGHT, with NO external floating photos
   ========================================================= */

/* HOME */
.home-layout{
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
}
.home-side-left{grid-column:1 !important;}
.home-center{grid-column:2 !important;min-width:0 !important;}
.home-side-right{display:none !important;}
.home-side .card{margin-bottom:0 !important;}
.home-side-left .side-card{padding:14px !important;}
.home-side-left .side-card h2{font-size:30px !important;}
.home-photo-slot{min-height:150px !important;}
.home-photo-slot img{width:100% !important;height:145px !important;object-fit:cover !important;display:block !important;}

/* ABOUT — roomy 3-column scrapbook layout */
.about-original .site{max-width:1480px !important;}
.about-original .page{padding:26px 24px !important;}
.about-original .original-three-col{
  display:grid !important;
  grid-template-columns:190px minmax(0,1fr) 230px !important;
  gap:24px !important;
  align-items:start !important;
}
.about-original .original-sidebar:first-child{grid-column:1 !important;grid-row:1 !important;}
.about-original .about-center{grid-column:2 !important;grid-row:1 !important;min-width:0 !important;}
.about-original .about-right-sidebar{grid-column:3 !important;grid-row:1 !important;min-width:0 !important;}
.about-original .about-right-sidebar .side-card{width:100% !important;}
.about-original .about-right-sidebar .side-photo-slot{min-height:180px !important;}
.about-original .about-right-sidebar .side-photo-slot img{width:100% !important;height:165px !important;object-fit:cover !important;}
.about-original .about-intro{padding:28px !important;}
.about-original .about-intro h2{font-size:52px !important;}

/* The four external floating photos are intentionally NOT used on About. */
.about-original .floating-photo{display:none !important;}

/* Keep the four external floating photos on Home, Blog, and every Week page. */
body:not(.about-original) .floating-photo{display:block !important;}

/* Don't hide them until the screen is genuinely too narrow. */
@media(max-width:900px){
  body:not(.about-original) .floating-photo{display:none !important;}
  .home-layout{grid-template-columns:1fr !important;}
  .home-side-left,.home-center{grid-column:1 !important;}
  .home-side-left{grid-row:1 !important;}
  .home-center{grid-row:2 !important;}
  .about-original .original-three-col{grid-template-columns:1fr !important;}
  .about-original .original-sidebar:first-child,
  .about-original .about-center,
  .about-original .about-right-sidebar{grid-column:1 !important;}
  .about-original .about-center{grid-row:1 !important;}
  .about-original .original-sidebar:first-child{grid-row:2 !important;}
  .about-original .about-right-sidebar{grid-row:3 !important;}
}
@media(max-width:520px){
  .home-layout{grid-template-columns:1fr !important;}
}


/* =========================================================
   FINAL POLISH — v4
   Keep the four floating photos visible without covering the navigation.
   Remove the old week "tiny memories" boxes via the HTML cleanup.
   ========================================================= */

/* Digital Discovery title + requested glowing headings */
.logo-box h1{
  animation: digitalDiscoveryGlow 2.2s ease-in-out infinite alternate;
  text-shadow: 0 0 4px rgba(255,95,145,.35), 0 0 12px rgba(255,95,145,.22);
}
@keyframes digitalDiscoveryGlow{
  0%{text-shadow:0 0 4px rgba(255,95,145,.25),0 0 10px rgba(255,95,145,.15);transform:scale(1)}
  100%{text-shadow:0 0 7px #ff5f91,0 0 18px rgba(255,95,145,.72),0 0 34px rgba(255,203,219,.7);transform:scale(1.015)}
}

/* Make the navigation lighter so it doesn't overpower the scrapbook photos. */
nav{z-index:25!important;}

/* Four floating photos: two big + two small, spaced below the navigation. */
body:not(.about-original) .floating-photo{z-index:70!important;}
body:not(.about-original) .floating-photo-left.floating-photo-big{
  left:10px!important;top:315px!important;width:168px!important;height:210px!important;
}
body:not(.about-original) .floating-photo-left.floating-photo-small{
  left:52px!important;top:545px!important;width:108px!important;height:135px!important;
}
body:not(.about-original) .floating-photo-right.floating-photo-small{
  right:52px!important;top:285px!important;width:108px!important;height:135px!important;
}
body:not(.about-original) .floating-photo-right.floating-photo-big{
  right:10px!important;top:470px!important;width:168px!important;height:210px!important;
}

/* Custom scrapbook cursor — pink sparkle pointer */
html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15 1l2.8 9.2L27 13l-9.2 2.8L15 25l-2.8-9.2L3 13l9.2-2.8z' fill='%23ff6f9f' stroke='%235a414b' stroke-width='1.7'/%3E%3Ccircle cx='25' cy='5' r='2' fill='%23ffd6e5'/%3E%3C/svg%3E") 3 2, auto!important;}
a,button,input,textarea,select,[role="button"]{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15 1l2.8 9.2L27 13l-9.2 2.8L15 25l-2.8-9.2L3 13l9.2-2.8z' fill='%23ffb6d0' stroke='%235a414b' stroke-width='1.7'/%3E%3Cpath d='M25 21l2 2' stroke='%235a414b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 3 2, pointer!important;
}

/* Stronger glow for the exact headings the user called out. */
.welcome-card h2,.about-intro h2,.month h2{
  animation:headingGlowStrong 1.7s ease-in-out infinite alternate!important;
}
@keyframes headingGlowStrong{
  from{color:#8f2e58;text-shadow:0 0 3px rgba(255,143,177,.35),0 0 8px rgba(255,143,177,.2);}
  to{color:#c93670;text-shadow:0 0 5px #ff7fa6,0 0 17px rgba(255,127,166,.85),0 0 30px rgba(255,203,219,.75);}
}

/* Keep photos from showing on narrow screens where they would crowd the page. */
@media(max-width:900px){body:not(.about-original) .floating-photo{display:none!important;}}


/* =========================================================
   FINAL MASTER-FRAME ALIGNMENT — 2026-08-19
   The Digital Discovery site frame is the master width for
   Home + About.  Do not let page columns exceed it.
   ========================================================= */
.site{width:min(1180px,96%)!important;max-width:1180px!important;}
.page{width:100%!important;max-width:none!important;margin:0!important;padding:26px!important;}

/* HOME: one small LEFT rail + one larger RIGHT/main area. */
.home-layout{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.home-side-left{width:220px!important;min-width:0!important;}
.home-center{width:100%!important;min-width:0!important;}
.home-side-left .card{width:100%!important;}

/* ABOUT: LEFT + CENTER + RIGHT, all contained inside the same
   page frame as the Digital Discovery header/site border. */
.about-original .site{width:min(1180px,96%)!important;max-width:1180px!important;}
.about-original .page{width:100%!important;padding:26px!important;}
.about-original .original-three-col{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:175px minmax(0,1fr) 195px!important;
  gap:20px!important;
  align-items:start!important;
}
.about-original .original-sidebar:first-child{grid-column:1!important;grid-row:1!important;}
.about-original .about-center{grid-column:2!important;grid-row:1!important;min-width:0!important;}
.about-original .about-right-sidebar{grid-column:3!important;grid-row:1!important;min-width:0!important;}
.about-original .about-intro{width:100%!important;}
.about-original .about-right-sidebar .side-card,
.about-original .original-sidebar .side-card{width:100%!important;}

/* About has no external four-photo cluster. */
.about-original .floating-photo{display:none!important;}

/* Home / Blog / Week pages keep EXACTLY four external floating photos. */
body:not(.about-original) .floating-photo{display:block!important;}
body:not(.about-original) .floating-photo-left.floating-photo-big{left:8px!important;top:300px!important;width:155px!important;height:195px!important;}
body:not(.about-original) .floating-photo-left.floating-photo-small{left:48px!important;top:515px!important;width:100px!important;height:125px!important;}
body:not(.about-original) .floating-photo-right.floating-photo-small{right:48px!important;top:275px!important;width:100px!important;height:125px!important;}
body:not(.about-original) .floating-photo-right.floating-photo-big{right:8px!important;top:445px!important;width:155px!important;height:195px!important;}

/* Keep navigation above the decorative photos, but don't let it
   dominate the page. */
nav{position:relative!important;z-index:90!important;}
body:not(.about-original) .floating-photo{z-index:40!important;}

/* Headings that should visibly light up. */
.logo-box h1,.welcome-card h2,.about-intro h2,.month h2{
  animation:finalGlow 1.8s ease-in-out infinite alternate!important;
}
@keyframes finalGlow{
  0%{text-shadow:0 0 3px rgba(255,143,177,.3),0 0 7px rgba(255,143,177,.18);filter:brightness(1);}
  100%{text-shadow:0 0 6px #ff6f9f,0 0 16px rgba(255,111,159,.8),0 0 30px rgba(255,220,232,.75);filter:brightness(1.12);}
}

/* Custom sparkle cursor remains active everywhere, including the
   scrapbook cards and navigation. */
html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15 1l2.8 9.2L27 13l-9.2 2.8L15 25l-2.8-9.2L3 13l9.2-2.8z' fill='%23ff6f9f' stroke='%235a414b' stroke-width='1.7'/%3E%3Ccircle cx='25' cy='5' r='2' fill='%23ffd6e5'/%3E%3C/svg%3E") 3 2,auto!important;}
a,button,input,textarea,select,[role="button"]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15 1l2.8 9.2L27 13l-9.2 2.8L15 25l-2.8-9.2L3 13l9.2-2.8z' fill='%23ffb6d0' stroke='%235a414b' stroke-width='1.7'/%3E%3Cpath d='M25 21l2 2' stroke='%235a414b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 3 2,pointer!important;}

/* Moving footer text. */
.footer-marquee{overflow:hidden!important;}

@media(max-width:900px){
  .home-layout{grid-template-columns:1fr!important;}
  .home-side-left{width:100%!important;}
  .about-original .original-three-col{grid-template-columns:1fr!important;}
  .about-original .original-sidebar:first-child,.about-original .about-center,.about-original .about-right-sidebar{grid-column:1!important;}
  .about-original .about-center{grid-row:1!important;}
  .about-original .original-sidebar:first-child{grid-row:2!important;}
  .about-original .about-right-sidebar{grid-row:3!important;}
  body:not(.about-original) .floating-photo{display:none!important;}
}


/* =========================================================
   FINAL CLEAN LAYOUT — original Home + aligned About
   ========================================================= */

/* The Digital Discovery frame is the master width. */
.site{width:min(1180px,96%)!important;max-width:1180px!important;margin:0 auto!important;}
.page{width:100%!important;box-sizing:border-box!important;padding:26px!important;}

/* HOME: restore the original two-column composition.
   Left = large welcome card, right = smaller scrapbook rail. */
.home-grid{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)!important;gap:22px!important;align-items:start!important;}
.home-grid>.home-welcome-card{min-width:0!important;}
.home-grid>.home-right-card{min-width:0!important;}
.home-right-card .side-photo-slot{margin:0 0 14px!important;}
.home-right-card .side-photo-slot img{height:150px!important;}
.home-extra-box{margin-top:14px!important;padding-top:10px!important;border-top:2px dashed #bda1aa!important;}
.home-extra-box h3{margin:0 0 8px!important;font-family:'Kalam',cursive!important;color:#8f2e58!important;font-size:22px!important;}
.home-right-card .update-item{font-size:15px!important;padding:7px!important;}
.home-right-card .editable-note{font-size:16px!important;}

/* ABOUT: three columns remain SIDE-BY-SIDE and share the same outer
   alignment as the Digital Discovery header. */
.about-original .original-three-col{display:grid!important;width:100%!important;box-sizing:border-box!important;grid-template-columns:190px minmax(0,1fr) 235px!important;gap:22px!important;align-items:start!important;}
.about-original .original-sidebar:first-child{grid-column:1!important;grid-row:1!important;}
.about-original .about-center{grid-column:2!important;grid-row:1!important;min-width:0!important;}
.about-original .about-right-sidebar{grid-column:3!important;grid-row:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:18px!important;}
.about-original .about-right-sidebar .side-card{width:100%!important;box-sizing:border-box!important;margin:0!important;}
.about-original .about-right-sidebar .side-photo-slot{width:100%!important;box-sizing:border-box!important;}
.about-original .about-right-sidebar .side-photo-slot img{width:100%!important;height:150px!important;object-fit:cover!important;}

/* No four-photo cluster on About. */
.about-original .floating-photo{display:none!important;}

/* Exactly four decorative photos on Home, Blog and all Week pages. */
body:not(.about-original) .floating-photo{display:block!important;z-index:35!important;}
body:not(.about-original) .floating-photo-left.floating-photo-big{left:8px!important;top:300px!important;width:155px!important;height:195px!important;}
body:not(.about-original) .floating-photo-left.floating-photo-small{left:48px!important;top:515px!important;width:100px!important;height:125px!important;}
body:not(.about-original) .floating-photo-right.floating-photo-small{right:48px!important;top:275px!important;width:100px!important;height:125px!important;}
body:not(.about-original) .floating-photo-right.floating-photo-big{right:8px!important;top:445px!important;width:155px!important;height:195px!important;}

/* Navigation is NOT sticky and sits cleanly above page content. */
nav{position:relative!important;z-index:60!important;}

/* Make Digital Discovery visibly light up. */
.logo-box h1{animation:ddGlow 1.7s ease-in-out infinite alternate!important;color:#b52f62!important;}
@keyframes ddGlow{0%{text-shadow:0 0 2px #ffb0c8,0 0 6px rgba(255,111,159,.25);filter:brightness(1);}100%{text-shadow:0 0 7px #ff6f9f,0 0 18px rgba(255,111,159,.9),0 0 34px rgba(255,221,233,.9);filter:brightness(1.18);}}
.welcome-card h2,.home-welcome-card h2,.about-intro h2,.month h2{animation:headingGlowFinal 1.7s ease-in-out infinite alternate!important;}
@keyframes headingGlowFinal{0%{text-shadow:0 0 2px rgba(255,143,177,.35);}100%{text-shadow:0 0 6px #ff6f9f,0 0 17px rgba(255,111,159,.85),0 0 28px rgba(255,220,232,.8);}}

/* Keep the custom sparkle cursor. */
html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15 1l2.8 9.2L27 13l-9.2 2.8L15 25l-2.8-9.2L3 13l9.2-2.8z' fill='%23ff6f9f' stroke='%235a414b' stroke-width='1.7'/%3E%3Ccircle cx='25' cy='5' r='2' fill='%23ffd6e5'/%3E%3C/svg%3E") 3 2,auto!important;}
a,button,input,textarea,select,[role="button"]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M15 1l2.8 9.2L27 13l-9.2 2.8L15 25l-2.8-9.2L3 13l9.2-2.8z' fill='%23ffb6d0' stroke='%235a414b' stroke-width='1.7'/%3E%3Cpath d='M25 21l2 2' stroke='%235a414b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 3 2,pointer!important;}

/* Desktop/tablet: keep About three columns down to a genuinely narrow screen. */
@media(max-width:720px){
  .home-grid{grid-template-columns:1fr!important;}
  .about-original .original-three-col{grid-template-columns:1fr!important;}
  .about-original .original-sidebar:first-child,.about-original .about-center,.about-original .about-right-sidebar{grid-column:1!important;}
  .about-original .about-center{grid-row:1!important;}
  .about-original .original-sidebar:first-child{grid-row:2!important;}
  .about-original .about-right-sidebar{grid-row:3!important;}
  body:not(.about-original) .floating-photo{display:none!important;}
}

/* FINAL VISUAL CORRECTIONS */
nav{position:relative!important;z-index:10!important;}
body:not(.about-original) .floating-photo{z-index:20!important;}
.logo-box h1{animation:ddGlowUltra 1.5s ease-in-out infinite alternate!important;}
@keyframes ddGlowUltra{0%{text-shadow:3px 3px 0 #ffe1eb,0 0 3px rgba(255,95,145,.35),0 0 8px rgba(255,95,145,.2);filter:brightness(1)}100%{text-shadow:3px 3px 0 #ffe1eb,0 0 8px #ff5f91,0 0 20px #ff8fb1,0 0 38px rgba(255,210,225,.95);filter:brightness(1.22)}}
.logo-box{animation:boxPulse 1.5s ease-in-out infinite alternate;}
@keyframes boxPulse{0%{box-shadow:8px 8px 0 #ff9db8,0 0 0 rgba(255,95,145,0)}100%{box-shadow:8px 8px 0 #ff9db8,0 0 24px rgba(255,95,145,.35)}}
@media(max-width:720px){nav{z-index:10!important;}body:not(.about-original) .floating-photo{display:none!important;}}


/* =========================================================
   LAST PASS — FINAL USER REQUESTS
   ========================================================= */
/* Blog stays inside the same scrapbook frame as Home. */
.blog-grid{width:100%;box-sizing:border-box;}

/* About: true LEFT + CENTER + RIGHT. Right rail is compact,
   photo first, facts second. No Little Details box. */
.about-original .original-three-col{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) 210px!important;
  grid-template-areas:"left center right"!important;
  align-items:start!important;
  gap:22px!important;
  width:100%!important;
}
.about-original .original-sidebar:first-child{grid-area:left!important;}
.about-original .about-center{grid-area:center!important;min-width:0!important;}
.about-original .about-right-sidebar{
  grid-area:right!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0!important;
  align-self:start!important;
}
.about-original .about-right-sidebar .side-card{margin:0!important;width:100%!important;}
.about-original .about-side-photo-card{padding:14px!important;}
.about-original .about-side-photo-card h2{font-size:29px!important;margin-bottom:10px!important;}
.about-original .about-side-photo-card .side-photo-slot{min-height:155px!important;margin:0!important;}
.about-original .about-side-photo-card .side-photo-slot img{width:100%!important;height:135px!important;object-fit:cover!important;display:block!important;}
.about-original .about-facts-card{padding:14px!important;}
.about-original .about-facts-card h2{font-size:29px!important;margin-bottom:8px!important;}
.about-original .about-facts-card .fact-line{font-size:15px!important;padding:6px 7px!important;margin:5px 0!important;}

/* Four floating photos are on About too, exactly like Home/Blog/Weeks. */
.about-original .floating-photo{display:block!important;z-index:20!important;position:fixed!important;}
.about-original .floating-photo-left.floating-photo-big{left:8px!important;top:300px!important;width:155px!important;height:195px!important;}
.about-original .floating-photo-left.floating-photo-small{left:48px!important;top:515px!important;width:100px!important;height:125px!important;}
.about-original .floating-photo-right.floating-photo-small{right:48px!important;top:275px!important;width:100px!important;height:125px!important;}
.about-original .floating-photo-right.floating-photo-big{right:8px!important;top:445px!important;width:155px!important;height:195px!important;}

/* Navigation is never sticky and remains visually calm. */
nav{position:relative!important;z-index:30!important;}

/* Digital Discovery lights up specifically when hovered, as requested. */
.logo-box{transition:box-shadow .25s ease,transform .25s ease;}
.logo-box h1{transition:text-shadow .25s ease,filter .25s ease,transform .25s ease;}
.logo-box:hover h1{
  text-shadow:3px 3px 0 #ffe1eb,
    0 0 8px #ff5f91,
    0 0 20px #ff8fb1,
    0 0 42px rgba(255,210,225,.98)!important;
  filter:brightness(1.3)!important;
  transform:scale(1.025)!important;
}
.logo-box:hover{box-shadow:8px 8px 0 #ff9db8,0 0 24px rgba(255,143,177,.45)!important;}

/* Clean single-line footer marquee — no stacked/overlapping second row. */
.footer-marquee{height:58px!important;padding:8px 0!important;display:flex!important;align-items:center!important;overflow:hidden!important;}
.footer-marquee .marquee-track{font-size:30px!important;line-height:1!important;animation:footerScrollClean 20s linear infinite!important;}
.footer-marquee .marquee-track.reverse{display:none!important;}
@keyframes footerScrollClean{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:720px){
  .about-original .original-three-col{grid-template-columns:1fr!important;grid-template-areas:"center" "left" "right"!important;}
  .about-original .about-center{grid-area:center!important;}
  .about-original .original-sidebar:first-child{grid-area:left!important;}
  .about-original .about-right-sidebar{grid-area:right!important;}
}



/* =========================================================
   DIGITAL DISCOVERY — ORIGINAL DESIGN UPGRADE
   This layer intentionally keeps the original pink/white/green
   scrapbook identity. It only improves spacing, composition,
   paper layering, photos and responsiveness.
   ========================================================= */

:root{
  --dd-pink:#f28aaa;
  --dd-hot:#c83d6d;
  --dd-soft-pink:#ffdce7;
  --dd-green:#a9c9a2;
  --dd-mint:#e4f1df;
  --dd-paper:#fffdf7;
  --dd-ink:#4f4449;
  --dd-line:#68575c;
  --dd-tape:#f3dfae;
}

/* ---- ORIGINAL PAGE FEEL: pink + white + green ---- */
html{background:#f8dfe6;}
body{
  color:var(--dd-ink)!important;
  background:#f8e8e7!important;
  background-image:
    radial-gradient(circle at 10% 20%,rgba(255,255,255,.9) 0 2px,transparent 2.5px),
    radial-gradient(circle at 88% 35%,rgba(169,201,162,.55) 0 2px,transparent 2.5px),
    radial-gradient(circle at 35% 85%,rgba(242,138,170,.35) 0 2px,transparent 2.5px)!important;
  background-size:110px 110px,145px 145px,180px 180px!important;
}

/* Remove the previous neon/glow treatment. The original title is
   soft scrapbook lettering, not a glowing sign. */
.logo-box,
.logo-box h1,
.welcome-card h2,
.home-welcome-card h2,
.about-intro h2,
.month h2{
  animation:none!important;
  filter:none!important;
}
.logo-box h1{
  color:#b73563!important;
  text-shadow:3px 3px 0 #ffe1eb!important;
}
.logo-box{
  box-shadow:8px 8px 0 #ef9ab5!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.logo-box:hover{
  transform:rotate(-1deg) translateY(-2px)!important;
  box-shadow:9px 10px 0 #ef9ab5!important;
}
.logo-box:hover h1{
  transform:none!important;
  filter:none!important;
  text-shadow:3px 3px 0 #ffe1eb!important;
}

/* ---- MASTER SCRAPBOOK FRAME ---- */
.site{
  width:min(1180px,calc(100% - 30px))!important;
  max-width:1180px!important;
  margin:28px auto!important;
  background:#fffaf5!important;
  border:3px solid var(--dd-line)!important;
  box-shadow:10px 10px 0 #9fbea0,0 18px 40px rgba(86,65,72,.16)!important;
}
header{
  min-height:245px!important;
  padding:30px 24px 26px!important;
  background:linear-gradient(135deg,#ffdce6 0%,#fffdf7 53%,#dfeede 100%)!important;
  border-bottom:3px solid var(--dd-line)!important;
}
nav{
  position:relative!important;
  top:auto!important;
  z-index:100!important;
  background:#ef86a9!important;
  border-bottom:3px solid var(--dd-line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
nav a{
  border:2px solid var(--dd-line)!important;
  box-shadow:3px 3px 0 #7ea17b!important;
  background:#fffdf7!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
nav a:hover{
  transform:translateY(-3px) rotate(-1deg)!important;
  box-shadow:4px 5px 0 #7ea17b!important;
}

/* ---- PAPER CARDS ---- */
.card{
  background:#fffdf8!important;
  border:2px solid var(--dd-line)!important;
  box-shadow:6px 7px 0 #b8d1ae!important;
  border-radius:0!important;
}
.card:after{
  background:#f5dfaa!important;
  border:2px solid var(--dd-line)!important;
}
.card h2{
  color:#b73563!important;
  text-shadow:1px 1px 0 #ffdce7!important;
}

/* ---- ABOUT: TRUE THREE-COLUMN ORIGINAL SCRAPBOOK ---- */
.about-original .page{
  padding:22px!important;
}
.about-original .original-three-col{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) 215px!important;
  grid-template-areas:"left center right"!important;
  gap:22px!important;
  align-items:start!important;
  width:100%!important;
}
.about-original .original-sidebar:first-child{grid-area:left!important;}
.about-original .about-center{grid-area:center!important;min-width:0!important;}
.about-original .about-right-sidebar{
  grid-area:right!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  min-width:0!important;
}
.about-original .about-right-sidebar .side-card{
  width:100%!important;
  margin:0!important;
}
.about-original .about-intro{
  padding:28px 26px!important;
}
.about-original .about-intro h2{
  font-size:48px!important;
  color:#b73563!important;
}
.about-original .side-card{
  padding:14px!important;
}
.about-original .side-card h2{
  font-size:30px!important;
}
.about-original .about-side-menu-note{
  background:#e6f2e0!important;
}
.about-original .about-facts-card{
  background:#fffdf7!important;
}
.about-original .fact-line{
  background:#e9f3e5!important;
  border:2px dashed #9db695!important;
  margin:6px 0!important;
}

/* ---- THE MAIN FLOATING POLAROID: MORE SCRAPBOOK, LESS "BOX" ---- */
.about-original .polaroid-showcase{
  min-height:545px!important;
  margin-top:14px!important;
}
.about-original .polaroid-stage{
  width:min(430px,100%)!important;
  height:470px!important;
}
.about-original .polaroid{
  width:300px!important;
  background:#fff!important;
  border:1px solid #cfc5bd!important;
  padding:11px 11px 50px!important;
  box-shadow:7px 9px 0 rgba(103,82,90,.14),0 14px 24px rgba(70,55,62,.16)!important;
}
.about-original .photo-window{
  height:340px!important;
  border:2px solid #ddd4cb!important;
}
.about-original .polaroid-caption{
  color:#5d4d53!important;
  font-size:30px!important;
}
.about-original .polaroid-tape{
  background:rgba(244,224,174,.82)!important;
  border:1px dashed #b79d6c!important;
}
.about-original .polaroid-note{
  background:#fffdf7!important;
  border:2px solid #a99a9e!important;
  box-shadow:3px 4px 0 #b8d1ae!important;
  color:#65705f!important;
}

/* ---- SIDE PHOTO CARDS ---- */
.about-original .side-photo-slot{
  background:#fff!important;
  border:2px solid var(--dd-line)!important;
  box-shadow:5px 6px 0 #f0a8bf!important;
}
.about-original .right-slot{
  box-shadow:5px 6px 0 #9ab88e!important;
}

/* ---- BLOG: THREE-CARD ROW ON DESKTOP, SAME ORIGINAL STYLE ---- */
.blog-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}
.week-card{
  background:#fffdf7!important;
  border:2px solid var(--dd-line)!important;
  box-shadow:7px 8px 0 #b8d2ad!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.week-card:nth-child(even){
  box-shadow:7px 8px 0 #f2a4bb!important;
}
.week-card:hover{
  transform:translateY(-6px) rotate(0)!important;
  box-shadow:9px 11px 0 #9dbd98!important;
}
.week-picture{
  height:255px!important;
}

/* ---- HOME: KEEP THE ORIGINAL TWO-COLUMN CONTENT BUT MAKE IT
       LOOK LIKE THE SAME SCRAPBOOK SYSTEM ---- */
.home-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr)!important;
  gap:22px!important;
}
.home-right-card{
  background:#f1f7ed!important;
}
.home-photo-slot{
  background:#fff!important;
}

/* ---- WEEK DIARY PAGES: CENTERED PAPER JOURNAL ---- */
.week-page{
  max-width:900px!important;
  margin:0 auto!important;
}
.entry-cover{
  background:#fff!important;
  border:2px solid var(--dd-line)!important;
  box-shadow:9px 9px 0 #ef9db8!important;
}
.story.card{
  background:#fffdf8!important;
  padding:30px!important;
}
.story p{
  line-height:1.72!important;
}
.comments{
  background:#e7f2e1!important;
  border:2px solid var(--dd-line)!important;
  box-shadow:7px 8px 0 #efa5bc!important;
}

/* ---- FLOATING PHOTOS: PAPER/PHOTO OBJECTS AROUND THE ORIGINAL
       SITE. They stay outside the content instead of covering it. ---- */
.floating-photo{
  position:fixed!important;
  background:#fff!important;
  border:2px solid var(--dd-line)!important;
  padding:9px!important;
  box-shadow:7px 8px 0 #eaa6bc!important;
  z-index:15!important;
  pointer-events:auto!important;
  border-radius:0!important;
}
.floating-photo-inner{
  border:2px dashed #bda1aa!important;
  background:#f8efe9!important;
  overflow:hidden!important;
}
.floating-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.floating-photo-left.floating-photo-big{
  left:8px!important;
  top:360px!important;
  width:145px!important;
  height:185px!important;
}
.floating-photo-left.floating-photo-small{
  left:42px!important;
  top:570px!important;
  width:92px!important;
  height:118px!important;
}
.floating-photo-right.floating-photo-small{
  right:42px!important;
  top:330px!important;
  width:92px!important;
  height:118px!important;
}
.floating-photo-right.floating-photo-big{
  right:8px!important;
  top:505px!important;
  width:145px!important;
  height:185px!important;
}
.floating-photo-left.floating-photo-big{animation:ddFloatLeft 5s ease-in-out infinite!important;}
.floating-photo-left.floating-photo-small{animation:ddFloatSmall 4.4s ease-in-out infinite!important;}
.floating-photo-right.floating-photo-big{animation:ddFloatRight 5.4s ease-in-out infinite!important;}
.floating-photo-right.floating-photo-small{animation:ddFloatSmall 4.8s ease-in-out infinite reverse!important;}

@keyframes ddFloatLeft{
  0%,100%{transform:rotate(-4deg) translateY(0)}
  50%{transform:rotate(-1deg) translateY(-9px)}
}
@keyframes ddFloatRight{
  0%,100%{transform:rotate(4deg) translateY(0)}
  50%{transform:rotate(1deg) translateY(-11px)}
}
@keyframes ddFloatSmall{
  0%,100%{transform:rotate(3deg) translateY(0)}
  50%{transform:rotate(-2deg) translateY(-7px)}
}

/* The original screenshot's doodles remain visible and calm. */
.doodle-strip{
  color:#72906d!important;
  text-shadow:none!important;
}

/* Footer remains pink/green scrapbook paper. */
footer{
  background:#f3a9bd!important;
  border-top:3px solid var(--dd-line)!important;
}
.footer-copy{
  color:#5d4c53!important;
}

/* ---- RESPONSIVE: desktop keeps the three-column scrapbook;
       smaller screens stack cleanly rather than crushing it. ---- */
@media(max-width:1180px){
  .floating-photo-left.floating-photo-big{left:3px!important;}
  .floating-photo-right.floating-photo-big{right:3px!important;}
}
@media(max-width:950px){
  .about-original .original-three-col{
    grid-template-columns:175px minmax(0,1fr) 190px!important;
    gap:15px!important;
  }
  .floating-photo{display:none!important;}
}
@media(max-width:760px){
  .site{
    width:calc(100% - 18px)!important;
    margin:10px auto!important;
  }
  header{min-height:205px!important;}
  .logo-box h1{font-size:clamp(54px,13vw,82px)!important;}
  .about-original .original-three-col{
    grid-template-columns:1fr!important;
    grid-template-areas:"center" "left" "right"!important;
  }
  .about-original .about-center{grid-area:center!important;}
  .about-original .original-sidebar:first-child{grid-area:left!important;}
  .about-original .about-right-sidebar{grid-area:right!important;}
  .blog-grid{grid-template-columns:1fr!important;}
  .home-grid{grid-template-columns:1fr!important;}
  .about-original .polaroid{
    width:min(285px,78vw)!important;
  }
}


/* =========================================================
   FINAL REQUEST PASS — ORIGINAL BLACK / PINK / WHITE / GREEN
   ========================================================= */
html,body{background:#080708!important;}
body{
  background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1.4px,transparent 1.8px),
    radial-gradient(circle,rgba(255,105,151,.9) 0 1.2px,transparent 1.7px),
    radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.5px)!important;
  background-size:52px 52px,79px 79px,121px 121px!important;
  background-position:0 0,19px 28px,43px 11px!important;
  background-attachment:fixed!important;
}
.site{background:#fffdf7!important;}

/* sticky navigation + page-aware active tab */
nav{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
}
nav a{position:relative!important;}
nav a.active{
  background:#fff!important;
  color:#b83261!important;
  box-shadow:0 0 0 2px #fff,0 0 13px rgba(255,91,145,.9),4px 5px 0 #9fbd98!important;
  text-shadow:0 0 7px rgba(255,104,155,.65)!important;
}
nav a.active::after{
  content:'✦';
  position:absolute;
  right:-6px;top:-10px;
  color:#ff75a1;
  font-size:17px;
  animation:tabSpark .9s ease-in-out infinite alternate;
}
@keyframes tabSpark{from{opacity:.35;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1.15) rotate(10deg)}}

/* Digital Discovery itself glows gently — not neon, still scrapbook */
.logo-box h1{
  animation:ddTitleGlow 1.8s ease-in-out infinite alternate!important;
}
@keyframes ddTitleGlow{
  from{text-shadow:3px 3px 0 #ffd8e5,0 0 3px rgba(255,95,145,.25)}
  to{text-shadow:3px 3px 0 #ffd8e5,0 0 10px rgba(255,95,145,.8),0 0 20px rgba(255,95,145,.28)}
}
.welcome-card h2,.home-welcome-card h2,.about-intro h2,.month h2{
  animation:ddHeadingGlow 1.7s ease-in-out infinite alternate!important;
}
@keyframes ddHeadingGlow{
  from{text-shadow:0 0 2px rgba(255,95,145,.15)}
  to{text-shadow:0 0 8px rgba(255,95,145,.65),0 0 16px rgba(255,95,145,.18)}
}

/* EXACT ABOUT COMPOSITION: equal side columns + larger center */
.about-original .original-three-col{
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr) 210px!important;
  grid-template-areas:'left center right'!important;
  gap:22px!important;
  align-items:start!important;
}
.about-original .original-sidebar:first-child{grid-area:left!important;}
.about-original .about-center{grid-area:center!important;min-width:0!important;}
.about-original .about-right-sidebar{grid-area:right!important;min-width:0!important;}
.about-original .original-sidebar:first-child .about-side-menu-note{
  background:#fffdf7!important;
}
/* left: MENU first, PHOTO second */
.about-original .original-sidebar:first-child .about-side-menu-note{
  font-size:0!important;
  padding:12px!important;
}

.about-original .about-right-sidebar .about-side-photo-card{order:1!important;}
.about-original .about-right-sidebar .about-facts-card{order:2!important;}
.about-original .about-right-sidebar .about-side-photo-card .side-photo-slot{min-height:175px!important;}
.about-original .about-facts-card{margin-top:0!important;}

/* keep About's four external floating photos visible and animated */
.about-original .floating-photo{display:block!important;}

/* four floating photos: fixed placement, gentle independent bobbing */
.floating-photo-left.floating-photo-big{animation:ddFloatLB 4.6s ease-in-out infinite!important;}
.floating-photo-left.floating-photo-small{animation:ddFloatLS 3.9s ease-in-out infinite!important;}
.floating-photo-right.floating-photo-small{animation:ddFloatRS 4.1s ease-in-out infinite!important;}
.floating-photo-right.floating-photo-big{animation:ddFloatRB 5s ease-in-out infinite!important;}
@keyframes ddFloatLB{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes ddFloatLS{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes ddFloatRS{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes ddFloatRB{0%,100%{translate:0 0}50%{translate:0 -14px}}

/* Home: keep/add a real photo slot in the blank area */
.home-extra-photo{display:block!important;}
.home-main-photo-slot{
  min-height:250px!important;
  border:3px dashed #a58a93!important;
  background:linear-gradient(135deg,#f8dce7,#fffdf7 52%,#dcebd8)!important;
  display:grid!important;
  place-items:center!important;
  color:#6c5458!important;
  font-family:'Patrick Hand',cursive!important;
  font-size:28px!important;
  position:relative!important;
}
.home-main-photo-slot small{display:block;font-size:17px;}

/* Week pages: Previous / Next controls + lesson unlocked block */
.week-audience-nav{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:18px 0!important;
}
.week-audience-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:145px!important;
  padding:10px 15px!important;
  background:#ff9db8!important;
  border:2px solid #6c5458!important;
  color:#4f4047!important;
  text-decoration:none!important;
  font-family:'Patrick Hand',cursive!important;
  font-size:20px!important;
  box-shadow:4px 5px 0 #9fbd98!important;
}
.week-audience-nav a:hover{transform:translateY(-3px) rotate(-1deg)!important;}
.lesson-unlocked{
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  margin:22px 0!important;
}
.lesson-photo-slot{
  min-height:170px!important;
  aspect-ratio:1/1!important;
  border:3px dashed #7f696f!important;
  background:#fffdf7!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  color:#6c5458!important;
  font-family:'Patrick Hand',cursive!important;
  font-size:20px!important;
  padding:12px!important;
}
.lesson-box{
  background:#ffbfd2!important;
  border:3px solid #6c5458!important;
  box-shadow:7px 7px 0 #a9c9a2!important;
  padding:18px 20px!important;
  position:relative!important;
}
.lesson-box:before{content:'✦';position:absolute;top:7px;right:12px;color:#fff;font-size:22px;}
.lesson-box h2{margin:0 0 7px!important;color:#9e2f58!important;}
.lesson-box p{margin:0!important;font-family:'Patrick Hand',cursive!important;font-size:20px!important;line-height:1.45!important;}

@media(max-width:1180px){
  .floating-photo-left.floating-photo-big{left:6px!important;}
  .floating-photo-right.floating-photo-big{right:6px!important;}
  .floating-photo-left.floating-photo-small{left:30px!important;}
  .floating-photo-right.floating-photo-small{right:30px!important;}
}
@media(max-width:900px){
  .floating-photo{display:none!important;}
  .about-original .original-three-col{grid-template-columns:185px minmax(0,1fr) 185px!important;gap:14px!important;}
}
@media(max-width:760px){
  .about-original .original-three-col{grid-template-columns:1fr!important;grid-template-areas:'center' 'left' 'right'!important;}
  .about-original .original-sidebar:first-child,.about-original .about-center,.about-original .about-right-sidebar{grid-area:auto!important;}
  .lesson-unlocked{grid-template-columns:1fr!important;}
  .lesson-photo-slot{width:170px;justify-self:start;}
  .week-audience-nav a{min-width:0!important;flex:1!important;}
}

/* =========================================================
   CORRECTIVE FINAL PASS — BLACK OUTSIDE / PINK SCRAPBOOK BOXES
   ========================================================= */
:root{
  --dd-pink:#ffd1df;
  --dd-pink2:#ffc0d4;
  --dd-pink3:#ffe0ea;
  --dd-pink4:#f6b6cc;
  --dd-black:#070607;
  --dd-ink:#34262d;
}

html,body{background:var(--dd-black)!important;color:#f8eef2!important;}
body{
  background-image:
    radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,105,151,.85) 0 1.1px,transparent 1.6px)!important;
  background-size:55px 55px,83px 83px!important;
  background-position:3px 4px,22px 31px!important;
  background-attachment:fixed!important;
}

.site{background:var(--dd-black)!important;border-color:#ffb6cc!important;box-shadow:10px 10px 0 #9ebc94,0 20px 50px rgba(0,0,0,.75)!important;}
header{background:#070607!important;border-bottom-color:#ffb6cc!important;}
.logo-box{background:#0b090a!important;border-color:#ffb6cc!important;box-shadow:8px 8px 0 #ff7fa8,0 0 28px rgba(255,111,159,.18)!important;}
.logo-box h1{color:#fff3f7!important;text-shadow:0 0 4px #fff,0 0 11px #ff6f9f,0 0 25px #ff3f7f,0 0 42px rgba(255,63,127,.65)!important;animation:ddBlackGlow 1.45s ease-in-out infinite alternate!important;}
@keyframes ddBlackGlow{from{filter:brightness(1);text-shadow:0 0 4px #fff,0 0 10px #ff6f9f,0 0 20px rgba(255,63,127,.55)}to{filter:brightness(1.22);text-shadow:0 0 6px #fff,0 0 16px #ff78a7,0 0 32px #ff3f7f,0 0 48px rgba(255,63,127,.7)}}
.logo-box p,.logo-box .tiny{color:#ffd7e4!important;}

nav{position:sticky!important;top:0!important;z-index:10000!important;background:#0b090a!important;border-bottom:3px solid #ffb6cc!important;box-shadow:0 7px 18px rgba(0,0,0,.75)!important;}
nav a{background:#ffd8e5!important;border-color:#3b2930!important;color:#402631!important;box-shadow:3px 4px 0 #91ae88!important;}
nav a:hover,nav a.active{background:#fff0f5!important;box-shadow:0 0 14px #ff75a1,4px 5px 0 #91ae88!important;}

.page{background:transparent!important;}
.card,.scrapbook-card,.home-tab,.home-welcome-card,.journey-photo-card,.home-side-card,.home-extra-photo,.story.card,.comments,.entry-cover,.week-card,.about-original .about-intro,.about-original .about-facts-card,.about-original .about-side-photo-card{color:var(--dd-ink)!important;}
.card{background:var(--dd-pink)!important;border-color:#4a343d!important;box-shadow:7px 8px 0 #9ebc94!important;}
.card:nth-child(even){background:var(--dd-pink3)!important;}
.card h2{color:#a62d5a!important;text-shadow:0 0 6px rgba(255,255,255,.8)!important;}

/* HOME = exactly three columns: LEFT / CENTER / RIGHT */
.home-three-col{display:grid!important;grid-template-columns:190px minmax(0,1fr) 190px!important;gap:22px!important;align-items:start!important;width:100%!important;}
.home-left-col,.home-center-col,.home-right-col{min-width:0!important;display:flex!important;flex-direction:column!important;gap:20px!important;}
.home-side-card{margin:0!important;padding:15px!important;}
.home-side-card h2{font-size:29px!important;margin-bottom:12px!important;}
.home-left-photo-slot{height:185px!important;background:#fff7fa!important;border:3px dashed #9b6879!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-family:'Caveat'!important;font-size:29px!important;position:relative!important;overflow:hidden!important;}
.home-left-photo-slot small,.home-right-photo-slot small{font:16px 'Patrick Hand'!important;margin-top:5px!important;}
.home-left-photo-slot:before{content:'♡';position:absolute;top:8px;right:12px;color:#ff78a5;font-size:30px;}
.home-right-photo-slot{height:120px!important;background:#fff7fa!important;border:3px dashed #9b6879!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-family:'Kalam'!important;font-size:25px!important;position:relative!important;}
.home-right-photo-slot:before{content:'✿';position:absolute;bottom:7px;left:10px;color:#7fa276;font-size:25px;}
.home-welcome-card{margin:0!important;min-height:280px!important;background:#ffd5e2!important;}
.journey-photo-card{margin:0!important;background:#ffc4d7!important;padding:18px!important;}
.journey-note{font-family:'Caveat'!important;font-size:31px!important;color:#8f2b55!important;margin-bottom:12px!important;transform:rotate(-1deg)!important;}
.journey-photo-slot{height:270px!important;background:#fff9fb!important;border:3px dashed #9b6879!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-family:'Caveat'!important;font-size:34px!important;position:relative!important;}
.journey-photo-slot small{font:17px 'Patrick Hand'!important;margin-top:7px!important;}
.journey-photo-slot:after{content:'✨';position:absolute;right:15px;top:8px;font-size:25px;}
.updates-card{background:#ffe0ea!important;}
.feeling-card{background:#f8bfd3!important;}
.home-right-photo-card{background:#ffdce7!important;}
.update-item{background:#fff4f8!important;border:2px dashed #b26d84!important;padding:9px!important;margin:8px 0!important;font-family:'Patrick Hand'!important;font-size:17px!important;}
.editable-note{background:#fff4f8!important;border:2px dashed #b26d84!important;padding:12px!important;font-family:'Kalam'!important;font-size:18px!important;line-height:1.35!important;}
.editable-note small{font-family:'Patrick Hand'!important;}
.home-extra-photo{margin-top:22px!important;background:#f7b9cf!important;}
.home-main-photo-slot{background:#fff9fb!important;border-color:#9b6879!important;min-height:230px!important;}

/* ABOUT = exactly three columns, aligned to the site frame */
.about-original .original-three-col{display:grid!important;grid-template-columns:190px minmax(0,1fr) 190px!important;grid-template-areas:'left center right'!important;gap:22px!important;width:100%!important;align-items:start!important;}
.about-original .original-sidebar:first-child{grid-area:left!important;}
.about-original .about-center{grid-area:center!important;min-width:0!important;}
.about-original .about-right-sidebar{grid-area:right!important;min-width:0!important;}
.about-original .about-side-menu-note{background:#ffdce7!important;}
.about-original .about-facts-card{background:#ffc7d9!important;}
.about-original .about-side-photo-card{background:#f8bfd3!important;}
.about-original .side-photo-slot{background:#fff9fb!important;}

/* BLOG = three cards across on desktop */
.blog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
.week-card{background:#ffd5e2!important;border-color:#4a343d!important;box-shadow:8px 9px 0 #9ebc94!important;}
.week-card:nth-child(even){background:#ffc2d6!important;box-shadow:8px 9px 0 #91ae88!important;}
.week-card:hover{box-shadow:0 0 18px rgba(255,105,151,.65),10px 12px 0 #91ae88!important;}

/* WEEK pages: pink paper boxes, black outer field */
.week-page{color:#f8eef2!important;}
.entry-title{color:#fff3f7!important;text-shadow:0 0 6px #fff,0 0 14px #ff6f9f,0 0 28px rgba(255,63,127,.7)!important;animation:ddBlackGlow 1.5s ease-in-out infinite alternate!important;}
.entry-date,.back{color:#ffd6e4!important;}
.entry-cover,.story.card,.comments,.lesson-box,.week1-photo-card,.week2-photo-card,.week3-photo-card,.week5-photo-card,.week9-photo-card,.week10-photo-card,.week11-photo-card{background:var(--dd-pink)!important;color:var(--dd-ink)!important;}
.lesson-box{background:#ffc0d4!important;}
.comments{background:#ffe0ea!important;}
.week-picture{background:#fff9fb!important;}

/* Remove the old side-note text from every weekly page, even if an old copy remains. */
.side-note{display:none!important;}

/* SIX floating photos — 4 original + 2 extra small. All stay BELOW sticky nav. */
.floating-photo{position:fixed!important;z-index:100!important;background:#fff8fb!important;border:3px solid #4a343d!important;padding:7px!important;box-shadow:7px 8px 0 #ff91b2,0 10px 22px rgba(0,0,0,.5)!important;pointer-events:none!important;}
.floating-photo-inner{width:100%!important;height:100%!important;background:#fff!important;border:2px dashed #9b6879!important;overflow:hidden!important;}
.floating-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
/* nav occupies the top edge while sticky; every photo begins well below it */
.floating-photo-left.floating-photo-big{left:7px!important;top:145px!important;width:118px!important;height:150px!important;}
.floating-photo-left.floating-photo-small{left:18px!important;top:340px!important;width:82px!important;height:105px!important;}
.floating-photo-left.floating-photo-extra1{left:7px!important;top:485px!important;width:76px!important;height:94px!important;}
.floating-photo-right.floating-photo-small{right:18px!important;top:205px!important;width:82px!important;height:105px!important;}
.floating-photo-right.floating-photo-big{right:7px!important;top:360px!important;width:118px!important;height:150px!important;}
.floating-photo-right.floating-photo-extra2{right:7px!important;top:540px!important;width:76px!important;height:94px!important;}
.floating-photo-left.floating-photo-big{animation:floatL1 5.4s ease-in-out infinite!important;}
.floating-photo-left.floating-photo-small{animation:floatL2 4.2s ease-in-out infinite!important;}
.floating-photo-left.floating-photo-extra1{animation:floatL3 4.8s ease-in-out infinite!important;}
.floating-photo-right.floating-photo-small{animation:floatR1 4.6s ease-in-out infinite!important;}
.floating-photo-right.floating-photo-big{animation:floatR2 5.1s ease-in-out infinite!important;}
.floating-photo-right.floating-photo-extra2{animation:floatR3 4.4s ease-in-out infinite!important;}
@keyframes floatL1{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}
@keyframes floatL2{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(0) translateY(-7px)}}
@keyframes floatL3{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-6px)}}
@keyframes floatR1{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(1deg) translateY(-7px)}}
@keyframes floatR2{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(1deg) translateY(-9px)}}
@keyframes floatR3{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}

/* Wand cursor + hover lift for scrapbook boxes */
html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4 27L13 18l5 5-9 9z' fill='%23fff5f8' stroke='%23382b31' stroke-width='2'/%3E%3Cpath d='M13 18L24 7' stroke='%23ff6f9f' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M25 2v6M22 5h6M27 12v4M25 14h4' stroke='%23ffd86e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 3 2,auto!important;}
a,button,input,textarea,select,[role="button"]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M5 28L14 19l4 4-9 9z' fill='%23fff5f8' stroke='%23382b31' stroke-width='2'/%3E%3Cpath d='M14 19L25 8' stroke='%23ff6f9f' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M26 3v6M23 6h6' stroke='%23ffd86e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 3 2,pointer!important;}
.card,.week-card,.home-tab,.scrap,.home-main-photo-slot,.journey-photo-slot,.side-photo-slot,.home-left-photo-slot,.home-right-photo-slot{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;}
.card:hover,.week-card:hover,.home-tab:hover,.scrap:hover,.home-main-photo-slot:hover,.journey-photo-slot:hover,.side-photo-slot:hover,.home-left-photo-slot:hover,.home-right-photo-slot:hover{transform:translateY(-5px) rotate(-.4deg)!important;filter:brightness(1.03)!important;box-shadow:10px 12px 0 #91ae88,0 0 18px rgba(255,111,159,.3)!important;}

footer{background:#0b090a!important;color:#ffd7e4!important;border-top-color:#ffb6cc!important;}

@media(max-width:1050px){
  .floating-photo{display:none!important;}
  .home-three-col{grid-template-columns:175px minmax(0,1fr) 175px!important;gap:16px!important;}
  .about-original .original-three-col{grid-template-columns:175px minmax(0,1fr) 175px!important;gap:16px!important;}
}
@media(max-width:820px){
  .home-three-col{grid-template-columns:1fr!important;}
  .home-left-col,.home-center-col,.home-right-col{display:contents!important;}
  .home-welcome-card{grid-row:1!important;}
  .journey-photo-card{grid-row:2!important;}
  .home-left-col .home-photo-card{grid-row:3!important;}
  .home-left-col .updates-card{grid-row:4!important;}
  .home-right-col .feeling-card{grid-row:5!important;}
  .home-right-col .home-right-photo-card{grid-row:6!important;}
  .blog-grid{grid-template-columns:1fr!important;}
  .about-original .original-three-col{grid-template-columns:1fr!important;grid-template-areas:'center' 'left' 'right'!important;}
}
/* Final title polish */
.page > section.card:first-of-type h2{animation:ddBlackGlow 1.6s ease-in-out infinite alternate!important;color:#a62d5a!important;}
.floating-photo-left.floating-photo-extra1{width:72px!important;height:90px!important;}
.floating-photo-right.floating-photo-extra2{width:84px!important;height:98px!important;}


/* ===== FINAL CORRECTION PASS ===== */
/* The main scrapbook sheet is WHITE. The outer page is BLACK. Pink belongs to the boxes/cards. */
:root{--dd-pink:#ffd1df;--dd-pink-2:#ffc0d3;--dd-ink:#3e3137;--dd-black:#070608;}
body{background:#070608!important;background-image:none!important;color:#f6e9ee!important;}
.site{background:#fffdf8!important;color:var(--dd-ink)!important;}
/* keep the actual navigation floating at the top, above every floating photo */
nav{position:sticky!important;top:0!important;z-index:2000!important;box-shadow:0 6px 0 rgba(0,0,0,.18)!important;}
/* six photos: deliberately separated; extras sit near the requested left/right photos without touching them */
.floating-photo{z-index:50!important;}
.floating-photo-left.floating-photo-big{left:10px!important;top:150px!important;width:112px!important;height:142px!important;}
.floating-photo-left.floating-photo-extra1{left:28px!important;top:92px!important;width:64px!important;height:78px!important;}
.floating-photo-left.floating-photo-small{left:12px!important;top:315px!important;width:78px!important;height:98px!important;}
.floating-photo-right.floating-photo-small{right:12px!important;top:215px!important;width:78px!important;height:98px!important;}
.floating-photo-right.floating-photo-extra2{right:28px!important;top:150px!important;width:64px!important;height:78px!important;}
.floating-photo-right.floating-photo-big{right:10px!important;top:380px!important;width:112px!important;height:142px!important;}
/* about: exactly TWO columns on desktop */
.about-original .original-three-col{display:grid!important;grid-template-columns:minmax(180px,0.72fr) minmax(0,2.28fr)!important;grid-template-areas:'left center'!important;gap:24px!important;align-items:start!important;}
.about-original .original-sidebar:first-child{grid-area:left!important;}
.about-original .about-center{grid-area:center!important;min-width:0!important;}
.about-original .about-right-sidebar{display:none!important;}
/* the visible scrapbook paper is white; individual cards are pink */
.page,.week-page{background:transparent!important;}
.card,.scrapbook-card,.home-welcome-card,.journey-photo-card,.home-side-card,.home-extra-photo,.story.card,.comments,.entry-cover,.week-card,.about-original .about-intro,.about-original .about-facts-card,.about-original .about-side-photo-card{background:var(--dd-pink)!important;color:var(--dd-ink)!important;}
.home-left-photo-slot,.home-right-photo-slot,.journey-photo-slot,.side-photo-slot,.home-main-photo-slot,.week-picture,.photo-slot-inline,.week1-photo-slot,.lesson-photo-slot{background:#fffdf8!important;color:var(--dd-ink)!important;}
/* removed the accidental extra home photo section */
.home-extra-photo{display:none!important;}
/* glowing Digital Discovery against the BLACK outer field */
.logo-box h1{color:#fff!important;text-shadow:0 0 5px #fff,0 0 12px #ff6b9d,0 0 28px #ff6b9d,0 0 45px #ff9fbd!important;animation:ddLogoGlow 1.6s ease-in-out infinite alternate!important;}
@keyframes ddLogoGlow{from{filter:brightness(1);text-shadow:0 0 4px #fff,0 0 10px #ff6b9d,0 0 22px #ff6b9d}to{filter:brightness(1.3);text-shadow:0 0 7px #fff,0 0 18px #ff6b9d,0 0 38px #ff6b9d,0 0 55px #ff9fbd}}
/* Week navigation: always visible */
.week-prev-next{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:0 auto 18px!important;max-width:820px!important;position:relative!important;z-index:100!important;}
.week-prev-next a,.week-prev-next .disabled{display:inline-block!important;padding:9px 15px!important;background:#ffd1df!important;color:#3e3137!important;border:3px solid #4a343d!important;text-decoration:none!important;font-family:'Kalam',sans-serif!important;font-size:17px!important;box-shadow:4px 4px 0 #91ae88!important;}
.week-prev-next a:hover{transform:translateY(-3px) rotate(-1deg)!important;}
.week-prev-next .disabled{opacity:.42!important;box-shadow:3px 3px 0 #9a9a9a!important;}
@media(max-width:1050px){.floating-photo{display:block!important}.about-original .original-three-col{grid-template-columns:160px minmax(0,1fr)!important;grid-template-areas:'left center'!important;}}
@media(max-width:700px){.floating-photo{display:none!important}.about-original .original-three-col{grid-template-columns:1fr!important;grid-template-areas:'center' 'left'!important}.week-prev-next a,.week-prev-next .disabled{font-size:14px!important;padding:7px 9px!important}.week-prev-next{gap:7px!important}}

/* ===== USER REQUEST — FINAL VISUAL POLISH ===== */
/* Black outer field with tiny white + pink sparkle dots. */
html, body {
  background-color: #070608 !important;
  color: #3e3137 !important;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1.15px, transparent 1.7px),
    radial-gradient(circle, rgba(255,105,151,.95) 0 1.2px, transparent 1.8px),
    radial-gradient(circle, rgba(255,255,255,.65) 0 .7px, transparent 1.2px) !important;
  background-size: 47px 47px, 73px 73px, 101px 101px !important;
  background-position: 3px 6px, 22px 31px, 51px 17px !important;
  background-attachment: fixed !important;
}

/* The main scrapbook sheet is WHITE, with a soft pink glowing edge. */
.site {
  background: #fffdf8 !important;
  color: #3e3137 !important;
  border: 4px solid #ff9fbd !important;
  box-shadow:
    0 0 0 3px rgba(255,105,151,.18),
    0 0 24px rgba(255,105,151,.52),
    0 0 55px rgba(255,105,151,.25),
    10px 10px 0 #91ae88 !important;
}

/* Header sits inside the white scrapbook sheet. */
header {
  background: #fffdf8 !important;
  border-bottom: 4px solid #ff9fbd !important;
}

/* Digital Discovery title box = white with a pink glowing edge. */
.logo-box {
  background: #fffdf8 !important;
  border-color: #ff8faf !important;
  box-shadow:
    8px 8px 0 #ffb4ca,
    0 0 12px rgba(255,105,151,.55),
    0 0 30px rgba(255,105,151,.28) !important;
}
.logo-box h1 {
  color: #ff5f91 !important;
  text-shadow:
    0 0 3px #fff,
    0 0 8px #ff8fb1,
    0 0 18px #ff5f91,
    0 0 32px rgba(255,95,145,.65) !important;
  animation: ddLogoGlowPink 1.55s ease-in-out infinite alternate !important;
}
.logo-box p, .logo-box .tiny { color: #5d4850 !important; }

@keyframes ddLogoGlowPink {
  from {
    filter: brightness(1);
    text-shadow: 0 0 3px #fff, 0 0 8px #ff8fb1, 0 0 18px #ff5f91, 0 0 28px rgba(255,95,145,.5);
  }
  to {
    filter: brightness(1.12);
    text-shadow: 0 0 5px #fff, 0 0 12px #ffb0c8, 0 0 24px #ff5f91, 0 0 42px rgba(255,95,145,.75);
  }
}

/* Navigation: stable styling; ONLY the selected page lights up. */
nav {
  background: #fff0f5 !important;
  border-bottom: 4px solid #ff9fbd !important;
  box-shadow: 0 5px 14px rgba(255,105,151,.18) !important;
}
nav a,
nav a:nth-child(2),
nav a:nth-child(3),
nav a:nth-child(4) {
  transform: none !important;
  background: #fffdf8 !important;
  color: #4b3740 !important;
  border-color: #5a4149 !important;
  box-shadow: 3px 4px 0 #91ae88 !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, filter .18s ease !important;
}
nav a:hover {
  transform: translateY(-3px) !important;
  background: #fff7fa !important;
  box-shadow: 0 0 13px rgba(255,105,151,.42), 4px 6px 0 #91ae88 !important;
}
nav a.active {
  background: #ffd1df !important;
  color: #8f2854 !important;
  border-color: #ff6f9f !important;
  box-shadow:
    0 0 7px #fff,
    0 0 15px #ff75a1,
    0 0 28px rgba(255,105,151,.72),
    4px 5px 0 #91ae88 !important;
  text-shadow: 0 0 5px rgba(255,255,255,.95), 0 0 8px rgba(255,105,151,.5) !important;
  transform: translateY(-2px) !important;
}

/* Main scrapbook cards remain pink inside the white sheet. */
.card, .week-card, .entry-cover, .story.card, .comments,
.about-original .about-intro, .about-original .about-facts-card,
.about-original .about-side-photo-card,
.home-welcome-card, .journey-photo-card, .home-side-card {
  border-color: #4a343d !important;
}

/* Requested glowing page titles. */
.home-welcome-card h2,
.about-original .about-intro h2,
.page > section.card:first-of-type h2 {
  color: #a62d5a !important;
  animation: ddTitleGlow 1.65s ease-in-out infinite alternate !important;
}

@keyframes ddTitleGlow {
  from {
    text-shadow:
      0 0 2px #fff,
      0 0 6px rgba(255,255,255,.9),
      0 0 11px rgba(255,105,151,.55);
    filter: brightness(1);
  }
  to {
    text-shadow:
      0 0 3px #fff,
      0 0 8px #ffbed0,
      0 0 17px #ff75a1,
      0 0 27px rgba(255,105,151,.7);
    filter: brightness(1.12);
  }
}

/* Exact title aliases, in case a page wraps its heading differently. */
.about-original .about-intro h2 { text-shadow: 0 0 5px #fff, 0 0 13px #ff75a1 !important; }
.page .card h2 { }

/* Keep the white paper visible around every section. */
.page, .week-page { background: transparent !important; }


/* FINAL ABOUT ADDITIONS */
.fun-facts{background:#ffe7f0;border:2px dashed #d74f7d;padding:12px 14px;box-shadow:4px 4px 0 #ffabc2;font-family:'Patrick Hand';font-size:18px;line-height:1.35}
.fun-facts li{margin:5px 0}
.classmates-slot{background:#fff;padding:8px 8px 28px;border:3px solid #6c5458;box-shadow:6px 7px 0 #ffabc2;transform:rotate(2deg);margin-top:12px}
.classmates-slot img{width:100%;height:150px;object-fit:cover;display:block;border:2px dashed #bda1aa}
.classmates-slot .slot-caption{display:block;text-align:center;font:22px 'Caveat';margin-top:6px;color:#d74f7d}
.journey-photo-slot{padding:10px;background:#fff;border:3px dashed #d88aa4;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}
.journey-photo-slot img{width:100%;height:220px;object-fit:cover;display:block}
.journey-photo-slot small{font-family:'Kalam';color:#6c5458;margin-top:7px}


/* =========================================================
   FINAL-FINAL POLISH — requested 2026-08-20
   ========================================================= */
html, body { background:#070607 !important; }
body{
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1.4px, transparent 1.8px),
    radial-gradient(circle, rgba(255,100,150,.9) 0 1.2px, transparent 1.7px),
    radial-gradient(circle, rgba(255,255,255,.45) 0 1px, transparent 1.5px) !important;
  background-size:52px 52px,79px 79px,121px 121px !important;
  background-position:0 0,19px 28px,43px 11px !important;
  background-attachment:fixed !important;
}
/* The large scrapbook sheet is WHITE again. */
.site{
  background:#fffdf7 !important;
  color:#34262d !important;
  border-color:#4a343d !important;
  box-shadow:0 0 0 3px #ff9fbd, 10px 10px 0 #91ae88, 0 20px 50px rgba(0,0,0,.7) !important;
}
.page, .week-page { background:#fffdf7 !important; color:#34262d !important; }
/* Keep the header dark so the white/pink glow reads clearly. */
header{background:#070607 !important;border-bottom-color:#ffb6cc !important;}
.logo-box{background:#fffdf7 !important;border-color:#ff8fb1 !important;box-shadow:8px 8px 0 #ff7fa8,0 0 28px rgba(255,111,159,.25) !important;}
.logo-box h1{color:#34262d !important;text-shadow:0 0 4px #fff,0 0 11px #ff6f9f,0 0 25px #ff3f7f,0 0 42px rgba(255,63,127,.55) !important;}
.logo-box p,.logo-box .tiny{color:#5d4850 !important;}
/* Navigation: every page gets the same active glow. */
nav{position:sticky !important;top:0 !important;z-index:10000 !important;background:#070607 !important;border-bottom:3px solid #ffb6cc !important;box-shadow:0 7px 18px rgba(0,0,0,.7) !important;}
nav a{background:#ffd8e5 !important;border:3px solid #3b2930 !important;color:#402631 !important;box-shadow:3px 4px 0 #91ae88 !important;}
nav a.active{background:#fff !important;color:#b83261 !important;border-color:#ff6f9f !important;box-shadow:0 0 0 2px #fff,0 0 14px #ff75a1,4px 5px 0 #91ae88 !important;text-shadow:0 0 7px #ff8fb1 !important;transform:translateY(-2px) rotate(var(--r,0deg)) !important;}
nav a.active::after{content:'✦';position:absolute;right:-6px;top:-10px;color:#ff75a1;font-size:17px;animation:tabSpark .9s ease-in-out infinite alternate;}
/* Pink scrapbook cards inside the white sheet. */
.card,.week-card,.story.card,.comments,.home-welcome-card,.journey-photo-card,.home-side-card,.about-original .about-intro,.about-original .about-facts-card,.about-original .about-side-photo-card{background:#ffd1df !important;color:#34262d !important;}
/* Requested glowing page titles. */
.home-welcome-card h2,.about-original .about-intro h2,.page > section.card:first-of-type h2,.entry-title,.page .card h2{animation:ddStrongGlow 1.6s ease-in-out infinite alternate !important;}
@keyframes ddStrongGlow{
 from{text-shadow:0 0 2px #fff,0 0 6px rgba(255,255,255,.9),0 0 10px rgba(255,105,151,.45);filter:brightness(1)}
 to{text-shadow:0 0 4px #fff,0 0 10px #ffbed0,0 0 20px #ff75a1,0 0 30px rgba(255,105,151,.72);filter:brightness(1.12)}
}
/* Journey photo slot: larger, and already wired to a real PNG. */
.journey-photo-card{padding:20px !important;}
.journey-note{font-family:'Caveat',cursive !important;font-size:34px !important;color:#a62d5a !important;margin-bottom:12px !important;text-shadow:0 0 5px #fff,0 0 13px #ff75a1 !important;}
.journey-photo-slot{min-height:330px !important;height:330px !important;padding:10px !important;background:#fff !important;border:3px dashed #d88aa4 !important;}
.journey-photo-slot img{width:100% !important;height:280px !important;object-fit:cover !important;display:block !important;}
/* About classmates brag space. */
.classmates-slot img{height:180px !important;}
.classmates-brag{margin-top:16px;background:#fff9fb;border:3px dashed #d88aa4;padding:12px;box-shadow:4px 5px 0 #ffabc2;}
.classmates-brag h3{margin:0 0 8px;font:26px 'Caveat',cursive;color:#a62d5a;text-shadow:0 0 6px #ff9fbd;}
.classmates-brag textarea{width:100%;min-height:130px;resize:vertical;border:2px solid #9b6879;background:#fff;font:18px 'Patrick Hand',cursive;padding:9px;color:#34262d;}
/* Six floating photos: extra little photos sit above the left big and right small. */
.floating-photo{z-index:900 !important;}
.floating-photo-left.floating-photo-big{left:10px !important;top:128px !important;width:112px !important;height:142px !important;animation:floatLeftBigFinal 5.4s ease-in-out infinite !important;}
.floating-photo-left.floating-photo-extra1{left:28px !important;top:72px !important;width:64px !important;height:78px !important;animation:floatLeftExtraFinal 4.2s ease-in-out infinite !important;}
.floating-photo-left.floating-photo-small{left:12px !important;top:315px !important;width:78px !important;height:98px !important;animation:floatLeftSmallFinal 4.1s ease-in-out infinite !important;}
.floating-photo-right.floating-photo-small{right:12px !important;top:205px !important;width:78px !important;height:98px !important;animation:floatRightSmallFinal 4.5s ease-in-out infinite !important;}
.floating-photo-right.floating-photo-extra2{right:28px !important;top:140px !important;width:64px !important;height:78px !important;animation:floatRightExtraFinal 4s ease-in-out infinite !important;}
.floating-photo-right.floating-photo-big{right:10px !important;top:348px !important;width:112px !important;height:142px !important;animation:floatRightBigFinal 5.2s ease-in-out infinite !important;}
@keyframes floatLeftBigFinal{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-13px)}}
@keyframes floatLeftExtraFinal{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(3deg) translateY(-9px)}}
@keyframes floatLeftSmallFinal{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(0deg) translateY(-10px)}}
@keyframes floatRightSmallFinal{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-11px)}}
@keyframes floatRightExtraFinal{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-8px)}}
@keyframes floatRightBigFinal{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-14px)}}
/* Lesson unlocked: both the photo and box are larger. */
.lesson-unlocked{grid-template-columns:230px minmax(0,1fr) !important;gap:22px !important;margin:28px 0 !important;}
.lesson-photo-slot{min-height:230px !important;aspect-ratio:1/1 !important;background:#fff !important;padding:10px !important;border:3px dashed #d88aa4 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;}
.lesson-photo-slot img{width:100% !important;height:195px !important;object-fit:cover !important;display:block !important;}
.lesson-photo-slot small,.quote-photo-slot small{font:15px 'Kalam',cursive !important;color:#6c5458 !important;margin-top:5px !important;text-align:center !important;}
.lesson-box{min-height:230px !important;background:#ffc0d4 !important;border:3px solid #4a343d !important;box-shadow:8px 8px 0 #91ae88 !important;padding:24px !important;}
.lesson-box h2{font-size:46px !important;color:#9e2f58 !important;text-shadow:0 0 4px #fff,0 0 12px #ff75a1 !important;}
.lesson-box p{font-size:22px !important;}
/* Quote of the week: text left, photo slot right. */
.quote-week{display:grid !important;grid-template-columns:minmax(0,1fr) 250px !important;gap:22px !important;align-items:stretch !important;margin:28px 0 35px !important;padding:20px !important;background:#fff !important;border:3px solid #4a343d !important;box-shadow:8px 8px 0 #ffabc2 !important;}
.quote-copy{display:flex !important;flex-direction:column !important;justify-content:center !important;background:#ffd1df !important;border:2px dashed #d88aa4 !important;padding:22px !important;}
.quote-label{font:27px 'Kalam',cursive !important;color:#a62d5a !important;letter-spacing:1px !important;}
.quote-copy blockquote{margin:15px 0 8px !important;font:38px 'Caveat',cursive !important;line-height:1.05 !important;color:#34262d !important;text-shadow:0 0 5px #fff,0 0 10px #ff9fbd !important;}
.quote-photo-slot{background:#fff9fb !important;border:3px dashed #d88aa4 !important;padding:10px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;overflow:hidden !important;}
.quote-photo-slot img{width:100% !important;height:220px !important;object-fit:cover !important;display:block !important;}
@media(max-width:760px){
 .quote-week{grid-template-columns:1fr !important;}
 .lesson-unlocked{grid-template-columns:1fr !important;}
 .lesson-photo-slot{width:230px !important;justify-self:center !important;}
 .floating-photo{display:none !important;}
}

/* FINAL FLOATING PHOTO / NAV FIX
   Keep every floating photo physically below the sticky navigation,
   with a clear gap so the nav never overlaps the photos. */
nav{position:sticky !important;top:0 !important;z-index:10000 !important;}
.floating-photo{z-index:40 !important;}
.floating-photo-left.floating-photo-extra1{left:28px !important;top:112px !important;}
.floating-photo-left.floating-photo-big{left:10px !important;top:205px !important;}
.floating-photo-left.floating-photo-small{left:12px !important;top:370px !important;}
.floating-photo-right.floating-photo-extra2{right:28px !important;top:112px !important;}
.floating-photo-right.floating-photo-small{right:12px !important;top:225px !important;}
.floating-photo-right.floating-photo-big{right:10px !important;top:360px !important;}
@media(max-width:1050px){
  .floating-photo-left.floating-photo-extra1{top:108px !important;}
  .floating-photo-left.floating-photo-big{top:198px !important;}
  .floating-photo-right.floating-photo-extra2{top:108px !important;}
  .floating-photo-right.floating-photo-small{top:218px !important;}
}

/* ===== FINAL COLOR + NAV FIX =====
   BLACK = outside the scrapbook only.
   WHITE = the entire main scrapbook sheet, including header + navigation. */
html, body { background-color:#070607 !important; }
.site { background:#E7ACCF !important; }
header { background:#d96b91 !important; color:#34262d !important; border-bottom:4px solid #ff9fbd !important; }
nav {
  background:#d96b91 !important;
  border-bottom:4px solid #ff5f91 !important;
  box-shadow:0 5px 16px rgba(255,105,151,.20) !important;
}
nav a, nav a:nth-child(2), nav a:nth-child(3), nav a:nth-child(4) {
  position:relative !important;
  background:#ffd4e2 !important;
  color:#8f2854 !important;
  border:3px solid #a62d5a !important;
  box-shadow:4px 5px 0 #ff7fa8 !important;
  opacity:1 !important;
}
/* The selected page gets a VERY obvious pink glow. */
nav a.active {
  background:#ffd4e2 !important;
  color:#a72d5b !important;
  border:3px solid #ff4f91 !important;
  box-shadow:
    0 0 0 2px #fff !important,
    0 0 8px #fff !important,
    0 0 18px #ff4f91 !important,
    0 0 34px rgba(255,79,145,.85) !important,
    5px 6px 0 #ff9fbd !important;
  text-shadow:0 0 4px #fff, 0 0 10px #ff4f91 !important;
  filter:brightness(1.08) !important;
  transform:translateY(-3px) !important;
  z-index:2 !important;
}
nav a.active::after {
  content:'✦' !important;
  position:absolute !important;
  right:-8px !important;
  top:-13px !important;
  color:#ff4f91 !important;
  font-size:18px !important;
  text-shadow:0 0 8px #ff4f91 !important;
  animation:tabSparkFinal .7s ease-in-out infinite alternate !important;
}
@keyframes tabSparkFinal {
  from { transform:scale(.8) rotate(-8deg); opacity:.65; }
  to { transform:scale(1.25) rotate(8deg); opacity:1; }
}
nav a:hover {
  background:#fff1f7 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 0 14px rgba(255,79,145,.55),5px 6px 0 #91ae88 !important;
}


/* ===== LATEST APPROVED INTERACTION PASS ===== */
/* Small glowing decorative floaters: they are graphics now, not large photos. */
.floating-photo{width:54px!important;height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;z-index:40!important;pointer-events:none!important;background:transparent!important;border:0!important;box-shadow:none!important;animation:ddFloat 4.8s ease-in-out infinite!important;}
.floating-photo .float-glyph{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-family:'Caveat',cursive!important;font-size:42px!important;color:#ff77a8!important;text-shadow:0 0 5px #fff,0 0 13px #ff5f91,0 0 25px rgba(255,95,145,.75)!important;filter:drop-shadow(0 4px 3px rgba(255,95,145,.25))!important;}
.floating-photo-small{width:38px!important;height:38px!important;animation-duration:4.1s!important;}.floating-photo-small .float-glyph{font-size:30px!important;}
.floating-photo-extra1,.floating-photo-extra2{width:30px!important;height:30px!important;animation-duration:3.7s!important;}.floating-photo-extra1 .float-glyph,.floating-photo-extra2 .float-glyph{font-size:24px!important;}
.floating-photo-left.floating-photo-extra1{left:10px!important;top:150px!important;}.floating-photo-left.floating-photo-big{left:18px!important;top:235px!important;}
.floating-photo-right.floating-photo-extra2{right:10px!important;top:150px!important;}.floating-photo-right.floating-photo-small{right:18px!important;top:220px!important;}.floating-photo-right.floating-photo-big{right:18px!important;top:320px!important;}
.floating-photo-left.floating-photo-small{left:58px!important;top:185px!important;}
@keyframes ddFloat{0%,100%{transform:translate3d(0,0,0) rotate(-5deg) scale(1)}25%{transform:translate3d(7px,-12px,0) rotate(5deg) scale(1.08)}50%{transform:translate3d(-3px,-20px,0) rotate(-2deg) scale(.96)}75%{transform:translate3d(-9px,-8px,0) rotate(6deg) scale(1.05)}}
/* Strong scrapbook movement: cards visibly lift when the wand lands on them. */
.card,.week-card,.home-tab,.scrap{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease!important;will-change:transform!important;}
.card:hover,.week-card:hover,.home-tab:hover,.scrap:hover{transform:translateY(-9px) rotate(-1deg) scale(1.015)!important;box-shadow:12px 14px 0 #ff9fbd,0 0 24px rgba(255,95,145,.5)!important;filter:saturate(1.08)!important;}
/* Exaggerated pink weekly cards. */
.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;}
.week-card{background:#ffd1df!important;border:4px solid #6c5458!important;box-shadow:9px 9px 0 #ff8fb1,0 0 0 4px #fff!important;padding:14px!important;}
.week-card .week-picture{background:#fff!important;border:3px solid #6c5458!important;}
.week-card:hover{background:#ffc1d5!important;box-shadow:12px 14px 0 #ff6f9f,0 0 28px rgba(255,95,145,.65)!important;}
/* Restore the wand cursor everywhere, including the drawing canvas. */
html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M4 27L13 18l5 5-9 9z' fill='%23fff5f8' stroke='%23382b31' stroke-width='2'/%3E%3Cpath d='M13 18L25 7' stroke='%23ff5f91' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M25 2v6M22 5h6M28 12v5M25.5 14.5h5' stroke='%23ffd86e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 3 2,auto!important;}
*,a,button,input,textarea,select{cursor:inherit!important;}
#doodleCanvas{cursor:inherit!important;}
/* Sources below every weekly quote. */
.week-sources{margin:0 0 32px;padding:18px 22px;background:#fff1f7;border:3px dashed #d88aa4;box-shadow:7px 7px 0 #ffabc2;transform:rotate(.3deg);}
.week-sources h3{margin:0 0 8px;color:#a62d5a;font-family:'Caveat',cursive;font-size:32px;text-shadow:0 0 7px #ffb6cc;}
.week-sources ul{margin:8px 0 0;padding-left:24px;font-family:'Patrick Hand',cursive;font-size:19px;}.week-sources li{margin:5px 0;}
/* Audience game */
.sparkle-game{background:#ffd1df!important;border:4px solid #6c5458!important;box-shadow:9px 9px 0 #ff8fb1!important;overflow:hidden;}
.sparkle-game h2{font-size:46px!important;color:#a62d5a!important;text-shadow:0 0 8px #ffb6cc!important;}
.game-sticker{display:inline-block;background:#ffe39a;border:3px solid #6c5458;padding:5px 12px;font-family:'Kalam';transform:rotate(-3deg);box-shadow:4px 4px 0 #ff9fbd;}
.game-stats{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0;font-family:'Kalam';font-size:19px;}.game-stats span{background:#fff;border:2px solid #6c5458;padding:5px 10px;}.game-stats button{background:#ff6f9f;color:#fff;border:3px solid #6c5458;padding:8px 14px;font-family:'Kalam';font-size:17px;box-shadow:4px 4px 0 #91ae88;cursor:pointer!important;}.game-board{height:300px;position:relative;background:#070607;border:4px solid #6c5458;overflow:hidden;background-image:radial-gradient(#fff 1.5px,transparent 1.5px),radial-gradient(#ff9fbd 1.5px,transparent 1.5px);background-size:32px 32px,53px 53px;}.game-target{position:absolute;width:58px;height:58px;border:0;background:transparent;color:#ff77a8;font-size:46px;text-shadow:0 0 6px #fff,0 0 16px #ff5f91,0 0 28px #ff5f91;cursor:pointer!important;}.game-message{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-family:'Caveat';font-size:30px;pointer-events:none;text-shadow:0 0 10px #ff5f91;}
@media(max-width:1050px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.floating-photo{display:flex!important;}}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr!important;}.floating-photo{display:none!important;}.game-board{height:240px;}}


/* RUBRIC POLISH COMPONENTS — scrapbook look, rubric-friendly content */
.rubric-snapshot{margin:26px 0!important;background:#fff!important;border:4px solid #6c5458!important;box-shadow:9px 9px 0 #ff9fbd,0 0 24px rgba(255,105,151,.18)!important;position:relative!important;overflow:hidden!important;}
.rubric-snapshot:before{content:'✦  ♡  ✿  ✎  ☆  ✦';display:block;text-align:center;color:#ff6f9f;font-size:22px;letter-spacing:10px;padding:8px 0;border-bottom:2px dashed #ffabc2;}
.rubric-snapshot h2{margin:8px 0 14px!important;color:#a62d5a!important;text-shadow:0 0 7px #ffb6cc!important;}
.rubric-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.rubric-mini-grid>div{background:#ffd5e2;border:3px dashed #d88aa4;padding:14px;min-height:120px;box-shadow:4px 5px 0 #91ae88;transform:rotate(-.6deg);transition:transform .2s ease,box-shadow .2s ease;}
.rubric-mini-grid>div:nth-child(even){background:#ffe4ec;transform:rotate(.7deg);}
.rubric-mini-grid>div:hover{transform:translateY(-6px) rotate(0) scale(1.02);box-shadow:7px 9px 0 #ff9fbd,0 0 16px rgba(255,95,145,.35);}
.rubric-mini-grid b{display:block;color:#a62d5a;font:22px 'Caveat',cursive;margin-bottom:7px;}
.rubric-mini-grid span{display:block;font:17px 'Patrick Hand',cursive;line-height:1.2;color:#34262d;}
.rubric-note{margin:16px 0 0;padding:12px 16px;background:#fff8fb;border-left:5px solid #ff6f9f;box-shadow:4px 4px 0 #ffd1df;}
.reader-prompt{margin:22px 0!important;background:#fff8fb!important;border:3px dashed #d88aa4!important;box-shadow:6px 6px 0 #ffabc2!important;transform:rotate(.3deg)!important;}
.reader-prompt h2{color:#a62d5a!important;text-shadow:0 0 7px #ffb6cc!important;}
@media(max-width:900px){.rubric-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.rubric-mini-grid{grid-template-columns:1fr;}.rubric-mini-grid>div{min-height:auto;}}


/* ============================================================
   RUBRIC-READY SCRAPBOOK LAYER — added without replacing old design
   ============================================================ */
.oa-board{position:relative;background:#fffdf8!important;border:4px solid #34262d!important;box-shadow:10px 10px 0 #ff9fbd,0 0 26px rgba(255,95,145,.18)!important;padding:26px!important;overflow:hidden!important;}
.oa-board:after{content:'✦  ♡  ✿  ☆  ✎  ♡  ✦';display:block;text-align:center;color:#ff6f9f;font-size:22px;letter-spacing:8px;margin-top:18px;opacity:.8;}
.oa-stamp{display:inline-block;background:#ff6f9f;color:#fff;border:3px solid #34262d;padding:7px 13px;font-family:'Kalam',cursive;font-size:18px;box-shadow:5px 5px 0 #91ae88;transform:rotate(-2deg);}
.oa-board h2{font-size:42px!important;color:#a62d5a!important;text-shadow:2px 2px 0 #ffe1eb,0 0 9px #ffabc2!important;margin:14px 0 6px!important;}
.oa-intro{font-size:21px!important;max-width:900px;line-height:1.45;}
.oa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px;}
.oa-item{position:relative;background:#ffd1df;border:3px solid #6c5458;padding:15px 48px 14px 15px;min-height:92px;box-shadow:5px 6px 0 #ff9fbd;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;}
.oa-item:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:8px 10px 0 #ff6f9f,0 0 18px rgba(255,95,145,.35);filter:saturate(1.08);}
.oa-item b{display:block;color:#a62d5a;font-family:'Kalam',cursive;font-size:21px;margin-bottom:4px;}
.oa-item span{display:block;font-family:'Patrick Hand',cursive;font-size:18px;line-height:1.25;color:#34262d;}
.oa-item i{position:absolute;right:10px;top:10px;font-family:'Kalam',cursive;font-style:normal;color:#a62d5a;font-size:15px;transform:rotate(5deg);}
.oa-final-callout{background:#ffd1df!important;border:4px solid #34262d!important;box-shadow:10px 10px 0 #91ae88,0 0 22px rgba(255,95,145,.25)!important;}
.week-sources{background:#fff7fb!important;border:4px dashed #a62d5a!important;box-shadow:8px 8px 0 #ff9fbd!important;}
.week-sources li{background:#ffd1df;border:2px solid #e28ba8;padding:7px 10px;margin:8px 0!important;list-style:'✿  ';}
.week-sources li b{color:#a62d5a;font-family:'Kalam',cursive;}
@media(max-width:700px){.oa-grid{grid-template-columns:1fr;}.oa-board h2{font-size:34px!important;}.oa-item{min-height:auto;}.oa-stamp{font-size:15px;}}


/* ============================================================
   AUTHORITATIVE FINAL VISUAL PASS — 2026-08-20
   Decorative floaters are tiny graphics only. They never cover
   navigation or the back-to-top button. Digital Discovery is pink.
   ============================================================ */
.logo-box h1{
  color:#ff5f91 !important;
  -webkit-text-fill-color:#ff5f91 !important;
  text-shadow:0 0 4px #fff,0 0 10px #ff8fb1,0 0 20px #ff5f91,0 0 36px rgba(255,95,145,.72) !important;
  animation:ddFinalPinkGlow 1.6s ease-in-out infinite alternate !important;
}
@keyframes ddFinalPinkGlow{
  from{filter:brightness(1);text-shadow:0 0 4px #fff,0 0 9px #ff8fb1,0 0 18px #ff5f91,0 0 28px rgba(255,95,145,.5)}
  to{filter:brightness(1.22);text-shadow:0 0 6px #fff,0 0 14px #ff8fb1,0 0 28px #ff5f91,0 0 44px rgba(255,95,145,.85)}
}

/* Replace the old photo-like floaters visually; these six are decorative only. */
.float-decor{
  position:fixed !important;
  z-index:35 !important;
  pointer-events:none !important;
  width:48px;height:48px;
  display:grid;place-items:center;
  font-family:'Caveat',cursive;
  font-size:38px;
  color:#ff6f9f;
  text-shadow:0 0 4px #fff,0 0 10px #ff6f9f,0 0 22px rgba(255,95,145,.9);
  filter:drop-shadow(0 5px 4px rgba(255,95,145,.22));
  animation:ddDecorFloat 4.8s ease-in-out infinite;
}
.float-heart{font-size:42px}.float-star{font-size:38px}.float-flower{font-size:34px}.float-spark{font-size:30px}
.float-left-1{left:16px;top:180px;animation-delay:-.5s}
.float-left-2{left:72px;top:285px;animation-delay:-2.1s}
.float-left-3{left:18px;top:410px;animation-delay:-3.3s}
.float-right-1{right:18px;top:180px;animation-delay:-1.3s}
.float-right-2{right:72px;top:295px;animation-delay:-2.7s}
.float-right-3{right:18px;top:420px;animation-delay:-.9s}
@keyframes ddDecorFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-6deg) scale(1);opacity:.82}
  25%{transform:translate3d(7px,-12px,0) rotate(5deg) scale(1.1);opacity:1}
  50%{transform:translate3d(-5px,-22px,0) rotate(-3deg) scale(.94);opacity:.9}
  75%{transform:translate3d(9px,-8px,0) rotate(7deg) scale(1.06);opacity:1}
}

/* Never let decorative graphics win over the navigation or top button. */
nav{position:sticky !important;top:0 !important;z-index:1000 !important}
.top-button{z-index:3000 !important;pointer-events:auto !important}

/* A clear, attractive source/credit bar beneath every weekly quote. */
.photo-source-bar{
  margin:18px 0 32px;
  padding:16px 18px;
  background:#fffdf8 !important;
  border:4px solid #6c5458;
  box-shadow:8px 8px 0 #ff9fbd,0 0 18px rgba(255,95,145,.18);
  transform:rotate(-.25deg);
}
.photo-source-bar .source-bar-title{
  display:inline-block;background:#ff6f9f;color:#fff;border:3px solid #34262d;
  padding:5px 12px;font:20px 'Kalam',cursive;box-shadow:4px 4px 0 #91ae88;
  transform:rotate(-1deg);margin-bottom:10px;
}
.source-bar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.source-bar-grid>div{background:#ffd5e2;border:2px dashed #d88aa4;padding:10px;min-width:0}
.source-bar-grid b{display:block;color:#a62d5a;font:21px 'Caveat',cursive}
.source-bar-grid code{display:block;font:14px monospace;overflow-wrap:anywhere;color:#5b414a;margin:4px 0}
.source-bar-grid span{display:block;font:16px 'Patrick Hand',cursive;color:#6c5458}
.photo-source-bar>p{margin:10px 0 0;font:17px 'Patrick Hand',cursive;color:#6c5458}

/* The existing sparkle game gets a little more theatrical. */
.sparkle-game{position:relative}
.sparkle-game:before{content:'✦  ✧  ♡  ✦  ✧';position:absolute;right:18px;top:12px;color:#ff6f9f;font-size:24px;letter-spacing:7px;animation:twinkleRow 1.4s ease-in-out infinite alternate}
@keyframes twinkleRow{from{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:translateY(-3px)}}
.mystery-note-button{display:block;margin:12px auto 0;background:#fff;color:#a62d5a;border:3px solid #6c5458;padding:8px 14px;font:18px 'Kalam',cursive;box-shadow:4px 5px 0 #ff9fbd;cursor:pointer}
.mystery-note-button:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:6px 7px 0 #ff6f9f}
.mystery-note{min-height:28px;margin:12px auto 0;max-width:620px;text-align:center;background:#fff8fb;border:2px dashed #d88aa4;padding:8px 12px;font:20px 'Kalam',cursive;color:#a62d5a}
.pop-note{animation:mysteryPop .38s ease}
@keyframes mysteryPop{0%{transform:scale(.8) rotate(-2deg);opacity:.2}100%{transform:scale(1) rotate(0);opacity:1}}

@media(max-width:900px){
  .float-decor{width:38px;height:38px;font-size:30px}
  .float-heart{font-size:34px}.float-star{font-size:30px}.float-flower{font-size:27px}
  .float-left-1{left:6px;top:155px}.float-left-2{left:38px;top:255px}.float-left-3{left:7px;top:360px}
  .float-right-1{right:7px;top:155px}.float-right-2{right:38px;top:265px}.float-right-3{right:7px;top:370px}
  .source-bar-grid{grid-template-columns:1fr}
}
@media(max-width:560px){.float-decor{display:none!important}.mystery-note-button{width:100%}}


/* GENERAL PHOTO SOURCES — final */
.general-photo-sources{margin-top:28px;padding:24px;border:2px dashed #b73563;background:#fff5f8;box-shadow:8px 8px 0 #ffd5e2;}
.general-photo-sources h2{color:#b73563;text-shadow:0 0 10px #ff8fba;margin-top:0;}
.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.source-grid>div{padding:12px 14px;background:#fff;border:2px solid #f3a8c2;border-radius:12px;}
.source-grid b,.source-grid span{display:block;}
.source-grid b{color:#b73563;margin-bottom:5px;}
@media(max-width:700px){.source-grid{grid-template-columns:1fr;}}
/* OA PINK WAND CURSOR */
html, body, .site, .page, .main-box, .content, .card, .week-card { cursor: url("images/wand_cursor.png") 4 2, auto; }
a, button, .nav a, .week-card, .game-target, .mystery-note-button, [role="button"] { cursor: url("images/wand_cursor.png") 4 2, pointer; }


/* FINAL HANDOFF FIX — keep navigation, graphics and photo slots predictable */
nav{position:sticky!important;top:0!important;z-index:10000!important;background:#ff9db8!important;border-bottom:4px solid #6c5458!important;}
nav a.active{background:#fff!important;color:#c13c69!important;border-color:#ff5f91!important;box-shadow:0 0 0 2px #fff,0 0 12px #ff75a1,0 0 26px rgba(255,95,145,.72),4px 5px 0 #91ae88!important;text-shadow:0 0 7px #ff8fb1!important;}
.logo-box h1{color:#ff5f91!important;-webkit-text-fill-color:#ff5f91!important;text-shadow:0 0 4px #fff,0 0 12px #ff8fb1,0 0 24px #ff5f91!important;}
.float-decor{z-index:20!important;pointer-events:none!important;}
.top-button{z-index:30000!important;}
.home-left-photo-slot,.home-right-photo-slot,.journey-photo-slot{overflow:hidden!important;}
.home-left-photo-slot img,.home-right-photo-slot img,.journey-photo-slot img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
@media(max-width:900px){.float-decor{z-index:15!important;}}


/* =========================================================
   ABOUT ME — LEFT PHOTO ABOVE FUN FACTS
   ========================================================= */

.about-left-photo-card {
  padding: 12px !important;
}

.about-left-photo-slot {
  width: 100%;
  height: 230px;
  border: 2px dashed #e8a6c8;
  background: #fffdfd;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.about-left-photo-slot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}




/* =====================================================
   ♡ THINGS I LIKE — LEFT SIDEBAR
   ===================================================== */

.things-i-like-card {
  margin-top: 18px;
  background: #fff;
  border: 3px solid #6c5458;
  padding: 14px;
  box-shadow: 6px 7px 0 #ffabc2;
  position: relative;
}

.things-i-like-card h2 {
  margin: 0 0 12px;
  text-align: center;
  color: #ff5f9e;
  font-weight: 900;
  text-shadow: 2px 2px 0 #ffd6e5;
}

.things-i-like {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.things-i-like p {
  margin: 0;
  padding: 8px 10px;
  background: #fff0f6;
  border: 2px dashed #ffabc2;
  color: #6c5458;
  font-weight: 700;
  line-height: 1.4;
}

.things-i-like p:hover {
  background: #ffe0ec;
}


/* =====================================================
   LITTLE PHOTO — FILLS THE SPACE UNDER THINGS I LIKE
   ===================================================== */

.things-photo-card {
  width: 100%;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;

  /* keeps it in the left-side column */
  align-self: stretch;

  min-height: 180px;
}

.things-photo-card h2 {
  margin: 0 0 8px;
  font-size: 18px;
}

.things-photo-slot {
  width: 100%;
  height: 225px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 8px;

  border: 2px solid #222;
  background: #fffdf8;
  box-shadow: 5px 5px 0 rgba(80, 150, 120, 0.35);
}

/* THE ACTUAL PHOTO */
.things-photo-slot img {
  display: block;

  width: 100%;
  height: 205px;

  object-fit: cover;
  object-position: center;

  border: 1px solid #222;
}

/* caption stays INSIDE the photo card */
.things-photo-slot .slot-caption {
  display: block;

  width: 100%;
  margin: 4px 0 0;

  text-align: center;
  font-size: 11px;
  line-height: 1.1;
}

/* prevents the photo card from creating an extra giant gap */
.things-photo-card + * {
  margin-top: 0;
}


/* =====================================================
   FIX: HOVER TEXT BLUR
   Keeps the hover glow without making text blurry
   ===================================================== */

.card,
.card:hover,
.side-card,
.side-card:hover,
.about-intro,
.about-intro:hover,
.movie-card,
.movie-card:hover,
.music-card,
.music-card:hover {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Do NOT blur or filter the contents of boxes */
.card:hover *,
.side-card:hover *,
.about-intro:hover *,
.movie-card:hover *,
.music-card:hover * {
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: inherit;
}

/* Keep the hover effect on the BOX itself */
.card:hover,
.side-card:hover {
  transform: translateY(-3px);
}

/* Prevent text from being affected by scale/blur tricks */
.card,
.side-card,
.card *,
.side-card * {
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
}

/* =====================================================
   WEEK 2 — SIX PHOTO CAROUSEL
   ===================================================== */

.week2-photo-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 20px auto;
}

.week2-photo-window {
  width: min(100%, 520px);
  text-align: center;
}

.week2-photo-window img {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: cover;
  border: 3px solid #222;
  border-radius: 4px;
  background: #fff;
}

.week2-photo-window .slot-caption {
  display: block;
  margin-top: 8px;
}

.week2-photo-arrow {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border: 2px solid #222;
  background: #dff7ee;
  font-size: 28px;
  cursor: pointer;
  border-radius: 5px;
}

.week2-photo-arrow:hover {
  transform: scale(1.08);
  filter: brightness(1.08);
}

/* Mobile */
@media (max-width: 600px) {

  .week2-photo-carousel {
    gap: 5px;
  }

  .week2-photo-window img {
    height: 210px;
  }

  .week2-photo-arrow {
    width: 34px;
    height: 34px;
    font-size: 22px;
  }

}

/* =====================================================
   FIX: NO BLUR ON HOVER
   ===================================================== */

/* Keep boxes sharp when hovered */
.card:hover,
.card:hover *,
.side-card:hover,
.side-card:hover *,
.about-intro:hover,
.about-intro:hover *,
.movie-card:hover,
.movie-card:hover *,
.music-card:hover,
.music-card:hover *,
.photo-slot-inline:hover,
.photo-slot-inline:hover * {
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: none;
}

/* Keep images sharp */
.card:hover img,
.side-card:hover img,
.about-intro:hover img,
.movie-card:hover img,
.music-card:hover img,
.photo-slot-inline:hover img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

/* Prevent blur from transform/hover effects */
.card,
.card *,
.side-card,
.side-card *,
.about-intro,
.about-intro *,
.movie-card,
.movie-card *,
.music-card,
.music-card *,
.photo-slot-inline,
.photo-slot-inline * {
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}


/* FINAL NAV COLOR */
nav {
    background-color: #d96b91 !important;
}
/* WEEK 5 SAMPLE CODE CAROUSEL */

.week5-code-carousel {
  text-align: center;
}

.photo-slot-inline {
    position: relative;
}

.photo-slot-inline::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    background-image: url("greenballoon.gif");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 5;
}

.code-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
}

.code-carousel-window {
  width: 100%;
  max-width: 650px;
  overflow: hidden;
}

.week5-code-card {
  display: none;
  width: 100%;
}

.week5-code-card.active {
  display: block;
}

.week5-code-card img {
  display: block;
  width: 100%;
  max-height: 500px;
  object-fit: contain;
  margin: 0 auto;
  border-radius: 12px;
}

.week5-code-card span {
  display: block;
  margin-top: 10px;
  font-weight: bold;
}

.code-carousel-arrow {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border: 2px solid #d96b91;
  border-radius: 50%;
  background: #fff0f6;
  color: #d96b91;
  font-size: 28px;
  cursor: pointer;
}

.code-carousel-arrow:hover {
  background: #d96b91;
  color: white;
}

.code-carousel-counter {
  margin-top: 12px;
  font-weight: bold;
  color: #d96b91;
}

/* Week photo section */
.photo-slot-inline {
    width: 90%;
    min-height: 180px;
    margin: 20px auto;
    padding: 20px;

    border: 2px dashed #d88ab5;
    background: #fffdf8;

    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
    box-sizing: border-box;
}

.photo-slot-inline img {
    max-width: 100%;
    max-height: 250px;
    object-fit: contain;
    display: block;
}

/* ===== TOUCH FIXES ===== */

#gameBoard {
    position: relative;
    touch-action: none;
}

#gameTarget {
    position: absolute;
    touch-action: manipulation;
    pointer-events: auto !important;
    cursor: pointer;
    z-index: 10;
}

#mysteryNoteButton {
    touch-action: manipulation;
    pointer-events: auto !important;
    cursor: pointer;
    position: relative;
    z-index: 10;
}

#doodleCanvas {
    display: block;
    width: 100%;
    height: 360px;
    touch-action: none !important;
    pointer-events: auto !important;
    cursor: crosshair;
}