.whois-hero {
  padding-block: clamp(2rem, 7vw, 5rem);
  background: var(--surface-strong);
}
.whois-hero h1 {
  max-width: 26ch;
  margin-block: 0.4em;
}
.whois-hero p {
  max-width: 65ch;
}
.whois-kicker {
  font-weight: 650;
}
@media (min-width: 1061px) {
  .topbar-inner {
    gap: clamp(0.75rem, 1.5vw, 1.5rem);
  }
  .topbar .nav {
    min-width: 0;
    flex-wrap: wrap;
    gap: 0.55rem clamp(0.65rem, 1.3vw, 1.35rem);
  }
  .topbar .nav > a::after {
    bottom: -4px;
  }
}
@media (min-width: 761px) {
  .footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .footer-brand {
    grid-column: 1 / -1;
  }
}
@media (min-width: 1200px) {
  .footer-grid {
    grid-template-columns: minmax(260px, 1.3fr) repeat(5, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 32px);
  }
  .footer-brand {
    grid-column: auto;
  }
}
.whois-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.whois-title > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.whois-title-icon {
  display: inline-grid;
  place-items: center;
  flex: none;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: 0.65rem;
  color: var(--green-strong);
  background: color-mix(in srgb, currentColor 13%, var(--surface));
}
.whois-title-icon .tabler-icon {
  inline-size: 1.375rem;
  block-size: 1.375rem;
}
h1.whois-title > .whois-title-icon {
  inline-size: clamp(2.75rem, 6vw, 3.5rem);
  block-size: clamp(2.75rem, 6vw, 3.5rem);
  border-radius: 0.75rem;
}
h1.whois-title .tabler-icon {
  inline-size: 1.75rem;
  block-size: 1.75rem;
}
.whois-content {
  max-width: 56rem;
  margin-inline: auto;
  padding-block: 2rem;
}
.whois-card {
  margin-block: 1rem;
  padding: clamp(1rem, 4vw, 2rem);
  border: 1px solid var(--border);
  border-radius: 1rem;
  background: var(--surface);
}
.whois-card h2 {
  margin-top: 0;
}
.whois-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}
.whois-form-row input {
  flex: 1 1 15rem;
  min-width: 0;
  min-height: 44px;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--border-strong);
  border-radius: 0.6rem;
  color: var(--text);
  background: var(--surface);
  font: inherit;
}
.whois-content label {
  display: block;
  margin-block-end: 0.4rem;
  font-weight: 600;
}
.whois-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-block: 0.65rem;
}
.whois-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 0.65rem 1rem;
}
.whois-fields dt {
  font-weight: 650;
}
.whois-fields dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.whois-content h2,
.whois-content code,
.whois-content pre {
  overflow-wrap: anywhere;
}
.whois-legal-document {
  max-width: 960px;
  margin-inline: auto;
  overflow-wrap: anywhere;
}
.whois-legal-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 6px;
  margin-block: 1.5rem;
  background: var(--bg-soft);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.whois-legal-tabs a {
  display: grid;
  align-content: center;
  min-height: 48px;
  padding: 0.55rem;
  border-radius: var(--radius);
  color: var(--text);
  text-align: center;
  text-decoration: none;
}
.whois-legal-tabs a:hover,
.whois-legal-tabs a[aria-current="page"] {
  background: var(--surface);
  color: var(--green-strong);
}
.whois-legal-tabs a:focus-visible {
  outline: 3px solid var(--link);
  outline-offset: -3px;
}
.whois-legal-scope {
  padding: 1rem;
  background: var(--bg-soft);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.whois-legal-scope h2 {
  margin-block-start: 0;
}
.whois-legal-scope time {
  white-space: nowrap;
}
.whois-legal-document li svg {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .whois-legal-document h1 {
    font-size: 1.5rem;
    line-height: 1.3;
    line-break: strict;
  }
  .whois-legal-tabs {
    grid-template-columns: 1fr;
  }
}
.whois-content pre {
  white-space: pre-wrap;
}
.whois-note {
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}
#lookup-bot {
  margin-top: 1rem;
}
.whois-content [hidden] {
  display: none;
}
@media (max-width: 520px) {
  .whois-fields {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
  }
  .whois-fields dd {
    margin-bottom: 0.6rem;
  }
}

