/* Restrained warm charcoal around a tactile, carefully drawn review document. */
.study-drift{background:#141717}
.study-drift .step,.study-drift .step:last-child,.study-drift .step:nth-of-type(1),.study-drift .step:nth-of-type(2),.study-drift .step:nth-of-type(3),.study-drift .step:nth-of-type(4){background:#1b1e1e;border-color:#e0e7df24}
.study-drift .step:nth-of-type(1){background:#202323}
.study-drift .step:nth-of-type(4){background:#1d2020}
.study-drift .step.active{border-color:#e306186b}
.study-drift .step:before{background:linear-gradient(135deg,#ffffff05,transparent 60%)}
.study-drift .review-sheet.dossier{background:#ebe9e1;color:#252925;border:1px solid #fff9;padding:24px 22px 20px;border-radius:8px;margin:39px -2px 1px;box-shadow:0 18px 35px #0005;transform:rotate(-1.8deg);z-index:1}
.study-drift .dossier:before{inset:7px -8px -8px;border-radius:8px;background:#a4aaa17d;border-color:#e8e9e02b;transform:rotate(4.3deg);z-index:-2}
.study-drift .dossier:after{content:'';position:absolute;inset:0;border-radius:7px;background:#ebe9e1;z-index:-1}
.dossier-head{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.14em;font-weight:500;color:#555e55}
.dossier-head img{display:block;width:31px;height:auto}
.dossier-title{font:400 30px/1.1 var(--serif);letter-spacing:-.045em;margin:23px 0 21px}
.dossier-rows{border-top:1px solid #26332824}
.dossier-row{display:grid;grid-template-columns:31px minmax(0,1fr) 20px;gap:11px;align-items:center;padding:17px 0;border-bottom:1px solid #26332824}
.dossier-icon{width:28px;height:28px;color:#5a655b}
.dossier-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.dossier-label{font-size:12px;line-height:1.2;font-weight:500;letter-spacing:-.01em}
.dossier-label small{display:block;font-size:9px;font-weight:400;line-height:1.5;color:#6c736a;margin-top:5px;letter-spacing:0}
.dossier-check{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid #e306182b;background:#e3061808}
.dossier-check svg{width:15px;height:15px;fill:none;stroke:#e30618;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;opacity:.25}
.step.arrived .dossier-check svg{animation:dossier-check-in .7s ease-out both}
.step.arrived .dossier-row-2 .dossier-check svg{animation-delay:.18s}.step.arrived .dossier-row-3 .dossier-check svg{animation-delay:.36s}
.step.visited .dossier-check svg{stroke-dashoffset:0;opacity:1}
@keyframes dossier-check-in{from{stroke-dashoffset:22;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
.dossier-end{display:flex;align-items:center;gap:9px;font-size:8px;line-height:1.5;color:#6c736a;padding-top:19px}
.dossier-end i{width:17px;height:1px;background:#e30618}
@media(min-width:768px) and (max-width:1000px){.study-drift .review-sheet.dossier{padding:20px 16px;margin-top:30px}.dossier-row{gap:7px;grid-template-columns:25px minmax(0,1fr) 18px;padding:15px 0}.dossier-icon{width:24px;height:24px}.dossier-label{font-size:11px}.dossier-label small{font-size:8px}.dossier-title{font-size:27px}.dossier-head{font-size:7px}}
@media(max-width:767px){.study-drift .review-sheet.dossier{margin:24px 2px 2px;padding:23px 19px 20px;transform:rotate(-1.2deg)}.dossier-title{font-size:30px}.dossier-row{padding:16px 0}.dossier-label small{font-size:9px}}
@media(max-width:360px){.study-drift .review-sheet.dossier{padding:20px 14px 17px}.dossier-row{grid-template-columns:25px minmax(0,1fr) 17px;gap:7px}.dossier-icon{width:24px;height:24px}.dossier-label{font-size:11px}.dossier-label small{font-size:8px}.dossier-head{font-size:7px}.dossier-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.step.arrived .dossier-check svg{animation:none;stroke-dashoffset:0;opacity:1}}
