/* Source relative header stays in document flow; main follows actual height. */
body .header{gap:20px}
body .header>.ai-network{flex:none}
@media(min-width:901px) and (max-width:1150px){
 body .header{height:104px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:40px 32px;gap:8px 16px;padding:11px 4vw;box-sizing:border-box}
 body .header>.logo{grid-column:1;grid-row:1}
 body .header>.ai-network{grid-column:2;grid-row:1;justify-self:end}
 body .header>.button{grid-column:3;grid-row:1}
 body .header>nav{grid-column:1/-1;grid-row:2;justify-self:center}
}
@media(max-width:900px){
 body .header{height:112px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px 44px;gap:8px;padding:9px 10px;box-sizing:border-box}
 body .header>.logo{grid-column:1;grid-row:1;justify-self:start;font-size:17px;white-space:nowrap}
 body .header>.ai-network{grid-column:2;grid-row:1;justify-self:end}
 body .header>.button{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;height:44px;min-height:44px;padding:0 14px;box-sizing:border-box}
}