#whois-support-form {
  display: grid;
  gap: 0.55rem;
}
#whois-support-form :is(input, textarea) {
  width: 100%;
  min-height: 44px;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--border-strong);
  border-radius: 0.6rem;
  color: var(--text);
  background: var(--surface);
  font: inherit;
}
#whois-support-form .btn {
  justify-self: start;
}

.whois-record-type {
  max-width: 18rem;
  margin-block: 1rem;
}
.whois-record-type select,
.whois-archive-field select {
  width: 100%;
  min-height: 44px;
  padding-block: 0.55rem;
  padding-inline-start: 0.75rem;
  border: 1px solid var(--border-strong);
  border-radius: 0.6rem;
  color: var(--text);
  background-color: var(--surface);
  font: inherit;
}
.whois-tool-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}
.whois-tool-link {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  margin: 0;
  padding: 1rem;
  color: var(--text);
  text-decoration: none;
}
:is(.whois-tool-link, .whois-faq-item) {
  -webkit-tap-highlight-color: #26c9b330;
  transition: transform 180ms ease, border-color 180ms ease,
    background-color 180ms ease, box-shadow 180ms ease;
}
.whois-tool-link:focus-visible {
  outline: 3px solid var(--green-strong);
  outline-offset: 3px;
  border-color: color-mix(in srgb, var(--green-strong) 42%, var(--border));
  background: color-mix(in srgb, var(--surface) 94%, var(--green-strong) 6%);
}
.whois-tool-link:active,
.whois-faq-item:has(> summary:active) {
  transform: translateY(-1px);
  background: color-mix(in srgb, var(--surface) 90%, var(--green-strong) 10%);
}
@media (hover: hover) and (pointer: fine) {
  .whois-tool-link:hover,
  .whois-faq-item:has(> summary:hover) {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--green-strong) 42%, var(--border));
    background: color-mix(in srgb, var(--surface) 94%, var(--green-strong) 6%);
    box-shadow: 0 10px 28px #14203712;
  }
  .whois-tool-link:hover > .whois-title,
  .whois-faq-item > summary:hover {
    color: var(--green-strong);
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.whois-tool-link, .whois-faq-item) { transition: none; }
  .whois-tool-link:is(:hover, :active),
  .whois-faq-item:has(> summary:is(:hover, :active)) { transform: none; }
}
.whois-tool-link .whois-title-icon {
  inline-size: 2rem;
  block-size: 2rem;
  color: var(--blue);
}
.whois-tool-link .tabler-icon {
  inline-size: 1.125rem;
  block-size: 1.125rem;
}
.whois-tool-link > span {
  font-size: 0.9rem;
}
.whois-guide-list {
  display: grid;
  gap: 0.45rem;
  padding-inline-start: 1.25rem;
}
#lookup-network > section:not(.registration-card) {
  border-block-start: 1px solid var(--border);
  margin-block: 0.7rem;
}
#lookup-result:not(.whois-registration-result) #lookup-network > .registration-card {
  margin-block-start: 1rem;
}
@media (max-width: 720px) {
  .whois-tool-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .whois-tool-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.whois-archive-form {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 0.65rem;
  margin-block: 1.25rem;
}
.whois-archive-field {
  flex: 1 1 12rem;
  min-width: 0;
}
#archive-results {
  scroll-margin-top: 7rem;
}
.whois-archive-list {
  list-style: none;
  margin-block: 0.8rem;
  padding: 0;
}
.whois-archive-list > li {
  overflow-wrap: anywhere;
  padding-block: 0.65rem;
  border-block-start: 1px solid var(--border);
}
.whois-archive-list p,
.whois-archive-list h3 {
  margin-block: 0.3rem;
}
.whois-archive-list .whois-archive-list > li {
  border: 0;
  padding-block: 0.15rem;
}
.whois-external {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.whois-external svg {
  width: 1em;
  height: 1em;
}
[data-whois-archive] [role="status"]:empty {
  display: none;
}

.whois-doc-hero {
  background: var(--hero-bg);
}
.whois-doc-hero h1 {
  font-size: clamp(2rem, 5vw, 3rem);
}
.whois-doc-hero .whois-actions {
  margin-block: 1.25rem 0;
}
.whois-docs {
  max-width: 68rem;
}
.whois-doc-nav,
.whois-doc-group-nav,
.whois-doc-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.8rem;
}
.whois-doc-nav a,
.whois-doc-group-nav a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 44px;
  padding-inline: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 0.65rem;
  background: var(--surface);
  font-weight: 600;
}
.whois-doc-group-nav svg,
.whois-doc-group h3 > svg {
  inline-size: 1.1rem;
  block-size: 1.1rem;
  flex: none;
}
.whois-docs [id] {
  scroll-margin-block-start: 7rem;
}
.whois-doc-feedback:empty {
  display: none;
}
.whois-doc-section h3.whois-title .whois-title-icon {
  inline-size: 2rem;
  block-size: 2rem;
}
:is(#whois-doc-search, [data-learning-search]) {
  display: block;
  inline-size: min(100%, 26rem);
  min-block-size: 44px;
  margin-block-end: 1rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--border-strong);
  border-radius: 0.6rem;
  color: var(--text);
  background: var(--surface);
  font: inherit;
}
.whois-doc-group {
  --doc-accent: var(--green-strong);
  margin-block-start: 1.5rem;
}
.whois-doc-group[data-doc-group="dns"],
.whois-doc-group[data-doc-group="routing"] {
  --doc-accent: var(--blue);
}
.whois-doc-group[data-doc-group="workspace"],
.whois-doc-group[data-doc-group="archive"] {
  --doc-accent: var(--amber);
}
.whois-doc-group h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-block: 0 0.6rem;
  color: var(--doc-accent);
}
.whois-doc-operation {
  margin-block: 0.5rem;
  border: 1px solid var(--border);
  border-inline-start: 3px solid var(--doc-accent);
  border-radius: 0.7rem;
  background: var(--surface);
}
.whois-doc-operation > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.65rem;
  min-block-size: 44px;
  padding: 0.65rem 0.8rem;
  cursor: pointer;
}
.whois-doc-operation > summary::-webkit-details-marker {
  display: none;
}
.whois-doc-operation[open] > summary {
  border-block-end: 1px solid var(--border);
}
.whois-doc-operation[open] > summary > svg {
  transform: rotate(180deg);
}
.whois-doc-operation > summary > svg {
  inline-size: 1.15rem;
  block-size: 1.15rem;
}
.whois-doc-operation-label {
  display: grid;
  min-inline-size: 0;
}
.whois-doc-method,
.whois-doc-unit,
.whois-doc-statuses code {
  padding: 0.15rem 0.45rem;
  border-radius: 0.35rem;
  color: var(--doc-accent, var(--blue));
  background: color-mix(in srgb, currentColor 11%, var(--surface));
  font-size: 0.8rem;
  font-weight: 700;
}
.whois-doc-operation-body {
  padding: 0.7rem 0.9rem 0.9rem;
}
.whois-doc-params,
.whois-doc-errors {
  margin-block: 0.5rem 1rem;
}
.whois-doc-params > div,
.whois-doc-errors > div {
  padding-block: 0.55rem;
  border-block-end: 1px solid var(--border);
}
.whois-doc-params dt span,
.whois-doc-params small {
  margin-inline-start: 0.5rem;
  color: var(--muted);
}
.whois-doc-params dd,
.whois-doc-errors dd {
  margin: 0.2rem 0 0;
}
.whois-doc-code {
  display: grid;
  justify-items: start;
  gap: 0.55rem;
  margin-block: 0.55rem;
}
.whois-doc-code pre {
  inline-size: 100%;
  max-inline-size: 100%;
  overflow: auto;
  margin: 0;
  padding: 0.9rem;
  border: 1px solid var(--border);
  border-radius: 0.6rem;
  background: var(--surface-strong);
  white-space: pre;
  overflow-wrap: normal;
}
.whois-doc-code pre code {
  overflow-wrap: normal;
}
.whois-doc-section p {
  overflow-wrap: anywhere;
}
.whois-syntax {
  --syntax-keyword: #6d28a8;
  --syntax-string: #176144;
  --syntax-name: #1f4f8f;
  --syntax-number: #974309;
  --syntax-variable: #9b285e;
  --syntax-comment: #4b635c;
}
:root[data-theme="dark"] .whois-syntax {
  --syntax-keyword: #e6b6ff;
  --syntax-string: #9be3b8;
  --syntax-name: #9cc7ff;
  --syntax-number: #ffc17d;
  --syntax-variable: #ffafd3;
  --syntax-comment: #a1b8af;
}
.whois-syntax :is(.hljs-keyword, .hljs-literal) {
  color: var(--syntax-keyword);
}
.whois-syntax :is(.hljs-string, .hljs-regexp) {
  color: var(--syntax-string);
}
.whois-syntax :is(.hljs-attr, .hljs-title, .hljs-built_in) {
  color: var(--syntax-name);
}
.whois-syntax .hljs-number { color: var(--syntax-number); }
.whois-syntax :is(.hljs-variable, .hljs-subst) {
  color: var(--syntax-variable);
}
.whois-syntax .hljs-comment { color: var(--syntax-comment); }
.whois-learn-example code {
  display: inline-block;
  max-inline-size: 100%;
  padding: 0.25rem 0.6rem;
  border: 1px solid var(--border);
  border-radius: 0.45rem;
  background: var(--surface-strong);
  color: var(--text);
  overflow-wrap: anywhere;
}
.whois-doc-example > summary {
  min-height: 44px;
  padding-block: 0.5rem;
  color: var(--link);
  cursor: pointer;
  font-weight: 650;
}
@media (max-width: 520px) {
  .whois-doc-operation > summary {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.35rem 0.5rem;
  }
  .whois-doc-unit {
    grid-column: 2;
    justify-self: start;
  }
  .whois-doc-operation > summary > svg {
    grid-column: 3;
    grid-row: 1;
  }
}

