/* Responsive layout: explicit header rows replace implicit flex wrapping. */
header{height:auto;min-height:116px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;padding:24px 5%}
header .brand{position:relative;display:block;width:300px;aspect-ratio:5.8;overflow:hidden}
header .brand-logo{position:absolute;width:117.5%;max-width:none;height:auto;left:-9.2%;top:50%;transform:translateY(-52%)}
header>nav{order:initial;width:auto;height:auto;justify-self:start;gap:28px}
header>nav a{min-height:44px;padding:8px 0}
header #account-actions{margin:0;justify-self:end;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.account-name{overflow-wrap:anywhere}
#workspace-nav{height:auto;min-height:46px;overflow-x:auto;flex-wrap:nowrap;padding-inline:5%;gap:24px}
#workspace-nav a{flex-shrink:0;min-height:44px;white-space:nowrap}
.profile-summary,.profile-content,.form-grid>*{min-width:0}
.profile-header h1,.card-body h3,.kennel-facts{overflow-wrap:anywhere}
.directory-search input{max-width:100%;min-width:0}
.profile-tabs{overflow-x:auto;max-width:100%;flex-wrap:nowrap}
.profile-tabs button{flex-shrink:0;min-height:44px}
.form-actions{flex-wrap:wrap;gap:12px}
#toast{max-width:calc(100vw - 32px);overflow-wrap:anywhere}
@media(max-width:1100px){
 header{grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;padding-bottom:0}
 header>nav{grid-column:1/-1;grid-row:2;justify-self:stretch}
 header #account-actions{grid-column:2;grid-row:1}
 .profile-layout{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:700px){
 header{padding:20px 5% 0;gap:12px;min-height:0}
 header .brand{width:clamp(175px,42vw,250px)}
 header #account-actions{max-width:150px;gap:4px 10px}
 header .account-name{font-size:12px}
 header .account-name small{font-size:11px}
 header #account-actions .text-button{min-height:44px;padding:6px}
 header>nav{gap:28px}
 main{padding:30px 5% 44px}
 .profile-layout{grid-template-columns:minmax(0,1fr)}
 .profile-header{align-items:flex-start;flex-direction:column;gap:16px}
 .heading{gap:16px;flex-wrap:wrap}
 .search-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:10px}
 .search-row input{width:100%;min-width:0}
 .search-row .primary{grid-column:1/-1;width:100%}
 input,select,textarea,.search-row input,.form-grid input,.form-grid select,.stack-form input{font-size:16px}
 .directory-search{flex-direction:column;align-items:stretch;gap:8px}
 .directory-search input{width:100%}
 .kennel-alphabet{gap:4px;height:auto;width:100%;order:initial}
 .kennel-alphabet button{min-width:40px;min-height:44px}
 dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 16px}
 .form-grid{grid-template-columns:minmax(0,1fr)}
 .dialog-heading{gap:12px;align-items:flex-start}
 .dialog-heading h2{font-size:28px}
 .close{flex-shrink:0;min-width:44px;min-height:44px}
 .registry-intro h1,body:has(#registry-search) .registry-intro h1{font-size:clamp(30px,7.6vw,40px);line-height:1.2}
}
@media(max-width:360px){
 header{column-gap:8px}
 header .brand{width:165px}
 header #account-actions{max-width:112px}
 .account-name small{max-width:100%;overflow-wrap:anywhere}
}