.sdd__instructions{background:linear-gradient(145deg,#f9fbff,#edf3ff);text-align:center}.sdd__instructions h2{font-size:clamp(34px,6vw,58px)}.sdd__instruction-examples{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin:22px auto}.sdd__instruction-examples article{position:relative;padding:20px;border:2px solid #cdd9ed;border-radius:18px;background:#fff;text-align:left}.sdd__instruction-examples h3{margin:0 0 7px;color:#0b2c7a;text-transform:uppercase}.sdd__instruction-examples p{margin:4px 0;color:#43516c}.sdd__instruction-examples strong{color:#17653b}.sdd__state-icon{position:absolute;right:15px;top:13px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e7f6ed;color:#17653b;font-size:20px;font-weight:900}.sdd__instruction-examples article+article .sdd__state-icon{background:#fff2d9;color:#8a5b00}.sdd__rules{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;max-width:760px;margin:18px auto;padding:0;list-style:none;text-align:left}.sdd__rules li:before{content:'✓';margin-right:8px;color:#1546c7;font-weight:900}.sdd__modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:850px;margin:24px auto;border:0;padding:0}.sdd__modes legend{grid-column:1/-1;width:100%;margin-bottom:7px;color:#0b2c7a;font-size:20px;font-weight:850}.sdd__modes label{position:relative}.sdd__modes input{position:absolute;opacity:0}.sdd__modes label>span{display:block;height:100%;padding:15px;border:2px solid #cdd8eb;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.sdd__modes strong,.sdd__modes small,.sdd__modes em{display:block}.sdd__modes strong{color:#0b2c7a;font-size:16px;text-transform:uppercase}.sdd__modes small{margin:5px 0;color:#465570}.sdd__modes em{color:#805900;font-size:12px;font-style:normal;font-weight:750}.sdd__modes input:checked+span{border-color:#1546c7;background:#edf3ff;box-shadow:0 0 0 3px rgba(21,70,199,.12)}.sdd__modes input:focus-visible+span{outline:4px solid #ffc928;outline-offset:3px}.sdd__mode-live{min-height:24px;color:#0b2c7a;font-weight:750}.sdd__document{width:205px;height:76px;padding:9px 11px;border-color:#7491ca;background:linear-gradient(145deg,#0b2c7a,#1546c7);color:#fff;box-shadow:0 11px 22px rgba(0,0,0,.34)}.sdd__document svg{flex-basis:36px;fill:rgba(255,255,255,.14);stroke:#fff}.sdd__paper strong{color:#fff;font-size:13px;font-weight:850;line-height:1.18;text-shadow:0 1px 2px rgba(0,0,0,.65);white-space:normal;text-transform:uppercase}.sdd__paper small{color:#f7f9ff;font-size:11px;font-weight:750;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.7)}.sdd__state-clue{display:grid;place-items:center;position:absolute;right:6px;top:5px;width:19px;height:19px;border-radius:6px;background:#dff5e8;color:#17653b;font-size:12px;font-weight:950}.sdd__document.is-problem-card{border-color:#d7b76b;background:linear-gradient(145deg,#0a2a70,#1644ad)}.sdd__document.is-problem-card .sdd__state-clue{background:#fff1cf;color:#785200}.sdd__reward,.sdd__close{max-width:720px;margin:24px auto;padding:20px;border-radius:18px;background:#fff;border:2px solid #d7e1f1}.sdd__reward{border-color:#e4b83b;background:linear-gradient(145deg,#fffdf5,#fff8d9)}.sdd__reward h3,.sdd__close h3{margin:0 0 8px;color:#0b2c7a;font-size:25px}.sdd__coupon{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:15px 0}.sdd__coupon code{user-select:all;padding:9px 14px;border:2px dashed #0b2c7a;border-radius:9px;background:#fff;color:#0b2c7a;font-size:22px;font-weight:900}.sdd__coupon button{min-height:42px;padding:8px 13px;border:0;border-radius:10px;background:#0b2c7a;color:#fff;font-weight:800;cursor:pointer}.sdd__reward small{display:block;margin-top:12px;color:#5d6880}.sdd__close{background:#f5f8ff}@media(max-width:700px){.sdd__instruction-examples,.sdd__modes,.sdd__rules{grid-template-columns:1fr}.sdd__instructions{padding:20px 14px}.sdd__document{width:178px;height:75px}.sdd__paper strong{font-size:12px}.sdd__paper small{font-size:10px}}@media(max-width:360px){.sdd__document{width:160px;height:72px;padding:8px}.sdd__paper strong{font-size:11px}.sdd__paper small{font-size:10px}.sdd__state-clue{right:4px;top:4px}.sdd__instructions h2{font-size:34px}}