.whois-learning-hero { padding-block: clamp(1.75rem, 5vw, 3.5rem); }
.whois-learning-hero h1 { max-width: none; }
.whois-learning-hero p,
.whois-learning-help p { color: var(--muted); }
.whois-learning { max-width: 68rem; }
.whois-learning.whois-faq { max-width: 54rem; }
[data-learning-filter] label {
  display: block;
  margin-block-end: 0.5rem;
  font-weight: 650;
}
[data-learning-filter] [data-learning-search] { inline-size: min(100%, 34rem); }
.whois-learning-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-block: 1rem 2rem;
}
.whois-learning-topics a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-block-size: 44px;
  padding: 0.45rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: 0.7rem;
  background: var(--surface);
  text-decoration: none;
}
.whois-learning-topics a:hover { text-decoration: underline; }
.whois-learning-topics svg {
  flex: none;
  width: 1.1rem;
  height: 1.1rem;
}
.whois-learning-group {
  margin-block: 2.25rem;
  scroll-margin-top: 7rem;
}
.whois-learning-group h2,
.whois-learning-next h2,
.whois-learning-help h2 { margin-block: 0 0.85rem; }
.whois-learning-entries { display: grid; gap: 0.75rem; }
.whois-faq-item {
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 1rem;
  background: var(--surface);
}
.whois-learning-next {
  margin-block-start: 1.75rem;
  padding-block-start: 1.25rem;
  border-block-start: 1px solid var(--border);
}
.whois-learning-help { background: var(--surface-strong); }
.whois-faq-item {
  margin: 0;
  overflow: clip;
}
.whois-faq-item:not([data-faq-ready])[open],
.whois-faq-item[data-open] {
  border-color: var(--green-strong);
  background: color-mix(in srgb, var(--surface) 94%, var(--green-strong) 6%);
}
.whois-faq-item > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  list-style: none;
  min-block-size: 60px;
  padding: 0.85rem clamp(1rem, 4vw, 1.5rem);
  color: var(--text);
  cursor: pointer;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.whois-faq-item > summary:focus-visible {
  outline: 3px solid var(--green-strong);
  outline-offset: -3px;
}
.whois-faq-item > summary::-webkit-details-marker { display: none; }
.whois-faq-item > summary::marker { content: ""; }
.whois-faq-item .faq-chevron {
  display: flex;
  flex: 0 0 1.25rem;
  color: var(--green-strong);
  transition: transform 260ms cubic-bezier(.2, .75, .2, 1);
}
.whois-faq-item .faq-chevron svg { width: 1.25rem; height: 1.25rem; }
.whois-faq-item:not([data-faq-ready])[open] .faq-chevron,
.whois-faq-item[data-open] .faq-chevron { transform: rotate(180deg); }
.whois-faq-item[data-faq-ready] > .faq-answer {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 350ms ease, opacity 250ms ease 100ms;
}
.whois-faq-item .faq-answer-inner { display: flow-root; }
.whois-faq-item .faq-answer-inner > p {
  margin: 0;
  padding: 0 clamp(1rem, 4vw, 1.5rem) 0.8rem;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.whois-faq-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.whois-faq-links a {
  display: inline-flex;
  align-items: center;
  min-block-size: 44px;
}
@media (prefers-reduced-motion: reduce) {
  .whois-faq-item[data-faq-ready] > .faq-answer,
  .whois-faq-item .faq-chevron { transition: none; }
}

.whois-report-dates {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0;
  list-style: none;
}
.whois-report-dates a {
  display: inline-flex;
  align-items: center;
  min-block-size: 44px;
  padding-inline: 0.75rem;
  border: 1px solid var(--border);
  border-radius: 0.6rem;
}
.whois-dated-reports {
  margin-block: 1.5rem;
  padding-block: 1rem;
  border-block: 1px solid var(--border);
}
#registrar-filter { inline-size: min(100%, 34rem); }

.whois-registration-result {
  padding: 0;
  border: 0;
  background: transparent;
  --registration-violet: #5d468c;
}
:root[data-theme="dark"] .whois-registration-result {
  --registration-violet: #c2a8f6;
}
.whois-registration-result #lookup-result-header {
  scroll-margin-top: 5.5rem;
  margin-block-end: 1rem;
  padding: clamp(1.1rem, 4vw, 1.8rem);
  border: 1px solid var(--border);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--blue) 4%, var(--surface));
}
.whois-registration-result #lookup-result-title {
  margin-block: 0;
  font-size: clamp(1.45rem, 4vw, 2rem);
}
.whois-registration-result #lookup-network {
  display: grid;
  gap: 1rem;
}
.registration-card {
  --registration-accent: var(--green-strong);
  margin: 0;
  padding: clamp(1rem, 3.5vw, 1.65rem);
  border-inline-start: 3px solid var(--registration-accent);
  background: color-mix(in srgb, var(--registration-accent) 3%, var(--surface));
}
.registration-card[data-tone="blue"] { --registration-accent: var(--blue); }
.registration-card[data-tone="amber"] { --registration-accent: var(--amber); }
.registration-card[data-tone="violet"] { --registration-accent: var(--registration-violet); }
.registration-card .whois-title-icon {
  color: var(--registration-accent);
}
.registration-card h3,
.registration-overview-addresses h3 {
  margin-block: 0 0.85rem;
  font-size: 1.18rem;
}
.registration-card h4 {
  margin-block: 0.85rem 0.35rem;
  font-size: 1rem;
}
.registration-note {
  margin-block: 0.55rem;
  color: var(--muted);
  font-size: 0.9rem;
}
.registration-note:empty { display: none; }
.registration-registrar-action { margin-block-start: 1rem; }
.registration-registrar-action .btn { min-height: 44px; max-width: 100%; }
.registration-summary > .registration-note { margin-block: 0.45rem 0.9rem; }
.registration-overview-addresses {
  margin-block: 0.85rem;
}
.registration-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-block: 0.7rem 0;
}
.registration-nav > * { max-width: 100%; }
.registration-nav a, .registration-nav button { overflow-wrap: anywhere; }
.registration-nav .btn,
.registration-address-control .btn {
  min-height: 44px;
  padding: 0.45rem 0.75rem;
  font-size: 0.91rem;
}
.registration-nav .tabler-icon,
.registration-banner .tabler-icon,
.registration-external .tabler-icon {
  flex: none;
  inline-size: 1.05rem;
  block-size: 1.05rem;
}
.registration-nav [aria-current] {
  border-color: var(--blue);
  color: var(--blue);
  background: color-mix(in srgb, var(--blue) 12%, var(--surface));
}
.registration-shortcuts {
  padding-block-start: 0.7rem;
  border-block-start: 1px solid var(--border);
}
.registration-banner {
  --registration-state: var(--blue);
  margin: 0;
  padding: 0.75rem 1rem;
  border: 1px solid color-mix(in srgb, var(--registration-state) 45%, var(--border));
  border-radius: 0.65rem;
  color: var(--registration-state);
  background: color-mix(in srgb, var(--registration-state) 9%, var(--surface));
  font-weight: 650;
}
.registration-banner-message,
.registration-banner-actions {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
}
.registration-banner-actions {
  flex-wrap: wrap;
  gap: 0.55rem 1rem;
  margin-block-start: 0.6rem;
}
.registration-banner-actions .btn,
.registration-banner-actions .registration-external { min-height: 44px; }
.registration-banner[data-outcome="found"] { --registration-state: var(--green-strong); }
.registration-banner[data-outcome="unsupported"],
.registration-banner[data-outcome="unavailable"],
.registration-banner[data-outcome="rate-limited"] {
  --registration-state: var(--amber);
  color: color-mix(in srgb, var(--registration-state) 80%, var(--text));
}
.registration-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem 1.4rem;
  margin-block: 0.75rem;
}
.registration-field {
  min-width: 0;
  overflow-wrap: anywhere;
}
.registration-field dt {
  margin-block-end: 0.2rem;
  color: var(--muted);
  font-size: 0.9rem;
}
.registration-field dd { margin: 0; font-weight: 620; }
.registration-external {
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
  max-width: 100%;
}
.registration-external > span { min-width: 0; overflow-wrap: anywhere; }
.registration-nameservers,
.registration-links,
.registration-statuses {
  margin: 0;
  padding: 0;
  list-style: none;
}
.registration-nameservers > li {
  display: grid;
  gap: 0.45rem;
  padding-block: 0.8rem;
  border-block-start: 1px solid var(--border);
  overflow-wrap: anywhere;
}
.registration-nameservers > li > a { font-weight: 650; }
.registration-address-control,
.registration-links,
.registration-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.8rem;
}
.registration-address-row {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 0.35rem 0.6rem;
  max-width: 100%;
}
.registration-address-output:empty { display: none; }
.registration-address-output { align-self: center; overflow-wrap: anywhere; }
.registration-address-output .registration-note { margin-block: 0.15rem; }
.registration-statuses li {
  padding: 0.25rem 0.65rem;
  border-radius: 0.45rem;
  color: var(--registration-accent);
  background: color-mix(in srgb, var(--registration-accent) 12%, var(--surface));
  overflow-wrap: anywhere;
}
.registration-statuses a { color: inherit; }
.registration-disclosure summary {
  width: fit-content;
  padding-block: 0.45rem;
  cursor: pointer;
  font-weight: 650;
}
.registration-card pre {
  margin-block: 0.65rem;
  padding: 0.8rem;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  background: var(--surface-strong);
  font-size: 0.86rem;
}
.whois-result-announced {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 540px) {
  .registration-fields {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
  }
  .registration-card {
    padding-inline: 0.95rem;
  }
}
.topbar .language-menu {
  width: max-content;
  min-width: 152px;
}

