.tld-main { max-width: 1180px; margin: 0 auto; padding: 64px 24px 100px; color: #102135; }
.tld-main h1 { margin: 6px 0 14px; font-size: clamp(2.5rem, 5vw, 4rem); }
.tld-main > p { max-width: 850px; line-height: 1.6; }
.tld-notice { margin: 28px 0; padding: 20px; background: #fff6df; border: 1px solid #eccf8d; border-radius: 14px; }
.tld-notice p { margin: 6px 0 0; line-height: 1.5; }
.tld-tools { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(210px, 1.2fr) minmax(180px, 1fr); align-items: end; gap: 16px; margin: 26px 0 18px; }
.tld-control { display: grid; gap: 7px; min-width: 0; }
.tld-control input, .tld-control select { width: 100%; min-width: 0 !important; }
.tld-tools label { font-weight: 750; }
.tld-tools input, .tld-tools select { padding: 12px; border: 1px solid #b9c7d4; border-radius: 9px; background: #fff; font: inherit; }
.tld-tools input { min-width: min(100%, 340px); }
.tld-table-wrap { overflow-x: auto; border: 1px solid #d9e1e9; border-radius: 14px; background: #fff; }
.tld-table-wrap table { width: 100%; border-collapse: collapse; }
.tld-table-wrap th, .tld-table-wrap td { padding: 16px; border-bottom: 1px solid #e7edf2; text-align: left; vertical-align: middle; }
.tld-table-wrap th { white-space: nowrap; }
.tld-table-wrap thead { color: #fff; background: #102135; }
.tld-identity, .tld-flags { display: inline-flex; align-items: center; gap: 7px; }
.tld-identity { gap: 10px; }
.tld-flags { min-width: 28px; }
.tld-flag { display: block; width: 26px; height: 19px; object-fit: contain; border: 1px solid #d9e1e9; border-radius: 2px; background: #fff; }
.tld-flag--region { width: 26px; height: 19px; }
.tld-symbol { display: block; width: 26px; height: 19px; object-fit: contain; }
.tld-table-wrap td:nth-child(4) { min-width: 220px; line-height: 1.5; }
.tld-sources { margin-top: 24px; font-size: .85rem; }
.tld-action { display: inline-block; padding: 9px 12px; border: 1px solid #cbd7e2; border-radius: 9px; color: #102135; background: #fff; font-weight: 700; text-decoration: none; white-space: nowrap; }
.tld-action:hover, .tld-action:focus-visible { border-color: #168db4; color: #08749b; text-decoration: underline; }

@media (max-width: 760px) { .tld-tools { grid-template-columns: 1fr; } .tld-main { padding: 32px 18px 64px; } }