.cp{gap:1.5rem;display:grid}.cp__steps{gap:1.9rem;margin:0;padding:0;list-style:none;display:grid}.cp__step{border:2px solid var(--tss-navy);box-shadow:5px 5px 0 var(--lv,var(--tss-yellow));background:#fff;border-radius:16px;grid-template-columns:6.25rem minmax(0,1fr);align-items:center;gap:.9rem;padding:.75rem;display:grid;position:relative}.cp__pic{aspect-ratio:1;--art-radius:10px;place-items:center;display:grid}.cp__num{background:var(--tss-yellow);border:2px solid var(--tss-navy);width:2rem;height:2rem;font-family:var(--font-round);color:var(--tss-navy);border-radius:50%;place-items:center;font-size:1rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-.6rem;left:-.6rem}.cp__text{color:var(--tss-navy);font-size:.95rem;line-height:1.5}.cp__text strong{font-family:var(--font-round);margin-bottom:.2rem;font-size:1.25rem;font-weight:800;line-height:1.2;display:block}.cp__step+.cp__step:before{content:"";border:2px solid var(--tss-navy);background:var(--tss-yellow)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F3358' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/62% no-repeat;border-radius:50%;width:1.5rem;height:1.5rem;margin-left:-.75rem;position:absolute;top:-1.75rem;left:50%;transform:rotate(90deg)}@media (min-width:760px){.cp__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.25rem}.cp__step{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;padding:.9rem .9rem 1.1rem}.cp__pic{aspect-ratio:16/10;--art-radius:12px}.cp__step+.cp__step:before{margin:-.75rem 0 0;top:50%;left:-1.95rem;transform:none}}.cp__step--shot{grid-template-columns:minmax(0,1fr);align-items:start;padding:.9rem .9rem 1.1rem}.cp__shot{aspect-ratio:5/6;border:2px solid var(--tss-navy);background:#fff;border-radius:10px;display:block;overflow:hidden}.cp__shot img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:114%;max-width:none;height:114%;margin-left:-7%;display:block}@media (min-width:1100px){.cp--wide{width:min(100vw - 5rem,86rem);margin-left:50%;transform:translate(-50%)}.cp--wide .cp__steps{gap:2.5rem}}@media (prefers-reduced-motion:no-preference){.cp__shot img{transform-origin:50% 0;transition:transform .25s}a.cp__shot:hover img{transform:scale(1.04)}}.cp__sheet{aspect-ratio:3/4;background:#fff;border:2px solid #0f3358;border-radius:6px;width:58%;max-width:6.5rem;display:block;position:relative;transform:rotate(-4deg);box-shadow:4px 4px #0f33584d}.cp__sheet:before{content:"";background:#0f3358;border-radius:999px;height:7%;position:absolute;top:10%;left:14%;right:42%}.cp__sheet:after{content:"";position:absolute;inset:26% 14% 10%}.cp__sheet--notes:after{background:linear-gradient(var(--tss-yellow),var(--tss-yellow))0 100%/100% 44% no-repeat,repeating-linear-gradient(to bottom,#0f33584d 0 16%,transparent 16% 34%)0 0/100% 46% no-repeat}.cp__sheet--practice:after{background:repeating-linear-gradient(to bottom,var(--lv,#f7c63c)0 12%,transparent 12% 25%)0 0/16% 100% no-repeat,repeating-linear-gradient(to bottom,#0f33584d 0 12%,transparent 12% 25%)100% 0/74% 100% no-repeat}.cp__sheet--answers:after{background:repeating-linear-gradient(to bottom,var(--tss-green,#1fa65a)0 12%,transparent 12% 25%)0 0/16% 100% no-repeat,repeating-linear-gradient(to bottom,#0f33584d 0 12%,transparent 12% 25%)48% 0/50% 100% no-repeat,repeating-linear-gradient(to bottom,var(--tss-yellow)0 12%,transparent 12% 25%)100% 0/16% 100% no-repeat}.cp__exam{border-radius:16px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.5}.cp__exam strong{font-family:var(--font-round);color:var(--tss-yellow);margin-right:.3rem;font-size:1.15rem;font-weight:800}@media print{.cp__step{box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid}}