@layer components{.mk-tenant-finder{min-height:calc(100vh - 66px);padding:clamp(var(--s-16), 9vw, var(--s-24)) 0;align-items:center;display:flex;position:relative;overflow:hidden}.tf-col{max-width:34rem;position:relative}.tf-anchor{opacity:.07;width:min(46vw,560px);color:var(--brand-500);pointer-events:none;position:absolute;top:50%;right:-7vw;translate:0 -50%}.tf-anchor svg{fill:currentColor;width:100%;height:auto;display:block}.tf-title{font-family:var(--font-editorial);font-weight:var(--fw-regular);letter-spacing:-.024em;color:var(--ink-1);margin:var(--s-5) 0 0;text-wrap:pretty;max-width:16ch;font-size:clamp(34px,4.4vw,54px);line-height:1.06}.tf-title em{color:var(--brand-500);font-style:italic}.tf-lede{font-family:var(--font-ui);color:var(--ink-2);margin:var(--s-4) 0 0;text-wrap:pretty;max-width:46ch;font-size:clamp(15px,1.7vw,17px);line-height:1.65}.tf-form{gap:var(--s-3);margin:var(--s-8) 0 0;flex-direction:column;display:flex}.tf-label{font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}.tf-row{align-items:stretch;gap:var(--s-3);display:flex}.tf-input{box-sizing:border-box;min-width:0;height:52px;padding:0 var(--s-5);font-family:var(--font-ui);font-size:var(--fs-md);color:var(--ink-1);background:var(--paper-0);border:var(--bw-1) solid var(--hair-strong);border-radius:var(--r-pill);transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);flex:1}.tf-input::placeholder{color:var(--ink-4)}.tf-input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px color-mix(in oklch, var(--brand-500) 18%, transparent);outline:none}.tf-input:disabled{background:var(--paper-2);color:var(--ink-3);cursor:not-allowed}.tf-submit{height:52px;padding-inline:var(--s-6);flex-shrink:0}.tf-submit:disabled{background:var(--paper-3);border-color:var(--paper-3);color:var(--ink-4);cursor:not-allowed;transform:none}.tf-message{align-items:flex-start;gap:var(--s-3);margin:var(--s-5) 0 0;max-width:46ch;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink-2);text-wrap:pretty;line-height:1.6;display:flex}.tf-message svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px;margin-top:1px}.tf-message--notfound svg{color:var(--ink-3)}.tf-message--error svg{color:var(--denied)}.tf-matches{margin:var(--s-6) 0 0}.tf-matches-lede{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink-2);margin:0 0 var(--s-2)}.tf-match-list{border-top:var(--bw-1) solid var(--hair);margin:0;padding:0;list-style:none}.tf-match{align-items:center;gap:var(--s-4);min-height:56px;padding:var(--s-3) 0;border-bottom:var(--bw-1) solid var(--hair);color:var(--ink-1);transition:color var(--dur-2) var(--ease-out);text-decoration:none;display:flex}.tf-match-name{font-family:var(--font-ui);font-size:var(--fs-md);font-weight:var(--fw-medium)}.tf-match-host{font-family:var(--font-mono);color:var(--ink-3);margin-left:auto;font-size:11.5px}.tf-match-go{font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--brand-700);align-items:center;gap:var(--s-1);transition:gap var(--dur-2) var(--ease-out);display:inline-flex}.tf-match:hover .tf-match-name{color:var(--brand-700)}.tf-match:hover .tf-match-go{gap:var(--s-2)}.tf-cross{margin:var(--s-8) 0 0;font-family:var(--font-ui);font-size:var(--fs-sm);color:var(--ink-2);border-bottom:var(--bw-1) solid var(--hair-strong);transition:color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);align-items:center;gap:6px;padding-bottom:2px;text-decoration:none;display:inline-flex}.tf-cross:hover{color:var(--ink-1);border-color:var(--ink-1)}@media (max-width:900px){.tf-anchor{opacity:.05;right:-26vw}}@media (max-width:560px){.tf-row{flex-direction:column}.tf-submit{width:100%;min-height:48px}.tf-match{gap:var(--s-1) var(--s-3);flex-wrap:wrap}.tf-match-host{order:3;width:100%;margin-left:0}}}