.composite-shell{align-items:start}
.composite-shell>div{min-width:0}
.composite-person{border:1px solid #d3e1e9;padding:17px;margin:18px 0;background:#f8fbfd;min-width:0}
.composite-person legend{font:700 15px Arial,sans-serif;color:#254963;padding:0 7px}
.composite-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}
.composite-fields label{display:block;min-width:0;color:#385062;font:700 12px/1.4 Arial,sans-serif}
.composite-fields input,.composite-fields select{display:block;width:100%;box-sizing:border-box;padding:10px 11px;margin-top:6px;border:1px solid #b9ccd8;border-radius:2px;background:#fff;color:#263c4b;font:14px Arial,sans-serif}
.composite-fields input:focus,.composite-fields select:focus{outline:2px solid #4d8cb1;outline-offset:1px}
.composite-method{padding-top:23px}
.composite-method p,.composite-method li{max-width:780px;font:15px/1.72 Arial,sans-serif;color:#394e5d}
.composite-method h2{margin-top:31px}
.composite-method ul{padding-left:21px}
.composite-result{min-width:0;overflow:hidden}
.composite-result h2{font:700 24px/1.2 Arial,sans-serif;color:#24475d}
.composite-result-key{font:13px/1.6 Arial,sans-serif;color:#61717d}
.composite-result-grid{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:22px;align-items:start;margin:18px 0}
.composite-wheel{display:block;width:100%;max-width:390px;height:auto;border:1px solid #d3e0e9;background:#fff}
.composite-angles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #d5e2e9}
.composite-angles div{padding:11px;border-right:1px solid #d5e2e9;border-bottom:1px solid #d5e2e9;min-width:0}
.composite-angles b{display:block;font:700 11px/1.4 Arial,sans-serif;color:#607380;text-transform:uppercase}
.composite-angles span{display:block;padding-top:4px;font:14px/1.4 Arial,sans-serif;color:#24475d;overflow-wrap:anywhere}
.composite-note{background:#f3f8fa;border-left:3px solid #6d9cb7;padding:12px 14px;margin:12px 0;font:13px/1.65 Arial,sans-serif;color:#415a69}
.composite-note ul{margin:6px 0 0;padding-left:18px}
.composite-table-scroll{overflow-x:auto;margin:22px 0}
.composite-table{border-collapse:collapse;width:100%;font:14px/1.5 Arial,sans-serif}
.composite-table caption{text-align:left;font:700 17px Arial,sans-serif;color:#2d4d61;padding:0 0 10px}
.composite-table th,.composite-table td{padding:9px 11px;border:1px solid #d8e3e9;text-align:left}
.composite-table thead{background:#eaf2f6;color:#294d65}
.composite-table tbody tr:nth-child(even){background:#f8fbfc}
.composite-house-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d6e2e9;border:1px solid #d6e2e9;margin:12px 0 20px}
.composite-house-grid div{background:#fff;padding:8px 10px;min-width:0}
.composite-house-grid b{display:block;font:700 11px Arial,sans-serif;color:#5a7080}
.composite-house-grid span{display:block;margin-top:4px;font:13px Arial,sans-serif;color:#2e536d}
.composite-error{border-left:4px solid #a94e58;background:#fff3f3;color:#84343c;padding:13px 16px;font:14px/1.6 Arial,sans-serif}
@media(max-width:1050px){.composite-result-grid{grid-template-columns:minmax(0,1fr)}.composite-wheel{max-width:420px}.composite-angles{max-width:420px}}
@media(max-width:700px){.composite-fields{grid-template-columns:minmax(0,1fr)}.composite-person{padding:14px}.composite-house-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.composite-angles{grid-template-columns:minmax(0,1fr)}.composite-angles div{border-right:0}.composite-house-grid{grid-template-columns:minmax(0,1fr)}}