.scp-portal,.scp-demo{max-width:960px;margin:2rem auto;color:#182838;background:#fff;padding:clamp(20px,4vw,44px);border:1px solid #d9e5e3;border-radius:20px}.scp-form,.scp-demo-form{display:grid;gap:16px;margin:28px 0}.scp-form label,.scp-demo label{display:grid;gap:8px}.scp-form input:not([type=hidden]):not([type=checkbox]),.scp-form select,.scp-form textarea,.scp-demo textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #adbdbd;border-radius:8px;font:inherit}.scp-form button,.scp-demo button{padding:12px 22px;background:#087d70;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer}.scp-message{background:#f3f8f7;border-radius:12px;padding:18px;margin:16px 0;overflow-wrap:anywhere}.scp-list{list-style:none;padding:0}.scp-list li,.scp-demo-row,.scp-demo-top{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #d9e5e3}.scp-badge{font-size:12px;font-weight:700;color:#086b60;letter-spacing:1px}.scp-portal a{color:#087d70}.scp-portal :focus-visible,.scp-demo :focus-visible{outline:3px solid #14a999;outline-offset:4px}@media(max-width:600px){.scp-list li,.scp-demo-row,.scp-demo-top{flex-direction:column;gap:8px}.scp-portal,.scp-demo{padding:20px}}