.topbar .language-menu > summary {
  /* Include the one-pixel inline border in the trailing inset. */
  padding-inline-end: 13px;
}

.topbar .legal-menu > summary {
  padding-inline-end: 14px;
}

.topbar :is(.legal-menu, .language-menu) > summary > .tabler-icon-chevron-down {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.topbar .legal-menu > summary > .tabler-icon-chevron-down {
  margin-inline-start: 4px;
}

.topbar :is(.language-menu, .mobile-legal-menu) > summary > .tabler-icon-chevron-down {
  margin-inline-start: auto;
}

.topbar :is(.legal-menu, .language-menu)[open] > summary > .tabler-icon-chevron-down {
  transform: rotate(180deg);
}

:root[data-theme="light"] :is(.topbar, .footer) {
  --chrome-accent: var(--green-strong);
  color: var(--text);
}

:root[data-theme="light"] .topbar {
  --chrome-hover: var(--bg-soft);
  background: var(--surface);
  border-color: var(--border);
}

:root[data-theme="light"] .footer {
  background: var(--bg-soft);
}

/* The official lockup has a white wordmark to the right of the colored mascot. */
:root[data-theme="light"] .public-wordmark {
  --mascot-edge: 22.6%;
  position: relative;
}

:root[data-theme="light"] .public-wordmark > img {
  filter: brightness(0);
}

@supports (mask-image: url("/images/LOGO.webp")) {
  :root[data-theme="light"] .public-wordmark > img {
    filter: none;
    clip-path: inset(0 calc(100% - var(--mascot-edge)) 0 0);
  }

  :root[data-theme="light"] .public-wordmark::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--text);
    mask: url("/images/LOGO.webp") center / 100% 100% no-repeat;
    clip-path: inset(0 0 0 var(--mascot-edge));
    pointer-events: none;
  }

  @media (forced-colors: active) {
    :root[data-theme="light"] .public-wordmark::after {
      background: CanvasText;
      forced-color-adjust: none;
    }
  }
}

