.case-card{border:1px solid var(--border);background:var(--paper-light);box-shadow:var(--shadow-sm);margin-bottom:26px;position:relative}.case-card:before{background:var(--brass);content:"";height:4px;position:absolute;inset:0 0 auto}.case-card[data-folded] .cc-full,.case-card:not([data-folded]) .cc-folded-bar{display:none}.cc-full{padding:26px clamp(16px,3.5vw,38px) 22px}.cc-folded-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:16px clamp(16px,3.5vw,38px) 14px;display:flex}.cc-folded-bar p{margin:0;font-size:16px;line-height:1.45}.cc-folded-bar strong{color:var(--red);letter-spacing:.16em;text-transform:uppercase;margin-right:8px;font-size:11px}.cc-fold-btn{border:1px solid var(--border);min-height:36px;color:var(--ink);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:0 0;border-radius:2px;padding:6px 12px;font-size:11px;font-weight:700}.cc-fold-btn:hover{border-color:var(--ink)}.cc-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.cc-head .cc-fold-btn{min-height:30px;padding:4px 10px}.cc-label{color:var(--red);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.cc-case-line{max-width:60ch;font-family:var(--display);text-wrap:balance;margin:4px 0 0;font-size:clamp(20px,2.4vw,24px);line-height:1.35}.cc-body{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:24px;margin-top:20px;padding-top:22px;display:grid}@media (width>=860px){.cc-body{grid-template-columns:minmax(0,430px) minmax(0,1fr);align-items:start;gap:44px}}.cc-demo{gap:12px;min-width:0;margin:0;display:grid}.cc-caption{background:var(--ink);min-height:calc(4.2em + 20px);color:var(--paper-light);border-radius:2px;flex-direction:column;gap:2px;margin:0;padding:10px 14px;font-size:16px;line-height:1.4;display:flex}.cc-caption-step{color:var(--brass-light);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.cc-caption.is-new .cc-caption-text{animation:.3s ease-out cc-subtitle}@keyframes cc-subtitle{0%{opacity:0;transform:translateY(4px)}}.cc-controls{align-items:center;gap:10px;display:flex}.cc-ctl{border:1px solid var(--border);min-height:34px;color:var(--ink);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:2px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.cc-ctl:hover{border-color:var(--ink)}.cc-ctl svg{fill:currentColor;width:12px;height:12px}.cc-progress{background:var(--border);flex:1;height:2px;position:relative;overflow:hidden}.cc-progress i{background:var(--brass);width:0;position:absolute;inset:0 auto 0 0}.cc-how{min-width:0}.cc-how h2{font-family:var(--display);margin:0 0 10px;font-size:28px;font-weight:600;line-height:1.1}.cc-steps{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cc-step button{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:10px 12px 10px 8px;transition:background-color .25s,border-color .25s;display:grid}.cc-step button:hover{background:#d6ad651a}.cc-num{background:var(--paper-dark);width:30px;height:30px;font-family:var(--display);border-radius:50%;place-items:center;font-size:17px;font-weight:700;transition:background-color .25s,color .25s;display:grid}.cc-step strong{font-size:17px;line-height:1.3;display:block}.cc-step-text{color:var(--muted);margin-top:2px;font-size:16px;line-height:1.45;display:block}.cc-step.is-active button{border-left-color:var(--brass);background:#d6ad6529}.cc-step.is-active .cc-num{background:var(--red);color:var(--paper-light)}.cc-win{border-left:3px solid var(--green-light);background:#173c3412;margin-top:14px;padding:12px 14px}.cc-win p:last-child{margin:2px 0 0;font-size:16px;line-height:1.5}.cc-start{margin-top:18px}.cc-rules{border-top:1px solid var(--border);margin-top:20px;padding-top:14px}.cc-rules summary{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.cc-rules-body{grid-template-columns:minmax(0,1fr);gap:0 28px;margin-top:10px;display:grid}@media (width>=760px){.cc-rules-body{grid-template-columns:repeat(2,minmax(0,1fr))}}.cc-rules-body p{max-width:62ch;margin:0 0 10px;font-size:16px;line-height:1.55}.cc-stamp{border:3px solid var(--red);color:var(--red);letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;background:#f8f3e7d1;padding:.25em .6em;font-size:9cqw;font-weight:700;transition:transform .32s cubic-bezier(.2,1.4,.4,1),opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-11deg)scale(1.6)}.is-closed>.cc-stamp{opacity:1;transform:translate(-50%,-50%)rotate(-11deg)scale(1)}.cc-no-anim,.cc-no-anim *{transition:none!important;animation:none!important}.cc-demo>:first-child{transition:opacity .25s}.cc-fading>:first-child{opacity:0}@media (prefers-reduced-motion:reduce){.cc-step button,.cc-num,.cc-stamp,.cc-demo>:first-child{transition:none}.cc-caption.is-new .cc-caption-text{animation:none}}