.fork-dns-guidance {
  margin-top: 1rem;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d9dde5;
  border-radius: .75rem;
  background: #f8fafc;
  padding: 1rem;
  color: #16181d;
}
.fork-dns-header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.fork-dns-heading-group { min-width: 0; }
.fork-dns-eyebrow { margin: 0 0 .2rem; color: #596273; font: 600 .67rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .075em; text-transform: uppercase; }
.fork-dns-title { margin: 0; overflow-wrap: anywhere; font-size: .9rem; line-height: 1.35; font-weight: 650; }
.fork-dns-status { flex: none; border-radius: 999px; padding: .25rem .55rem; font-size: .68rem; line-height: 1.2; font-weight: 650; }
.fork-dns-status.is-pending { background: #fff0c7; color: #714b00; }
.fork-dns-status.is-connected { background: #d9f7e5; color: #075c32; }
.fork-dns-copy, .fork-dns-connected-copy { margin: .8rem 0 0; color: #596273; font-size: .78rem; line-height: 1.5; }
.fork-dns-records { display: grid; gap: .55rem; margin: .85rem 0 0; }
.fork-dns-record { display: grid; grid-template-columns: minmax(5rem, .55fr) minmax(7rem, 1fr) minmax(12rem, 2fr); gap: .5rem; border: 1px solid #e0e3e8; border-radius: .6rem; background: #fff; padding: .7rem; }
.fork-dns-field { min-width: 0; }
.fork-dns-field dt { margin-bottom: .2rem; color: #707580; font-size: .63rem; line-height: 1.25; font-weight: 650; text-transform: uppercase; letter-spacing: .045em; }
.fork-dns-field dd { margin: 0; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; font: 500 .73rem/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #252932; }
.fork-dns-unavailable { margin-top: .8rem; border: 1px solid #e8c8c8; border-radius: .6rem; background: #fff6f6; padding: .75rem; color: #782727; font-size: .76rem; line-height: 1.45; }
.fork-dns-unavailable p { margin: .2rem 0 0; }
.fork-dns-retry { margin-top: .6rem; border: 1px solid #d4b0b0; border-radius: .45rem; background: #fff; padding: .35rem .6rem; color: #6c2020; font: 600 .73rem/1.2 inherit; cursor: pointer; }
.fork-dns-retry:focus-visible { outline: 2px solid #16181d; outline-offset: 2px; }
@media (max-width: 640px) {
  .fork-dns-guidance { padding: .85rem; }
  .fork-dns-header { flex-direction: column; }
  .fork-dns-record { grid-template-columns: 1fr; gap: .65rem; }
  .fork-dns-field dd { font-size: .7rem; }
}
.fork-domain-fixture { box-sizing: border-box; width: min(100% - 2rem, 61rem); margin: 0 auto; padding: 3rem 0; color: #16181d; font-family: Inter, system-ui, sans-serif; }
.fork-domain-fixture *, .fork-domain-fixture *::before, .fork-domain-fixture *::after { box-sizing: border-box; }
.fork-fixture-back { color: #596273; font-size: .78rem; text-decoration: none; }
.fork-fixture-kicker { margin: 1.5rem 0 .25rem; color: #707580; font-size: .72rem; }
.fork-domain-fixture h1 { margin: 0; font-size: 2rem; }
.fork-fixture-meta { margin: .35rem 0 2rem; color: #596273; font-size: .8rem; }
.fork-domain-card { border: 1px solid #e0e3e8; border-radius: .75rem; background: #fff; padding: 1.25rem; }
.fork-domain-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.fork-domain-card-heading h2 { margin: 0; font-size: .95rem; }
.fork-domain-card-heading p { margin: .25rem 0 0; color: #707580; font-size: .8rem; }
.fork-fixture-domains { margin-top: 1rem; }
.fork-fixture-domain-row { display: flex; justify-content: space-between; gap: 1rem; border: 1px solid #e0e3e8; border-radius: .55rem; background: #f7f8fa; padding: .7rem .8rem; font-size: .8rem; }
.fork-fixture-domain-identity { display: flex; min-width: 0; align-items: center; gap: .6rem; }
.fork-fixture-domain-row strong { min-width: 0; overflow-wrap: anywhere; }
.fork-fixture-domain-row span { color: #596273; text-transform: capitalize; }
.fork-fixture-domain-actions { display: flex; flex: none; gap: .35rem; }
.fork-fixture-domain-actions button { border: 1px solid #d9dde5; border-radius: .4rem; background: #fff; padding: .3rem .5rem; color: #252932; font: 600 .7rem/1.2 inherit; cursor: pointer; }
.fork-fixture-domain-actions button.is-remove { color: #a12727; }
.fork-domain-form { margin-top: 1rem; border-top: 1px solid #e0e3e8; padding-top: 1rem; }
.fork-domain-form > label { display: block; margin-bottom: .4rem; color: #596273; font-size: .72rem; font-weight: 600; }
.fork-domain-form > div { display: flex; gap: .5rem; }
.fork-domain-form input { min-width: 0; flex: 1; border: 1px solid #d9dde5; border-radius: .5rem; padding: .6rem .7rem; font: inherit; font-size: .8rem; }
.fork-domain-form button { border: 0; border-radius: .5rem; background: #16181d; padding: .6rem 1rem; color: #fff; font: 650 .8rem/1 inherit; cursor: pointer; }
.fork-domain-form button:disabled { opacity: .55; }
.fork-fixture-feedback { min-height: 1.25rem; margin: .55rem 0 0; color: #596273; font-size: .75rem; }
.fork-fixture-feedback[role="alert"] { color: #a12727; }
@media (max-width: 640px) {
  .fork-domain-fixture { padding-top: 1.5rem; }
  .fork-domain-card { padding: 1rem; }
  .fork-fixture-domain-row { align-items: flex-start; flex-direction: column; }
  .fork-domain-form > div { align-items: stretch; flex-direction: column; }
  .fork-domain-form button { min-height: 2.6rem; }
}