:root[data-theme="light"] :is(.topbar, .footer) .brand > span {
  border-color: var(--border-strong);
}

:root[data-theme="light"] .topbar :is(.nav, .legal-menu summary, .legal-menu-panel a, .language-link),
:root[data-theme="light"] .footer :is(.footer-site a, .footer-legal a, .footer-company a, .footer-bottom, .footer-privacy-button) {
  color: var(--muted);
}

:root[data-theme="light"] .topbar .nav > a:is(:hover, [aria-current="page"]),
:root[data-theme="light"] .topbar .legal-menu:is([open], :hover) > summary,
:root[data-theme="light"] .footer :is(.footer-site a, .footer-legal a, .footer-company a, .footer-privacy-button):hover {
  color: var(--chrome-accent);
}

:root[data-theme="light"] .topbar :is(.mobile-menu, .legal-menu-panel, .language-panel, .language-menu > summary, .icon-button) {
  background: var(--surface);
  border-color: var(--border-strong);
  color: var(--text);
}

:root[data-theme="light"] .topbar :is(.legal-menu-panel, .language-panel) {
  box-shadow: var(--shadow-soft);
}

:root[data-theme="light"] .topbar :is(.icon-button:hover, .language-menu[open] > summary, .legal-menu-panel a:is(:hover, :focus-visible), .language-link:is(:hover, [aria-current="page"])) {
  background: var(--chrome-hover);
  color: var(--text);
}

:root[data-theme="light"] .topbar :is(.mobile-menu-inner > a, .mobile-legal-menu > summary, .mobile-language-links),
:root[data-theme="light"] .footer .footer-bottom {
  border-color: var(--border);
}

:root[data-theme="light"] .topbar .mobile-legal-menu .legal-menu-panel {
  box-shadow: none;
}

:root[data-theme="light"] .topbar .mobile-legal-menu .legal-menu-panel a {
  background: var(--chrome-hover);
}

:root[data-theme="light"] .topbar .mobile-legal-menu .legal-menu-panel a:is(:hover, :focus-visible) {
  color: var(--chrome-accent);
}

:root[data-theme="light"] .topbar .mobile-menu-inner > a,
:root[data-theme="light"] .footer .footer-grid h2 {
  color: var(--text);
}

:root[data-theme="light"] :is(.topbar, .footer) :focus-visible {
  outline-color: var(--link);
}