/* domains.css: page layout. Tokens only. Starts with the batch common block (x- classes). */
/* The x- common block (stacked table, spec card, in-page index chips, ruled rows and columns) is now in components.css */

/* ---- page ---- */
.d-search { background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius-md); padding: clamp(22px, 3vw, 36px); }
.d-search form { display: grid; gap: var(--space-3); }
.d-search label { font-family: var(--font-display); font-weight: 600; font-size: 0.8125rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-dim); }
.d-search input[type="text"] { width: 100%; min-height: 56px; padding: 0 16px; font: inherit; font-size: 1rem; color: var(--text); background: var(--surface-2); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); }
.d-search input[type="text"]::placeholder { color: var(--text-faint); opacity: 1; }
.d-search .c-btn { width: 100%; }
.d-search__hint { margin-top: var(--space-4); color: var(--text-dim); font-size: 0.9375rem; line-height: 1.5; }
.d-search__hint a { color: var(--brand); }
.d-tlds { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--text); }
.d-tlds a { display: flex; flex-direction: column; gap: 2px; min-height: 84px; justify-content: center; padding: 16px 8px 16px 0; border-bottom: 1px solid var(--line); color: var(--text); text-decoration: none; }
.d-tlds a:hover b { color: var(--brand); }
.d-tlds b { font-family: var(--font-display); font-weight: 600; font-size: var(--step-2); letter-spacing: -0.02em; }
.d-tlds span { color: var(--text-dim); font-size: 0.9375rem; font-variant-numeric: tabular-nums; }
@media (min-width: 640px) { .d-tlds { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--space-5); } }
@media (min-width: 1000px) { .d-tlds { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.d-steps { list-style: none; }
.d-steps .c-col__n { font-size: 1.5rem; letter-spacing: 0; }