.city-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:27px;align-items:start;margin-bottom:48px}
.city-main{min-width:0}.city-form,.city-result,.city-article,.city-aside{background:#fff;border:1px solid #d5e0e8;padding:22px;margin-bottom:21px}
.city-form h2,.city-result h2,.city-article h2{margin-top:0}.city-form p,.city-article p,.city-aside p{line-height:1.65}
.city-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.city-fields label{display:block;font-weight:700;font-size:12px;color:#28465b}.city-fields input{display:block;margin-top:5px;width:100%;box-sizing:border-box;border:1px solid #afc1cc;border-radius:3px;padding:9px;color:#183548;background:#fff}
.city-form fieldset{border:1px solid #d5e0e8;padding:14px;margin:20px 0 0;min-width:0}.city-form legend{font-weight:700;color:#223f53;padding:0 6px}.city-form button{border:0;border-radius:3px;background:#214d69;color:white;font-weight:700;padding:11px 18px;margin-top:20px;cursor:pointer}.city-form button:hover{background:#173a52}.city-help,.city-time,.city-method{color:#4e6574;font-size:13px}.city-result[hidden]{display:none}
.city-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.city-card{min-width:0}.city-card h3{margin:0 0 8px;color:#22475e}.city-card .data-table{font-size:11px;min-width:0;table-layout:fixed}.city-card .data-table th,.city-card .data-table td{white-space:nowrap;padding:6px 5px}.city-card .data-table th:nth-child(1){width:35%}.city-card .data-table th:nth-child(2){width:20%}.city-card .data-table th:nth-child(3){width:45%}.city-selected-table{min-width:0;table-layout:fixed}.city-selected-table th,.city-selected-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.city-selected-table th:first-child{width:25%}.city-nearest-point{color:#526978}.city-table-note{color:#4e6574;font-size:13px;line-height:1.55}
.city-map-toolbar{display:flex;align-items:center;gap:10px;margin:25px 0 10px;font-size:13px;font-weight:700}.city-map-toolbar select{padding:7px;border:1px solid #afc1cc;background:#fff;color:#173a52}.city-world{border:1px solid #afc1cc;overflow:hidden;background:#e9f3f7}.city-world svg{display:block;width:100%;height:auto}.city-world .map-grid{stroke:#c8dae4;stroke-width:1}.city-world .map-coast{fill:none;stroke:#74909a;stroke-width:.9;vector-effect:non-scaling-stroke}.city-world .planet-line{stroke-width:2.3;vector-effect:non-scaling-stroke}.city-world .angle-dsc{stroke-dasharray:6 4}.city-world .angle-ic{stroke-dasharray:2 4}.city-world .city-a circle{fill:#c14e39;stroke:#fff;stroke-width:2}.city-world .city-b circle{fill:#1b7295;stroke:#fff;stroke-width:2}.city-world text{font-size:11px;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;fill:#173a52}.city-legend{font-size:12px;color:#4e6574}.city-legend span{display:inline-block;width:10px;height:10px;border-radius:100%;margin:0 5px 0 12px}.city-dot-a{background:#c14e39}.city-dot-b{background:#1b7295}.city-result h3{margin:20px 0 9px}
.city-aside h3{margin-top:0}.city-aside a,.city-article a,.city-method a{color:#156288}.city-aside ul{padding-left:19px;line-height:1.7}.city-article h2{margin-top:24px}.city-article h2:first-child{margin-top:0}.city-article ul{line-height:1.7}.city-article li{margin:7px 0}
@media(max-width:900px){.city-layout{grid-template-columns:1fr}.city-aside{order:2}.city-summary{grid-template-columns:1fr}}
@media(max-width:560px){.city-fields{grid-template-columns:1fr 1fr}.city-fields label:first-child{grid-column:1/-1}.city-form,.city-result,.city-article,.city-aside{padding:15px}.city-card .data-table th,.city-card .data-table td{padding:6px}.city-world text{font-size:15px}}