.rule-filter{display:grid;grid-template-columns:1fr 180px 180px auto;gap:8px;margin-bottom:16px}.rule-filter input,.rule-filter select{padding:10px;border:1px solid #ced9de;border-radius:8px}.rule-kind{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}.rule-kind.ban{background:#ffe2e2;color:#a42c2c}.rule-kind.limit{background:#fff1d6;color:#966313}.rule-kind.permit{background:#e7f1fb;color:#27698e}.rule-kind.information{background:#edf3f5;color:#60737c}.studio-top{position:sticky;top:0;z-index:80;height:62px;background:#0a2130;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.studio-top a{color:#fff}.rule-edit-layout{width:min(1250px,calc(100% - 24px));margin:18px auto 70px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.rule-form-card,.rule-side .admin-card{background:#fff;border:1px solid #d9e2e6;border-radius:13px;padding:18px}.rule-form-card label,.rule-side label{display:block;font-size:12px;font-weight:800;color:#5c6b73;margin:12px 0}.rule-form-card input,.rule-form-card textarea,.rule-form-card select,.rule-side select{width:100%;margin-top:5px;padding:10px;border:1px solid #ccd8de;border-radius:8px;background:#fff;color:#17242c}.rule-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rule-form-card .check,.rule-side .check{display:flex;gap:8px;align-items:center}.rule-form-card .check input,.rule-side .check input{width:auto;margin:0}.rule-side{display:flex;flex-direction:column;gap:12px}.rule-side .admin-card{margin:0}.rule-source-warning{background:#fff5df;border:1px solid #f0d9aa;border-radius:9px;padding:11px;font-size:12px;color:#7d5b16}.rule-quality b{font-size:34px}.rule-quality ul{font-size:11px;color:#718087;padding-left:17px}.rules-page{background:#f3f6f7;min-height:70vh;padding:28px 0 60px}.rules-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid #dde5e8;border-radius:15px;padding:24px}.rules-hero>div>span{font-size:10px;font-weight:900;color:#789b16}.rules-hero h1{font-size:38px;margin:5px 0}.rules-hero p{color:#6d7b82}.rules-state{min-width:250px;padding:15px;border-radius:11px}.rules-state b,.rules-state small{display:block}.rules-state small{margin-top:4px;font-size:10px}.rules-state.restricted{background:#ffe8e8;color:#9b2929}.rules-state.neutral{background:#eef6df;color:#58750f}.rules-filter{display:grid;grid-template-columns:180px 1fr 1fr auto;gap:8px;margin:14px 0}.rules-filter label{font-size:10px;font-weight:850;color:#687981}.rules-filter input,.rules-filter select,.rules-filter button{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid #ccd8de;border-radius:8px;background:#fff}.rules-filter button{margin-top:14px;background:#91bd22;border:0;font-weight:850}.rules-warning{background:#fff5df;border:1px solid #f0d9aa;border-radius:10px;padding:12px;font-size:12px;color:#755716;margin-bottom:12px}.rules-list{display:grid;gap:12px}.rule-public-card{background:#fff;border:1px solid #dde5e8;border-radius:13px;padding:18px}.rule-public-card.active{border-left:4px solid #90bb21}.rule-public-card.inactive{opacity:.65}.rule-public-top{display:flex;justify-content:space-between;align-items:center}.rule-public-top>b{font-size:10px;color:#8d2c2c}.rule-public-card h2{margin:9px 0 7px;font-size:22px}.rule-public-card p{color:#596a73}.rule-facts{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.rule-facts span{background:#f1f5f6;padding:6px 8px;border-radius:7px;font-size:10px;font-weight:750}.rule-public-card details{margin-top:10px;border-top:1px solid #e5eaed;padding-top:10px}.rule-public-card summary{font-weight:850;cursor:pointer}.rule-public-card details div{padding-top:9px;color:#495b64;line-height:1.6}.official-source{display:inline-block;margin-top:12px;color:#58760f;font-weight:850;font-size:11px}
@media(max-width:850px){.rule-edit-layout{grid-template-columns:1fr}.rules-filter{grid-template-columns:1fr 1fr}.rules-filter label:first-child{grid-column:1/-1}.rules-filter button{margin-top:0}.rules-hero{display:block}.rules-state{margin-top:12px;min-width:0}}@media(max-width:520px){.rule-filter{grid-template-columns:1fr}.rule-two{grid-template-columns:1fr}.rules-filter{grid-template-columns:1fr}.rules-filter label:first-child{grid-column:auto}.rules-hero h1{font-size:29px}.rules-page{padding-top:14px}}