.s4{padding:20px;margin:16px 0;background:#fff;border:1px solid #c9d9e8;border-radius:10px;color:#203d52}.s4 header{display:flex;justify-content:space-between;align-items:center;gap:12px}.s4 details{border:1px solid #dae4ed;border-radius:6px;padding:12px;margin:12px 0}.s4 summary{cursor:pointer;font-weight:600}.s4 article{padding:12px;border-bottom:1px solid #dce6ee}.s4 .s4-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:12px 0}.s4 label{display:flex;flex-direction:column;gap:5px}.s4 input,.s4 select,.s4 textarea{box-sizing:border-box;width:100%;padding:8px;border:1px solid #bbcddd;border-radius:4px;color:#172f40;background:#fff}.s4 input[type=checkbox]{width:auto;align-self:flex-start}.s4 textarea{min-height:90px}.s4 button{margin:5px;padding:8px 12px;border:1px solid #8babc4;border-radius:5px;color:#164b73;background:#f4f9ff;cursor:pointer}.s4 button:disabled{opacity:.5;cursor:wait}.s4 fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.s4 [data-targets]{grid-column:1/-1}.s4 [role=alert],.s4-warning{color:#8c3b08;background:#fff4df;padding:10px}.s4-modal{border:2px solid #2772a2;background:#f6faff;padding:18px;margin:18px 0}.s4-table{overflow:auto}.s4-table table{border-collapse:collapse;width:100%}.s4-table td,.s4-table th{border:1px solid #bbb;padding:8px}
.s4 fieldset,.s4 label,.s4 [data-targets]{min-width:0}.s4{overflow-wrap:anywhere}@media(max-width:600px){.s4 .s4-grid,.s4 fieldset{grid-template-columns:minmax(0,1fr)}.s4 header{flex-wrap:wrap}.s4{padding:12px}}