.p21-main{max-width:1180px}.p21-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 25px}.p21-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:0}.p21-card h2{font-size:17px;font-weight:600;margin:0}.p21-card p{margin:0;color:var(--muted)}.p21-card .m-btn{margin-top:auto}.p21-filter{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:end}.p21-filter label{display:grid;gap:5px;font-weight:500}.p21-meta{font-size:12px;color:var(--muted)}.p21-price{font-size:20px;font-weight:650;color:var(--green)}.p21-banner{padding:15px 18px;border:1px solid var(--line);background:var(--soft);border-radius:12px}.p21-split{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}.p21-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.p21-rows{display:grid;gap:12px}.p21-row{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:15px}.p21-row h3{font-size:16px}.p21-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.p21-actions button{font-weight:500}.p21-label{display:flex;gap:6px;align-items:center}.p21-label small{font-size:11px}.p21-copy{white-space:pre-line;overflow-wrap:anywhere}.p21-form textarea{min-height:135px}.p21-form input[type=number]{max-width:100%}.p21-form .p21-compact textarea{min-height:90px}.p21-code{font-size:16px;font-weight:650;letter-spacing:.065em;background:var(--soft);padding:7px 12px;border-radius:8px}.p21-table{width:100%;border-collapse:collapse}.p21-table td,.p21-table th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;font-size:13px;vertical-align:top}.p21-table th{font-weight:600}.p21-table .p21-actions{min-width:140px}.p21-dim{color:var(--muted)}@media(max-width:950px){.p21-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p21-split{grid-template-columns:1fr}}@media(max-width:620px){.p21-grid{grid-template-columns:1fr}.p21-filter{grid-template-columns:1fr}.p21-table{display:block;overflow-x:auto}.p21-price{font-size:17px}}