/* Folding & binding guide: always a light, Creaze-branded card (blue #13549D, gold #E7BE43, deep blue #0C3363) */
.fold-card{background:#fff;color:#161A22;border:1px solid #E6EEF8;border-radius:16px;padding:22px;font-family:Montserrat,system-ui,sans-serif;max-width:980px;margin:0 auto;box-shadow:0 10px 30px rgba(12,51,99,.08)}
.fold-head h3{margin:0 0 4px;font-size:20px;color:#0C3363}.fold-head p{margin:0 0 14px;color:#5B6472;font-size:14px}
.fold-card h4{margin:20px 0 8px;font-size:14px;color:#13549D;letter-spacing:.02em}
.fold-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.fold-ctl>span{font-size:12px;font-weight:600;color:#5B6472;min-width:62px}.fold-sp{margin-left:10px}
.fold-chips{display:flex;flex-wrap:wrap;gap:6px}
.fold-chip{border:1px solid #cfd9e8;background:#fff;color:#0C3363;border-radius:99px;padding:6px 13px;font:600 12.5px Montserrat,system-ui,sans-serif;cursor:pointer;transition:transform .15s,background .2s,box-shadow .2s}
.fold-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(19,84,157,.15)}.fold-chip.on{background:#13549D;color:#fff;border-color:#13549D}
.fold-sheets{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.fold-sheet{width:min(100%,300px);height:auto;background:#fff;border-radius:10px}
.fold-sheets .fold-sheet{animation:foldIn .5s ease both}.fold-sheets .fold-sheet:nth-child(2){animation-delay:.12s}
.fold-legend{font-size:12px;color:#5B6472;text-align:center;margin:6px 0}.fold-tri{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #13549D;vertical-align:middle}.fold-dash{display:inline-block;width:22px;border-top:2px dashed #E7BE43;vertical-align:middle}
.fold-tab{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.fold-tab th,.fold-tab td{border:1px solid #E6EEF8;padding:6px 10px;text-align:left}.fold-tab th{background:#E6EEF8;color:#0C3363}
.fold-stage{background:linear-gradient(180deg,#F5F8FD,#fff);border:1px solid #E6EEF8;border-radius:14px;padding:10px}.fold-anim,.fold-finish{width:100%;height:auto;max-height:340px;display:block;border-radius:10px}
.fold-bar{display:flex;gap:12px;align-items:center;margin-top:8px;flex-wrap:wrap}.fold-play{border:0;background:#13549D;color:#fff;border-radius:8px;padding:7px 14px;font:600 12.5px Montserrat,system-ui,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .2s}.fold-play:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(19,84,157,.3)}.fold-play:active{transform:scale(.97)}
.fold-cap{font-size:13px;color:#0C3363;font-weight:600}.fold-notes{margin:8px 0 0;padding-left:20px;font-size:13.5px;line-height:1.55;color:#161A22}.fold-notes li{margin:5px 0}
@keyframes foldIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes ffDrop{from{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:none}}@keyframes ffSlide{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}
@keyframes ffStaple{0%{opacity:0;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1.25)}100%{opacity:1;transform:scaleY(1)}}
@keyframes ffDraw{from{stroke-dashoffset:var(--len,300)}to{stroke-dashoffset:0}}@keyframes ffCover{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}
.ff-drop,.ff-slide,.ff-staple,.ff-cover{opacity:0;animation-fill-mode:both;animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.8,.2,1);transform-box:fill-box}
.ff-drop{animation-name:ffDrop}.ff-slide{animation-name:ffSlide}.ff-staple{animation-name:ffStaple;transform-origin:center}.ff-cover{animation-name:ffCover;transform-origin:left center;animation-duration:.7s}
.ff-thread,.ff-glue{--len:300;stroke-dasharray:300;stroke-dashoffset:300;animation:ffDraw 1.2s ease forwards}
@media (prefers-reduced-motion:reduce){.fold-card *{animation:none!important;transition:none!important}.ff-drop,.ff-slide,.ff-staple,.ff-cover{opacity:1}.ff-thread,.ff-glue{stroke-dashoffset:0}}