.pj{border:1px solid #21445d;border-radius:28px;background:linear-gradient(140deg,#0d3552,#071e34);color:#fff;padding:26px;box-shadow:0 24px 70px #0a2c4730;min-width:0}.pj-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.13em;font-weight:800;color:#7ce0dc}.pj-example{letter-spacing:0;color:#b7ccd8;text-align:right}.pj h2{font-size:27px;font-weight:850;letter-spacing:-.04em;margin:17px 0 5px}.pj p{line-height:1.7}.pj-intro{font-size:13px;color:#d0dee7}.pj-options{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pj-options label{display:flex;align-items:center;gap:7px;cursor:pointer;border:1px solid #527081;border-radius:30px;padding:8px 10px;font-size:11px;font-weight:700}.pj-options label:has(input:checked){background:#0b635f;border-color:#62dcd5}.pj input{accent-color:#6aeee2;width:14px;height:14px}.pj-company{display:flex;align-items:center;gap:11px;border:1px solid #375369;border-radius:15px;background:#ffffff08;padding:15px;margin:18px 0}.pj-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:11px;background:#143f5a;color:#7ce0dc;font-weight:800;font-size:12px}.pj-company strong{display:block;font-size:13px}.pj-company span{display:block;font-size:11px;color:#bdd0dc;margin-top:4px}.pj-company .pj-shared{margin-left:auto;max-width:55px;font-size:9px;line-height:1.7;color:#7ce0dc;letter-spacing:.1em}.pj-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative}.pj-track:before{content:"";position:absolute;left:16%;right:16%;top:21px;border-top:1px solid #577789}.pj-track button{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;padding:12px 4px;border:1px solid transparent;border-radius:12px;background:#0c2b43;color:#cedce6;cursor:pointer}.pj-track button[aria-selected=true]{background:#d9f5f4;border-color:#74ddd7;color:#0a2c47}.pj-track button:disabled{opacity:1;cursor:default;background:#0c2b43;color:#718a9b}.pj-track button:disabled .pj-number{background:#0c2b43;border-color:#365363;color:#688995}.pj-number{display:grid;place-items:center;width:26px;height:26px;border:1px solid #4c8b98;border-radius:50%;background:#103b52;color:#7ce0dc;font-size:10px;font-weight:800}.pj-track strong{font-size:12px;margin-top:9px}.pj-track small{font-size:10px;margin-top:3px}.pj-content{margin-top:12px;background:#ffffff0a;border:1px solid #375369;border-radius:16px;padding:19px;min-height:322px}.pj-content [hidden]{display:none}.pj-caption{color:#7ce0dc;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;margin:0 0 7px}.pj h3{font-size:20px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px}.pj-content p:not(.pj-caption){font-size:12px;color:#cfdee7}.pj ul{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}.pj li{display:flex;align-items:center;gap:8px;font-size:12px;color:#e5eef2}.pj li:before{content:"✓";color:#74e7d9;font-weight:800}.pj-result{font-size:11px;line-height:1.7;padding:11px;border-radius:10px;background:#07b8b415;color:#b0eee5}.pj-content a{display:inline-block;font-size:11px;font-weight:800;color:#7ce0dc;margin-top:13px}.pj-foot{font-size:10px;color:#b8cfdd;margin:14px 0 0}.pj a:focus-visible,.pj button:focus-visible,.pj input:focus-visible{outline:2px solid #74e7d9;outline-offset:4px}.pj-empty{min-height:280px;display:flex;justify-content:center;flex-direction:column}@media(max-width:540px){.pj{padding:19px;border-radius:22px}.pj-top{font-size:9px}.pj-track strong{font-size:11px}.pj-content{padding:16px;min-height:350px}.pj-company .pj-shared{display:none}.pj-company strong{font-size:12px}}