.subdomain-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.subdomain-grid > *, .subdomain-input > input { min-width: 0; }
.subdomain-panel { padding: clamp(1.25rem, 4vw, 2.5rem); }
.subdomain-panel h2 { margin-block: .5rem 1rem; }
.subdomain-panel .form-stack { margin-block-start: 1.5rem; }
.subdomain-input { display: flex; align-items: center; border: 1px solid var(--theme-line, #667085); background: var(--theme-panel, #fff); border-radius: .75rem; overflow: hidden; }
.subdomain-input > input { flex: 1 1 auto; width: 100%; border: 0; border-radius: 0; min-height: 52px; font-size: 1.125rem; }
.subdomain-input > span { flex: 0 0 auto; padding-inline: .75rem 1rem; color: var(--theme-muted, #667085); }
.subdomain-input:focus-within { outline: 3px solid var(--theme-link, #3047b8); outline-offset: 3px; }
.subdomain-input input:focus { outline: 0; box-shadow: none; }
.subdomain-input:has(input:user-invalid) { border-color: var(--theme-danger, #b63838); }
.subdomain-address { overflow-wrap: anywhere; font-size: clamp(1.35rem, 3vw, 2rem); letter-spacing: -.03em; }
.subdomain-note { padding: 1rem; border-radius: .75rem; background: var(--theme-raised, #f4f6f8); color: var(--theme-muted, #667085); font-size: .95rem; }
.subdomain-explainer li { margin-block: .8rem; }
.subdomain-explainer p, .subdomain-explainer li { color: var(--theme-muted, #667085); }
.subdomain-settings-card { margin-block: 1.5rem; }
.subdomain-choice { min-width: 0; margin: 0; padding: .75rem 1rem; border: 1px solid var(--theme-line, #e3e7ec); border-radius: .75rem; grid-column: 1 / -1; }
.subdomain-choice legend { padding-inline: .25rem; font-weight: 700; }
.subdomain-choice label { display: inline-flex; align-items: center; gap: .5rem; min-height: 48px; margin-inline-end: 1rem; cursor: pointer; max-width: 100%; overflow-wrap: anywhere; }
.subdomain-choice input { width: 1.125rem; height: 1.125rem; min-height: 0; flex: 0 0 auto; accent-color: var(--theme-link, #3047b8); }
.subdomain-choice small { display: block; color: var(--theme-muted, #667085); }
.subdomain-create-note { margin-block: 0; grid-column: 1 / -1; font-size: .9rem; }
.link-card { min-width: 0; }
.short-link, .link-card-head h3 { overflow-wrap: anywhere; }
.link-card-head > div { min-width: 0; }
.link-meta { flex-wrap: wrap; }
@media (max-width: 760px) { .subdomain-grid { grid-template-columns: minmax(0, 1fr); } }