.sample-zfold-stage{margin:36px 0 42px;padding:36px 24px 20px;border-radius:20px;background:radial-gradient(ellipse at 50% 30%,#fffdf7,#e8dfce);overflow:hidden}.sample-zfold-mockup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;margin:0 auto;isolation:isolate;filter:drop-shadow(0 20px 16px #39271926)}.sample-zfold-panel{min-width:0;aspect-ratio:1005/1565;background:#fffcf5;position:relative;border:1px solid #d4c49f;transform-style:flat}.sample-zfold-cover{transform:skewY(-1.2deg);transform-origin:right center}.sample-zfold-cover img{width:100%;height:100%;display:block;object-fit:cover}.sample-zfold-cover-title{position:absolute;inset:63% 10% auto;height:18%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#650e25;gap:5px}.sample-zfold-cover-title strong{font-size:clamp(10px,1.6vw,20px);line-height:1.2}.sample-zfold-cover-title span{font-size:clamp(6px,.9vw,12px);line-height:1.4}.sample-zfold-learning{padding:6% 6% 8%;background:linear-gradient(90deg,#f0e6d3,#fffdf8 10%,#fffdf8 85%,#ede3d0);transform:skewY(1.2deg);transform-origin:left center}.sample-zfold-learning:last-child{transform:translateY(1.3452%) skewY(-1.2deg);background:linear-gradient(90deg,#e9dec9,#fffdf7 12%,#fffdf7)}.sample-zfold-learning header{border-bottom:2px solid #c29a4b;padding-bottom:8px;margin-bottom:10px}.sample-zfold-learning header>small{font-size:clamp(5px,.65vw,9px);letter-spacing:1px;color:#94743b}.sample-zfold-learning h3{font-size:clamp(10px,1.5vw,20px);font-weight:650;line-height:1.2;letter-spacing:0;margin:5px 0;color:#650e25}.sample-zfold-learning header p{font-size:clamp(6px,.8vw,12px);margin:0;color:#807569}.sample-zfold-book{padding:5px 4px;background:#eadfbf;color:#59432c;font-size:clamp(7px,1vw,14px);font-weight:650;line-height:1.25}.sample-zfold-book span{display:block;font-weight:400;font-size:.75em;margin-top:2px}.sample-zfold-day{padding:4px 2px;border-bottom:1px solid #ded3be;font-size:clamp(6px,.9vw,12px);line-height:1.3}.sample-zfold-date{font-weight:600;color:#51402f}.sample-zfold-date small{font-size:.8em;color:#968675;font-weight:400;margin-inline-start:5px}.sample-zfold-assignment{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:2px;color:#51402f}.sample-zfold-review{background:#f4ead0}.sample-zfold-blocks{display:flex;gap:2px;flex-shrink:0}.sample-zfold-blocks i{display:block;width:6px;height:6px;border:1px solid #88775c}.sample-zfold-learning footer{position:absolute;bottom:3%;left:6%;right:6%;text-align:center;font-size:clamp(4px,.6vw,8px);color:#9c8c76}.sample-zfold-stage figcaption{text-align:center;font-size:15px;color:#76674e;margin-top:30px}@media(max-width:600px){.sample-zfold-stage{padding:20px 8px 16px;margin:24px 0}.sample-zfold-learning header{padding-bottom:3px;margin-bottom:4px}.sample-zfold-learning header>small{letter-spacing:0}.sample-zfold-book{padding:3px 2px}.sample-zfold-day{padding:2px 0}.sample-zfold-blocks i{width:4px;height:4px}.sample-zfold-stage figcaption{font-size:12px;margin-top:18px}}
.sample-zfold-mockup{aspect-ratio:3015/1565;grid-template-rows:minmax(0,1fr)}.sample-zfold-panel{aspect-ratio:auto;height:100%;min-height:0;overflow:hidden}.sample-zfold-day{padding:3px 1px;font-size:clamp(6px,.8vw,11px);line-height:1.15}.sample-zfold-learning header{margin-bottom:7px;padding-bottom:6px}.sample-zfold-book{padding:4px}.sample-zfold-assignment{margin-top:1px}@media(max-width:600px){.sample-zfold-learning header{margin-bottom:3px;padding-bottom:2px}.sample-zfold-day{padding:2px 0}.sample-zfold-learning:not(:last-child) .sample-zfold-day:nth-of-type(n+6){display:none}.sample-zfold-learning:last-child .sample-zfold-day:nth-of-type(n+5){display:none}.sample-zfold-book{padding:2px}}

/* tan(1.2deg) × panel width/height (1005/1565) = 1.3452%: shared fold corners stay joined. */
.sample-zfold-panel + .sample-zfold-panel{border-inline-start:0}